/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}


/* dropdown menu */
.sf-menu {line-height: 1.0;}
.sf-menu ul {position: absolute; top: -999em; width: 14em;/* left offset of submenus need to match (see below) */}
#topnav ul li {background-color: #0098D4; border-bottom: 1px solid #003359; border-left: 1px solid #003359; border-right: 1px solid #003359; width: 100%;}
#topnav ul li a:link, #topnav ul li a:visited {color: #ffffff;padding: 5px;}
#environmental #topnav ul li {background-color: #50B948;}
#ground #topnav ul li {background-color: #F7A11A;}
#posttensioning #topnav ul li {background-color: #EF4035;}
#civil #topnav ul li:hover {background-color: #22b1f6;}
#environmental #topnav ul li:hover {background-color: #72DB6a;}
#ground #topnav ul li:hover {background-color: #F9C33C;}
#posttensioning #topnav ul li:hover {background-color: #FF6257;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left; position: relative;}
.sf-menu a {display: block; position: relative; text-decoration: none;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left: 0; top: 27px;/* match top ul list item height */ z-index: 99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left: 14em; /* match ul width */ top: 0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left: 14em; /* match ul width */ top: 0;}



body{background:#ffffff url(../images/civil_bckgrnd.gif) repeat-x;color:#003866;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:13px;}
body table {font-size: 10px;}
body#index{background:#ffffff url(../images/index_bckgrnd.gif) repeat-x;}
body#environmental{background:#ffffff url(../images/enviro_bckgrnd.gif) repeat-x;}
body#ground{background:#ffffff url(../images/ground_bckgrnd.gif) repeat-x;}
body#posttensioning{background:#ffffff url(../images/post_bckgrnd.gif) repeat-x;}

a:link, a:visited{color:#003866;}
a:hover, a:active{color:#0098d4;}

#container{margin:0 auto;padding-left:23px;position: relative;width:924px;}


/* top banner */
#banner{background:#ffffff url(../images/ward_logo.gif) no-repeat 0px 13px;height:90px;overflow:hidden;}
#civil #banner{background-image:url(../images/civil_logo.gif);}
#environmental #banner{background-image:url(../images/enviro_logo.gif)}
#ground #banner{background-image:url(../images/ground_logo.gif)}
#posttensioning #banner{background-image:url(../images/post_logo.gif)}

#searchbox{float:right;padding-top:47px;position:relative;width:170px;}
#searchbox label{background:transparent url(../images/search.gif) no-repeat;display:block;height:9px;margin-left:4px;text-indent:-9999px;}
#searchbox #keywords{border:1px solid #000000;height:16px;left:4px;margin-right:9px;position:absolute;top:60px;width:133px;}
#searchbox .submit{border:0;background:#ffffff url(../images/search_submit.gif) no-repeat 0px 0px;color: #003866;font-size: 1px;height:20px;left:152px;position:absolute;text-indent:-9999px;top:60px;width:16px;}
#searchbox .submit:hover{background:#ffffff url(../images/search_submit.gif) no-repeat 0px -20px;cursor:pointer;}


/* section banner */
#section-banner{background:transparent url(../images/wardgroup_header.gif) no-repeat -31px 0px;height:91px;position:relative;width:955px;}
#civil #section-banner{background:transparent url(../images/civil_header.gif) no-repeat -31px 0px;}
#environmental #section-banner{background:transparent url(../images/enviro_header.gif) no-repeat -31px 0px;}
#ground #section-banner{background:transparent url(../images/ground_header.gif) no-repeat -31px 0px;}
#posttensioning #section-banner{background:transparent url(../images/post_header.gif) no-repeat -31px 0px;}

/* top navigation */
#topnav{border:1px solid #003866;border-left:0px;height:26px;width:624px;}
body#index #topnav {width: 576px;}
#civil #topnav, #environmental #topnav, #ground #topnav, #posttensioning #topnav {width:350px;}
#topnav li{float:left;}
body#index #topnav li a, #topnav li a.top, #topnav li a.dtop{border-left:1px solid #003866;display:block;height:26px;text-indent:-9999px;}

/* default top nav style */
li.civil a:link, li.civil a:visited{background:transparent url(../images/default_civil.gif) 0px 0px;width:123px;}
li.enviro a:link, li.enviro a:visited{background:transparent url(../images/default_enviro.gif) 0px 0px;width:189px;}
li.ground a:link, li.ground a:visited{background:transparent url(../images/default_ground.gif) 0px 0px;width:143px;}
li.post a:link, li.post a:visited{background:transparent url(../images/default_post.gif) 0px 0px;width:117px;}
#topnav li.civil a:hover,#topnav li.civil a:active{background-position:0px -26px;}
#topnav li.enviro a:hover,#topnav li.enviro a:active{background-position:0px -26px;}
#topnav li.ground a:hover,#topnav li.ground a:active{background-position:0px -26px;}
#topnav li.post a:hover,#topnav li.post a:active{background-position:0px -26px;}

/*index top nav style */
body#index li.civil a:link,body#index li.civil a:visited{background:transparent url(../images/index_civil.gif) 0px 0px;width:123px;}
body#index li.enviro a:link,body#index li.enviro a:visited{background:transparent url(../images/index_enviro.gif) 0px 0px;width:189px;}
body#index li.ground a:link,body#index li.ground a:visited{background:transparent url(../images/index_ground.gif) 0px 0px;width:143px;}
body#index li.post a:link,body#index li.post a:visited{background:transparent url(../images/index_post.gif) 0px 0px;width:117px;}
body#index #topnav li.civil a:hover,body#index #topnav li.civil a:active{background-position:0px -26px;}
body#index #topnav li.enviro a:hover,body#index #topnav li.enviro a:active{background-position:0px -26px;}
body#index #topnav li.ground a:hover,body#index #topnav li.ground a:active{background-position:0px -26px;}
body#index #topnav li.post a:hover,body#index #topnav li.post a:active{background-position:0px -26px;}


/* section top nav style */
.li-home a.top:link, .li-home a.top:visited{background:transparent url(../images/nav_home.gif) no-repeat 0px 0px;width:47px;}
.li-about a.top:link, .li-about a.top:visited{background:transparent url(../images/nav_about.gif) no-repeat 0px 0px;width:75px;}
.li-projects a.top:link, .li-projects a.top:visited{background:transparent url(../images/nav_projects.gif) no-repeat 0px 0px;width:71px;}
.li-awards a.top:link, .li-awards a.top:visited{background:transparent url(../images/nav_awards.gif) no-repeat 0px 0px;width:64px;}
.li-contact a.top:link, .li-contact a.top:visited{background:transparent url(../images/nav_contact.gif) no-repeat 0px 0px;width:88px;}

#environmental a.top:link, #environmental a.top:visited{background-position:0px -26px;}
#ground a.top:link, #ground a.top:visited{background-position:0px -52px;}
#posttensioning a.top:link, #posttensioning a.top:visited{background-position:0px -78px;}

#topnav li a.top:hover, #topnav li a.top:active{background-position:0px -104px;}

h1{text-indent:-9999px;}
h1#ward_hdr{background:transparent url(../images/ward_hdr.gif) no-repeat;height:63px;margin-bottom:11px;width:258px;}
#crumb{color:#ffffff;font-size:10px;font-weight:bold;position:absolute;top:7px;left:361px;}
#crumb a{color:#ffffff;font-weight:normal;text-decoration:none;}
#crumb a:hover,#crumb a:active{text-decoration:underline;}
.bc {text-transform: capitalize;}

#maincontent{line-height:12px;padding-top: 6px;width:924px;z-index:1;}
body#index #maincontent{background:transparent url(../images/skyline_gradient.gif) no-repeat top right;height:303px;line-height:13px;overflow:hidden;padding-top:0px;}
#maincontent p{font-size:10px;margin-bottom:1em;width:670px;}
body#index #maincontent p{color:#ffffff;font-size:11px;margin-bottom:1em;}
#maincontent table {width: 440px;}
#container #maincontent table td p {width: 100%;}


h2, h3, h4, h5, h6 {font-weight: bold;margin-top: 1em; margin-bottom: 0.2em;z-index:2;}
#maincontent h2 {font-size: 120%; text-transform: uppercase;}
#maincontent h3 {font-size: 110%;}

#dummy {float: right; height: 350px; width: 1px;}
#images{position: absolute; left: 475px; top: 187px; width:309px;}
#images img{margin:0 6px 6px 0;}
.image-small{float:left;}

#sub{background:transparent url(../images/index_quote.gif) no-repeat top right;height:109px;margin-right:3px;}
.subbox{border-right:1px solid #003866;border-bottom:1px solid #003866;float:left;height: 131px;width:166px;}
#sub #sub-civil{border-left:1px solid #003866;}
#sub h2,#rightsub li{border-bottom:1px solid #003866;height:23px;text-indent:-9999px;width:166px;}
#rightsub li{border-bottom:1px solid #ffffff;}
#sub h2 a,#rightsub li a{display:block;height:23px;width:166px;}
#sub-civil a{background:#0098d4 url(../images/sub_civil.gif) no-repeat 0px 0px;}
#sub-enviro a{background:#50b948 url(../images/sub_enviro.gif) no-repeat 0px 0px;}
#sub-ground a{background:#f7a11a url(../images/sub_ground.gif) no-repeat 0px 0px;}
#sub-post a{background:#ef4035 url(../images/sub_post.gif) no-repeat 0px 0px;}
#sub-employee a{background:#ffffff url(../images/sub_employee.gif) no-repeat 0px 0px;}
#sub-career a{background:#ffffff url(../images/sub_career.gif) no-repeat 0px 0px;}
#sub a:hover,#sub a:active,
#rightsub a:hover,#rightsub a:active{background-position:0px -23px;}
.subbox p{color:#003866;font-size:10px;line-height:12px;padding:6px;}
.subbox h2 {margin: 0px;}

#farright{position: absolute; left: 782px; top: 187px; width:168px;}
#farright h2 {font-size: 100%; font-weight: normal; margin-top: 30px; text-transform: uppercase;}
#farright a {text-decoration: none;}

#footer{clear:both;padding-top:25px;}
body#index #footer{margin-top:44px;padding-top:0px;}
#footer p{color:#003866;font-size:10px;}
#footer a:link,#footer a:visited{color:#003866;text-decoration:none;}
#footer a:hover,#footer a:active{color:#0098d4;}
.cr{color:#003866;padding-left:53px}
#civil .cr, #environmental .cr, #ground .cr, #posttensioning .cr {padding-left:165px;}