@charset "UTF-8";
/* CSS Document */

/* Colors
orange - #bf5f16
brown - #5a4a42
light brown - #d0c9c5
cream - #f3f0db

*/

* {margin: 0px; padding: 0px;}

a {outline:none;}

hr {
border:none;
border-bottom:#f3f0db dotted 2px;
}

body {
margin:0; padding:0; font-size: 62.5%; line-height: 1.5em;
background:url(images/body_bg.jpg) repeat-x #d0c9c5; font-family:Geneva, Arial, Helvetica, sans-serif
}

/* ----- top bar (main navigation )  ----- */

#topBar {background:url(images/topBKG.gif) repeat-x; width: 100%; height: 64px;}

#topBar .navMain {list-style: none; height: 35px; width: 511px; padding: 25px 0 0 243px;}
#topBar .navMain li {display: block; float: left; height: 35px;}
#topBar .navMain li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}
*html body #topBar .navMain {overflow: hidden}

#topBar .navMain li.profile {background:url(images/navMain_profile.gif) no-repeat; width: 103px;}
#topBar .navMain li.services {background:url(images/navMain_services.gif) no-repeat; width: 128px;}
#topBar .navMain li.projects {background:url(images/navMain_projects.gif) no-repeat; width: 124px;}
#topBar .navMain li.capabilities {background:url(images/navMain_capabilities.gif) no-repeat; width: 156px;}

#topBar .navMain li.profile a:hover {background:url(images/navMain_profile_on.gif) no-repeat; width: 103px;}
#topBar .navMain li.services a:hover {background:url(images/navMain_services_on.gif) no-repeat; width: 128px;}
#topBar .navMain li.projects a:hover {background:url(images/navMain_projects_on.gif) no-repeat; width: 124px;}
#topBar .navMain li.capabilities a:hover {background:url(images/navMain_capabilities_on.gif) no-repeat; width: 156px;}

/* ----- sub nav ----- */

#navSub  {background:#5a4a42 url(images/navSubBKG.gif) no-repeat; height: 304px; width: 109px; position: relative; z-index: 100; float: left;}
#navSub ul {list-style: none; padding: 48px 0 0 0; width: 109px;}
#navSub ul li {height: 26px; width: 109px;}
#navSub ul li a {text-indent: -9999px; display: block; height: 100%; width: 100%}
#navSub ul li a:hover {background:url(images/navSub_on.gif) no-repeat top; position:relative; right:3px;}

/* ----- header ----- */

#header {height:164px; width: 100%; background: #ffffff url(images/headerDozer.jpg); background-position: 600px top; background-repeat: no-repeat;}
#header2 {height:164px; width: 100%; background: #ffffff url(images/headerExcavator.jpg); background-position: 600px top; background-repeat: no-repeat;}
#header3 {height:164px; width: 100%; background: #ffffff url(images/headerCrane.jpg) ; background-position: 600px top; background-repeat: no-repeat;}
*html body #header h1, *html body #header2 h1, *html body #header3 h1 {margin: -36px 0 0 134px}
#header h1, #header2 h1, #header3 h1 { text-indent:-9999px; height:90px; width:288px; padding: 36px 0 0 134px}
#header h1 a, #header2 h1 a, #header3 h1 a  {display: block; height: 100%; width: 100%;background:url(images/logo.gif) no-repeat;}

/* ----- main content ---- */

#wrapper {background:url(images/contentBKG.gif) repeat-x #5a4a42 ; position: relative;}

#content {background:url(images/whiteOverlay.gif) left repeat-y; padding: 0 0 0 114px;  z-index: 1;}
*+html body #content { height: 100%; padding: 0 0 0 114px; position: relative; right: 109px;}
*html body #content { height: 100%; padding: 0 0 0 114px; position: relative; right: 109px;}
#content #mainContent {float: left; width: 478px; }
#content #mainContent h3 {font-size: 2.3em; color:#f3f0db; padding: 20px 0 0 20px; width: 440px }
#content #mainContent h4 {font-size: 1.6em; background:#81726A; color:#f3f0db; line-height:1.2em; text-transform:uppercase; position:relative; top: 10px; padding: 5px 0 5px 20px; width: 440px }
#content #mainContent p {color:#f3f0db; font-size: 1.5em; line-height: 1.4em; padding: 7px 15px 7px 20px;}
#content #mainContent a {color:#f3f0db; text-decoration: underline; padding:1px 3px 1px 3px;}
#content #mainContent a:hover {background:#f3f0db;color:#bf5f16;}

#content #mainContent a.highslide:hover {background:none;}

#content #mainContent table {color:#f3f0db; font-size: 1.1em; line-height: 1.4em; padding: 7px 15px 7px 20px;}


/* ----- sidebar ----- */

#sideBar {float: left; background:url(images/sideBarBKG.gif) no-repeat; height:294px; width: 246px; margin: 5px 0;}
#sideBar.content {float: left; background:url(images/sideBarBKG_sans_text.gif) no-repeat; height:294px; width: 246px; margin: 5px 0;}

#sideBar img {margin: 76px 0 0 15px}
#sideBar p {font-size: 1.1em; height: 44px; width:216px; border:1px solid #5a4a42; background: #f3f0db; color: #5a4a42; margin: 4px auto; padding: 3px 3px 3px 5px }
#sideBar p a {color:#bf5f16; text-decoration: none}
#sideBar p a:hover {color:#5a4a42; text-decoration: underline}
#spotlightSection div p a:hover {color:#5a4a42}

/* ----- spotlight divs ----- */

#spotlightSection {background: #ffffff; height: 227px}
#spotlightSection div {width: 245px;float: left; margin: 18px 0}
#spotlightSection div h3 {height:22px; width: 118px; text-indent: -9999px; margin:0 0 7px 0}
#spotlightSection div p {font-size: 1.3em; color:#5a4a42; margin: 5px 0}
#spotlightSection div p a {color:#bf5f16; text-decoration: none}
#spotlightSection div p a:hover {color:#5a4a42; text-decoration:underline;}

#spotlightSection div.services {margin: 18px 0 18px 135px}
*html body #spotlightSection div.services {margin: 18px 0 18px 67px}
#spotlightSection div.services h3 {background:url(images/highlightServices.gif) no-repeat;}
#spotlightSection div.projects h3 {background: url(images/highlightProjects.gif) no-repeat;}
#spotlightSection div.capabilities h3 {background:url(images/highlightCapabilities.gif) no-repeat;}

/* ----- footer ----- */

#footer {border-top: 2px solid #5a4a42; width: 100%; padding: 15px 0}
#footerContent {text-align: center; width: 900px;}
#footerContent {font-size: 1.3em; color: #5a4a42; } 
#footerContent a {color:#bf5f16; text-decoration: none}
#footerContent a:hover {color:#5a4a42; text-decoration:underline;}