* {margin: 0; padding: 0}
body {background: #a79b8b; font-family: Verdana, sans-serif; font-size: 62.5%}
img {display: block}
a img {border: 0}
ul, ol {list-style-type: none}
h1, h2, h3, h4 {font-weight: normal}

a {text-decoration: none}
a:hover {text-decoration: underline}

.clear {clear: both}
.left {float: left}
.right {float: right}
.hide {display: none}

:focus {outline: 0} /* no more dots around links in firefox */


/* STRUCTURE */
/*********************************************************************************************************/
#wrapper-top {width: 1003px; margin: 0 auto; padding: 13px 0 0 0; background: transparent url(../images/background-wrapper-top.gif) repeat-y center top; overflow: hidden}
#wrapper-bottom {width: 1003px; margin: 0 auto; padding: 26px 0 50px 0; background: transparent url(../images/background-wrapper-bottom.gif) no-repeat center top; overflow: hidden}
#masthead {height: 110px; width: 957px; margin: 0 auto}
#masthead img {float: right}
h1#logo {height: 110px; width: 305px; background: transparent url(../images/masek-logo.jpg) no-repeat left top; float: left}
h1#logo a {height: 110px; width: 305px; text-indent: -999em; display: block}
h2 {margin: 0 20px 12px 20px; font-size: 1.2em; color: #ffffff}
#content-top {width: 957px; margin: 1px auto 0 auto; background: #ffffff url(../images/background-navigation.jpg) no-repeat left bottom; overflow: hidden}
#content-bottom {width: 957px; margin: 0 auto; background: #726658; overflow: hidden}

/* HOMEPAGE ONLY */
#content-top-home {width: 957px; margin: 1px auto 0 auto; overflow: hidden}
#content-top-home img {float: right}
#content-right-bottom-home {width: 719px; padding: 12px 0 5px 0; background: #0e0d09 url(../images/background-content-homepage.jpg) no-repeat right bottom; float: right; overflow: hidden}
#content-right-bottom-home p {margin: 0 20px 12px 20px; font-size: 1.2em; color: #ffffff}
#content-right-bottom-home a {color: #ffffff; text-decoration: underline}
#content-right-bottom-home a:hover {text-decoration: none}

/* ALT PAGES ONLY */
#content-top-alt {width: 957px; margin: 1px auto 0 auto; background: #726658; overflow: hidden}
#content-left-alt {width: 238px; background: #ffffff; float: left}
#content-left-alt-top {padding: 0 0 201px 0; background: #ffffff url(../images/background-navigation.jpg) no-repeat left bottom; overflow: hidden} /* change height as needed */

/* INNER CONTENT*/
#content-right-top {width: 719px; padding: 15px 0 5px 0; background: #ddd5c8; float: right}
#content-right-top h2 {margin: 0 20px 25px 20px; font-size: 1.6em; text-transform: uppercase; color: #675950; font-weight: bold}
#content-right-top p {margin: 0 20px 10px 20px; font-size: 1.2em}
#content-right-top a {color: #675950; text-decoration: underline}
#content-right-top a:hover {text-decoration: none}
#content-right-bottom {width: 719px; padding: 15px 0 5px 0; background: #ffffff; float: right; overflow: hidden}
#content-right-bottom p {margin: 0 20px 10px 20px; font-size: 1.2em; color: #675950}
#content-right-bottom p.name {color: #f04c17}
#content-right-bottom a {color: #675950; text-decoration: underline}
#content-right-bottom a:hover {text-decoration: none}
#navigation {width: 238px; background: #ffffff; float: left}
#phones {width: 238px; padding: 15px 0 5px 0; background: #726658; float: left}
#phones p {margin: 0 15px 10px 15px; font-size: 1.2em}
#phones a {text-decoration: underline}
#phones a:hover {text-decoration: none}
.divider {height: 11px; margin: 0 20px 9px 20px; background: transparent url(../images/divider.gif) repeat-x left center}
.divider-with-images {height: 11px; margin: 0 259px 9px 20px; background: transparent url(../images/divider.gif) repeat-x left center}
.line-four {line-height: 1.4em}
.line-six {line-height: 1.6em}
.line-eight {line-height: 1.8em}
.ltbr {color: #bdb29e} /* light brown */
.drbr {color: #675950} /* dark brown */
.wht {color: #ffffff} /* white */
.org {color: #feb33e} /* orange */
.brorg {color: #f04c17} /* bright orange */

ul.general-list li {margin: 20px 20px; padding: 0 0 0 10px; background: transparent url(../images/dot-list.gif) no-repeat left 8px; font-size: 1.2em; color: #675950; line-height: 1.4em}

#hold-images {width: 219px; margin: 0 20px; padding: 0 0 10px 0; float: right; overflow: hidden}
#hold-images img {margin: 0 0 10px 0; padding: 5px; background: #f7f3eb; border: 1px solid #bdb29e}
#frame {margin: 0 20px; float: left; display: inline}
#frame img {padding: 5px; background: #f7f3eb; border: 1px solid #bdb29e}
.frame-img {text-align: center}
#content-right-top p.cop {margin: 0 0 20px 0; padding: 2px 0 5px 0; background: #bdb29e; font-size: 1.1em; color: #675950}

/* FOOTER */
ul#footer-left {margin: 0 0 0 10px; float: left}
ul#footer-left li {padding: 0 8px 0 0; color: #685a4d; float: left}
ul#footer-left li#div {padding: 0 8px; border-left: 1px solid #685a4d}
ul#footer-left li a {color: #685a4d}
img#footer-right {margin: 0 10px 0 0; float: right}


/* NAVIGATION */
/*********************************************************************************************************/
ul#navigation-main {margin: 20px 0 0 0}
ul#navigation-main li {margin: 0 0 8px 20px}
ul#navigation-main li a {font-size: 1.2em; color: #675950}

body#home ul#navigation-main li#home-nav a {padding: 0 0 0 12px; margin: 0 0 0 -12px; background: #ffffff url(../images/icon-plus-symbol.gif) no-repeat left center; color: #f04613; font-weight: bold}
body#about ul#navigation-main li#about-nav a {padding: 0 0 0 12px; margin: 0 0 0 -12px; background: #ffffff url(../images/icon-plus-symbol.gif) no-repeat left center; color: #f04613; font-weight: bold}
body#technologies ul#navigation-main li#technologies-nav a {padding: 0 0 0 12px; margin: 0 0 0 -12px; background: #ffffff url(../images/icon-plus-symbol.gif) no-repeat left center; color: #f04613; font-weight: bold}
body#eortech ul#navigation-main li#eortech-nav a {padding: 0 0 0 12px; margin: 0 0 0 -12px; background: #ffffff url(../images/icon-plus-symbol.gif) no-repeat left center; color: #f04613; font-weight: bold}
body#progress ul#navigation-main li#progress-nav a {padding: 0 0 0 12px; margin: 0 0 0 -12px; background: #ffffff url(../images/icon-plus-symbol.gif) no-repeat left center; color: #f04613; font-weight: bold}
body#opportunities ul#navigation-main li#opportunities-nav a {padding: 0 0 0 12px; margin: 0 0 0 -12px; background: #ffffff url(../images/icon-plus-symbol.gif) no-repeat left center; color: #f04613; font-weight: bold}