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;}

#main ul.employee-list {margin:0; padding:0; display:block; width:650px;}
#main ul.employee-list li {display:block; float:left; list-style:none; margin:0 50px 0 0; padding:0; width:165px; height:260px; font-size:10px; line-height:14px; color:#000000;}
#main ul.employee-list li a.name {display:block; font-size:12px; line-height:14px; text-transform:uppercase;}
#main ul.employee-list li a.email {display:block;}

#main .pagi-nav {display:block; clear:both; border-bottom:1px solid #cccccc; padding:3px; position:relative; margin:0 0 35px 0;}
#main .pagi-nav a {display:inline-block; height:15px; line-height:15px; font-size:10px; font-weight:bold; text-align:center; color:#660000; padding:0 3px; vertical-align:bottom; text-decoration:none; margin:0 1px;}
#main .pagi-nav a.active, #main .pagi-nav a.page:hover { background:#660000; color:#ffffff;}
#main .pagi-nav a.prev {text-indent:-9999em; overflow:hidden; background:url(../images/pagi-nav-left.jpg) no-repeat; height:15px; width:15px;}
#main .pagi-nav a.next {text-indent:-9999em; overflow:hidden; background:url(../images/pagi-nav-right.jpg) no-repeat; height:15px; width:15px;}
#main .pagi-nav span {text-align:right; line-height:15px; font-size:11px; color:#000000; position:absolute; right:0px; top:6px;}

#main dl.news-list {margin:0px; display:inline-block; border:none; padding:0;}
#main dl.news-list dt {width:112px; display:block; float:left; margin:0; padding:0; color:#000000; font-size:11px; line-height:24px; font-weight:normal; text-transform:capitalize;}
#main dl.news-list dd {display:block; float:left; width:475px; font-size:10px; line-height:24px; color:#000000; margin:0 0 30px 0;}
#main dl.news-list dd a {color:#660a00}
#main dl.news-list dd a.title {font-size:13px; display:block;}
#main dl.news-list dd .break {clear:both; height:30px;}

#main #prev-feature {display:block; height:38px; width:85px; overflow:hidden; text-indent:-9999em; background:url(../images/featured-prev.jpg) no-repeat; position:absolute; top:0px; left:48px;}
#main #next-feature {display:block; height:38px; width:86px; overflow:hidden; text-indent:-9999em; background:url(../images/featured-next.jpg) no-repeat; position:absolute; top:0px; right:77px;}

#main .feature {display:none;}
#main .feature h3 {text-align:center; text-transform:uppercase; color:#333333; font-size:16px; line-height:16px; margin:0 0 50px 0;}
#main .feature h3 span {font-weight:normal; font-style:italic; font-size:12px; display:block; text-transform:none;}
#main .feature a.modal-trigger {display:block; width:272px; height:368px; float:left; margin:0 25px 0 0; background:url(../images/featured-modal-trigger-bg.jpg) no-repeat;}
#main .feature a.modal-trigger img {margin:9px 0 0 6px;}
#main .feature .info {float:left; width:290px; font-size:10px; line-height:16px; color:#000000;}
#main .feature .info ul {margin:0; padding:10px 0 15px 0; border-bottom:1px solid #c3c5c2; margin:0 0 15px 0;}
#main .feature .info ul li {margin:0; padding:0; list-style:none; font-size:10px; line-height:16px; color:#000000;}
#main .feature .info ul li strong {color:#660a00; text-transform:uppercase;}

#main .active {display:block;}

#main table.project-list {width:auto; border:none;}
#main table.project-list thead {}
#main table.project-list thead tr {}
#main table.project-list thead tr th {font-size:10px; line-height:12px; color:#666666; font-weight:bold; text-align:left; vertical-align:top; background:none; padding:5px 15px 5px 0; white-space:nowrap;}
#main table.project-list thead tr th.right {text-align:right; padding:5px 0 5px 15px;}
#main table.project-list tbody tr td {color:#666666; font-size:9px; line-height:12px; border-bottom:1px solid #dddddd;  padding:5px 15px 5px 0; vertical-align:top;}
#main table.project-list tbody tr td.last {border:none;}
#main table.project-list tbody tr td a {font-weight:bold; color:#6699aa; text-decoration:underline;}
#main table.project-list tbody tr td.right {text-align:right; padding:5px 0 5px 15px;}
/**************************************************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;}

#modal-wrap {position:fixed; height:100%; width:100%; background:url(../images/modal-wrap-bg.png) repeat; z-index:9999; top:0px; left:0px; right:0px; bottom:0px; display:none;}
#modal-wrap #modal {background:#ffffff; width:809px; height:581px; margin:7% auto 0 auto; position:relative;}
#modal-wrap #modal a.close {display:block; width:22px; height:22px; position:absolute; top:5px; right:5px; background:url(../images/modal-close-btn.jpg) no-repeat; overflow:hidden; text-indent:-9999em;}
#modal-wrap #modal h3 {color:#6699aa; font-size:24px; text-transform:uppercase; text-align:center; padding:30px 0 10px 0; font-weight:normal;}
#modal-wrap #modal img {display:block; margin:0 auto;}