body {background: url(../images/bg-body.jpg) repeat-x; color: #666;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: #fff url(../images/bg-header.jpg) no-repeat; height: 88px; position: relative; z-index: 9999;}
#header h1 a {top: 29px; left: 187px; position: absolute;}
#header ul#headerNav {width: 535px; height: 10px; top: 51px; left: 373px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 10px; top: 0px; list-style: none; position: absolute; display: block;}
#header ul#headerNav li a {height: 10px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#pj {background: url(../images/headerNav-pjlnk.gif) no-repeat; width: 90px; left: 15px;}
#header ul#headerNav li#pj:hover, #header ul#headerNav li#pj.hdrhover, .projects #header ul#headerNav li#pj {background-position: 0 -10px;}
#header ul#headerNav li#pj a#pjlnk {width: 90px;}
#header ul#headerNav li#au {background: url(../images/headerNav-aulnk.gif) no-repeat; width: 94px; left: 115px;}
#header ul#headerNav li#au:hover, #header ul#headerNav li#au.hdrhover, .aboutus #header ul#headerNav li#au {background-position: 0 -10px;}
#header ul#headerNav li#au a#aulnk {width: 94px;}
#header ul#headerNav li#nw {background: url(../images/headerNav-nwlnk.gif) no-repeat; width: 64px; left: 219px;}
#header ul#headerNav li#nw:hover, #header ul#headerNav li#nw.hdrhover, .news #header ul#headerNav li#nw {background-position: 0 -10px;}
#header ul#headerNav li#nw a#nwlnk {width: 64px;}
#header ul#headerNav li#cr {background: url(../images/headerNav-crlnk.gif) no-repeat; width: 85px; left: 293px;}
#header ul#headerNav li#cr:hover, #header ul#headerNav li#cr.hdrhover, .careers #header ul#headerNav li#cr {background-position: 0 -10px;}
#header ul#headerNav li#cr a#crlnk {width: 85px;}
#header ul#headerNav li#ct {background: url(../images/headerNav-ctlnk.gif) no-repeat; width: 90px; left: 388px;}
#header ul#headerNav li#ct:hover, #header ul#headerNav li#ct.hdrhover, .contact #header ul#headerNav li#ct {background-position: 0 -10px;}
#header ul#headerNav li#ct a#ctlnk {width: 90px;}
/*#header ul#headerNav li#st {background: url(../images/headerNav-stlnk.gif) no-repeat; width: 112px; left: 458px;}
#header ul#headerNav li#st:hover, #header ul#headerNav li#st.hdrhover, .substrades #header ul#headerNav li#st {background-position: 0 -10px;}
#header ul#headerNav li#st a#stlnk {width: 112px;} */

/**************************************************content area********************************************/
#content {background: url(../images/banner.jpg) no-repeat 237px 0; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
.projects #content {background: url(../projects/images/banner.jpg) no-repeat 237px 0;}
.aboutus #content {background: url(../aboutus/images/banner.jpg) no-repeat 237px 0;}
.news #content {background: url(../news/images/banner.jpg) no-repeat 237px 0;}
.careers #content {background: url(../careers/images/banner.jpg) no-repeat 237px 0;}
.contact #content {background: url(../contact/images/banner.jpg) no-repeat 237px 0;}
.substrades #content {background: url(../substrades/images/banner.jpg) no-repeat 237px 0;}
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: #fff url(../images/bg-main.gif) repeat-y 100% 0; width: 723px; min-height: 400px; margin-top: 190px; margin-left: 237px; position: relative; float: left;}/*see ie.css for fixes*/
#main #contentContainer {margin: 0 85px 0 50px; line-height: 1.7; font-size: 1.1em;}
#main #flash {}
#main img.left {float: left; margin: 0 40px 5px 0;}
.aboutus #main img.left {margin: 0 20px 5px 0; outline: 1px solid grey; padding: 3px;}
.aboutus #main img.right {margin: 10px 10px 0px; border: 1px solid grey; padding: 2px;} 
#main img.right {float: right; margin: 0 0 5px 40px;}
#main h2 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.4em; text-transform: uppercase;}
#main h3 {margin: 0 8 5px 0; font-weight: bold; font-size: 1.2em;}
#main h3 em {font-weight: normal;}
#main h4 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.1em;}
#main h5 {margin: 0 0 5px 0; font-weight: bold; font-size: 1em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #c3c5c2;}
#main dl dt {color: #600; margin: 0 5px 0 0; font-weight: bold; text-transform: uppercase; float: left;}
#main dl dd {margin: 0 0 3px 0;}
#main table {width: 550px; margin: 0 0 20px 0; border: 1px solid #910000; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
#main table tbody tr td h4 {color: #910000; margin: 0; text-align: center;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
iframe {background: transparent; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0 85px 0 50px; padding: 0; text-decoration: none; vertical-align: baseline; width: auto;}
.projects #main #projectGallery {width: 260px; float: right;}
.projects #main #projectGallery ul {margin: 0;}
.projects #main #projectGallery ul li {margin: 0 2px 0 0; display: inline; list-style: none;}
.projects #main #projectGallery ul li a {}
.projects #main #projectGallery ul li a img{}
.projects #main #projectInfo {width: 300px;}
#main #flashcontent-project {width: 550px; height: 400px;}
#main #flashcontent-project #flash-project {width: 550px; height: 400px;}
#main .flasherror {background: #fff; color: red; border: 1px dotted red; width: 200px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-sidebar.gif) repeat-y; width: 237px; margin-left: -960px; position: relative; float: left;}
#sidebar h3 {background: url(../images/sidebar-title.gif) no-repeat; width: 236px; height: 189px; margin: 1px 0 0 1px; display: block;}
.projects #sidebar h3 {background: url(../projects/images/sidebar-title.gif) no-repeat;}
.aboutus #sidebar h3 {background: url(../aboutus/images/sidebar-title.gif) no-repeat;}
.news #sidebar h3 {background: url(../news/images/sidebar-title.gif) no-repeat;}
.careers #sidebar h3 {background: url(../careers/images/sidebar-title.gif) no-repeat;}
.contact #sidebar h3 {background: url(../contact/images/sidebar-title.gif) no-repeat;}
.substrades #sidebar h3 {background: url(../substrades/images/sidebar-title.gif) no-repeat;}
#sidebar ul#sidebarNav {font-size: 1.2em; text-align: right; margin: 0 0 0 30px;}
#sidebar ul#sidebarNav li {list-style: none; display: inline; text-align: right; text-transform: uppercase;}
#sidebar ul#sidebarNav li a {color: #666; display: block; padding: 0 30px 8px 0; text-decoration: none; font-weight: normal;}
#sidebar ul#sidebarNav li a:hover, #sidebar ul#sidebarNav li a.selected {background: url(../images/sidebar-arrow.png) no-repeat 100% 4px; color: #999; display: block;}
#sidebar ul#sidebarNav li ul li ul {margin: 0 10px 0 0;}
#sidebar ul#sidebarNav li ul li {list-style: none; display: inline; text-align: right; text-transform: none; font-size: .9em;}
#sidebar ul#sidebarNav li ul li a {color: #367; display: block; padding: 0 10px 8px 0; margin: 0 30px 0 0; text-decoration: none;}
#sidebar ul#sidebarNav li ul li a:hover, #sidebar ul#sidebarNav li ul li a.selected {background: url(../images/sidebar-secondlevel-bullet.png) no-repeat 100% 6px; display: block; color: #69A;}

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

/**************************************************footer**************************************************/
#footerWrap {background: url(../images/bg-footerWrap.jpg); position: relative; clear: both;}
#footer {background: url(../images/bg-footer.jpg) no-repeat; color: #567; width: 960px; height: 45px; margin: 0 auto; padding: 40px 0 25px 0; clear: both; font-weight: bold; position: relative; font-size: 1em;}
#footer ul#footerNav {margin: 0 70px; padding: 10px 0 5px 0; border-bottom: 1px solid #2b3c55;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer ul#footerNav li a {color: #567;}
#footer p {margin: 5px 0 0 70px; float: left; display: inline;}
#footer p#copyright {margin: 5px 70px 0 0; float: 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;}