body {background: #6390a5 url(../images/bg-body.gif); color: #666;}
#wrap {background: url(../images/bg-wrap.png) repeat-y; width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}/*see ie.css for fixes*/

/**************************************************header**************************************************/
#headerWrap {background: url(../images/bg-headerWrap.png) repeat-x 0 11px;}
#header {background: url(../images/bg-home-header.png) no-repeat; width: 938px; height: 418px; margin: 0 auto; padding: 0 11px; position: relative; z-index: 9999;}/*see ie.css for fixes*/
#header #flashcontent {background: url(../images/header-home-banner.jpg) no-repeat; width: 938px; height: 418px; top: 0px; left: 0px; position: relative; z-index: 9;}
#header #flashcontent #flash {width: 938px; height: 418px;}
#header ul#headerNav {width: 548px; height: 10px; top: 55px; left: 321px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 10px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -10px;}
#header ul#headerNav li a {background: transparent; height: 10px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li#ss {background-image: url(../images/headerNav-sslnk.gif); width: 79px; left: 0px;}
.services #header ul#headerNav li#ss {background-position: 0 -10px;}
#header ul#headerNav li#ss a#sslnk {width: 79px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.gif); width: 81px; left: 99px;}
.projects #header ul#headerNav li#ps {background-position: 0 -10px;}
#header ul#headerNav li#ps a#pslnk {width: 81px;}
#header ul#headerNav li#au {background-image: url(../images/headerNav-aulnk.gif); width: 82px; left: 199px;}
.aboutus #header ul#headerNav li#au {background-position: 0 -10px;}
#header ul#headerNav li#au a#aulnk {width: 82px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-nslnk.gif); width: 54px; left: 301px;}
.news #header ul#headerNav li#ns {background-position: 0 -10px;}
#header ul#headerNav li#ns a#nslnk {width: 54px;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-cslnk.gif); width: 75px; left: 374px;}
.careers #header ul#headerNav li#cs {background-position: 0 -10px;}
#header ul#headerNav li#cs a#cslnk {width: 75px;}
#header ul#headerNav li#ct {background-image: url(../images/headerNav-ctlnk.gif); width: 80px; left: 468px;}
.contact #header ul#headerNav li#ct {background-position: 0 -10px;}
#header ul#headerNav li#ct a#ctlnk {width: 80px;}

/**************************************************content area********************************************/
#content {margin: 0 11px; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.png) repeat-y; color: #666; width: 738px; margin-left: 200px; float: left;}/*see ie.css for fixes*/
#main #contentContainer {margin: 30px 70px 30px 50px; text-align: center; position: relative;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h2 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.4em;}
#main h3 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.3em;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0; line-height: 1.4; font-size: 1.1em;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-sidebar.png) repeat-y; width: 200px; margin-left: -938px; float: left;}
#sidebar div {padding: 0 0 100px 0;}
#sidebar div p#contactus {background: url(../images/sidebar-contact-us.png) no-repeat; width: 180px; height: 69px; margin: 0 0 20px 19px; display: block; text-indent: -9999px;}
#sidebar div p#emailus {background: url(../images/sidebar-email-us.png) no-repeat; width: 180px; height: 62px; margin: 0 0 20px 19px; display: block; position: relative; text-indent: -9999px;}
#sidebar div p#emailus a {width: 89px; height: 19px; top: 29px; left: 42px; position: absolute;}
#sidebar div p#emailus a:hover {background: url(../images/sidebar-email-us02.png) no-repeat;}
#sidebar p#sidebar-bottom {background: url(../images/sidebar-bottom.png) no-repeat; width: 180px; height: 98px; bottom: 0px; left: 19px; position: absolute;}

#main, #sidebar {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footerWrap {border-top: 1px solid #003b62;}
#footer {background: url(../images/bg-footer.gif) repeat-y 10px 0; color: #fff; width: 960px; margin: -1px auto 0 auto; padding: 0 0 25px 0; position: relative; clear: both; font-size: 1em;}
#footer p {background: #600; color: #b77; font-weight: bold;}
#footer p#phone {padding: 15px 0 15px 30px; float: left;}
#footer p#copyright {padding: 15px 30px 15px 0; text-align: right;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}