@charset "utf-8";
/* CSS Document */
/* ********** RESET ********** */
html, body, div, span, applet, object, iframe, 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 {border:0; outline:0;}

html { 
	background: url(../images/body-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
	
body {font:100% Arial, Helvetica, sans-serif; background:url(../images/bodycover.png) top center repeat-y; margin:0; padding:0; text-align:center; color:#000000;}
#container { width:945px; margin:0 auto; text-align:left;}

ul, li {margin:0; padding:0}
a, a:visited {text-decoration:none; color:#0065a5}
a:hover {color:#0083d6} /*0075bf */
.clr {clear:both}
.fl {float:left}
.fr {float:right}

#header { width:945px; height:105px; text-align:left; position:relative}
#logo {position:absolute; left:0; top:20px;}
.slogan {position:absolute; right:0; top:38px}

#menu {width:945px; height:50px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#menu ul {list-style:none; list-style-image:none; font-size:12px;}
#menu ul li {display:inline-block; height:25px; float:left; margin-top:12px; border-right:1px solid #ccc; }
#menu ul li a {display:inline-block; color:#333; text-align:center; padding:18px 35px 17px 35px; position:relative; bottom:12px; text-transform:uppercase}
#menu ul li .current, #menu ul li .current:hover{background:#0065a5; color:#FFF}
#menu ul li a:hover {color:#0065a5}
#menu ul .last, #menu ul .current {border-right:1px solid #fff;}

#menu ul li .drop {background:url(../images/drop-bg.png) top right no-repeat; padding:18px 40px 17px 30px;}
#menu ul li .drop:hover {background:url(../images/drop-bg.png) bottom right no-repeat;}
#menu ul li .drop.current {background:url(../images/drop-bg.png) top right no-repeat #0065a5; }
/* dropdown menu */
#menu li .second-lvl {display: none; margin:0} 
#menu li:hover .second-lvl {display: block; position: absolute; z-index:9999; width:190px; margin-top:-11px; margin-left:-1px;} 
#menu li:hover .second-lvl li {border-right:0; margin:0; padding:7px 0; border:1px solid #ccc; border-top:0; background:#fff}
#menu li .second-lvl li {margin:0; width:195px; text-align:left}
#menu li .second-lvl li a {padding:18px 25px 17px 25px;}
#menu li:hover li a {float: none; font-size: 11px;} 


#menu li .second-lvl.abt-us li {margin:0; width:190px;}

.slide-control {background:url(../images/slide-control.png) top left no-repeat; height:53px; width:945px; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6; margin:1px 0; position:relative;}

/* OTHER PAGES */
.secondary-pages .footer {margin:20px 0 0 0;}
.secondary-pages .slide-control {margin:20px 0 0 0; background:url(../images/page-title.png) top left no-repeat; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.page-title {color:#fff; position:absolute; left:20px; top:17px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;}
.page-left {float:left; width:300px; padding:15px 0; font-size:13px; color:#666;}
.page-right {float:right; width:605px; padding:15px 0; font-size:13px; color:#666; line-height:20px}
.page-full {padding:15px 0; font-size:13px; color:#666}

.page-right ul {list-style-image:url(../images/bull.png); list-style:inside; margin:0 0 0 3px; padding:0}
.page-right li {padding:0; list-style-image:url(../images/bull.png)}

.side-list, .side-list li {list-style:none; list-style-image:none; margin:0; padding:0;}
.side-list li a {display:block; padding:8px 0 8px 20px; border-bottom:1px solid #ccc;}

.side-list2, .side-list2 li {list-style:none; list-style-image:none; margin:0; padding:0;}
.side-list2 li a {display:block; padding:8px 0 8px 0; border-bottom:1px solid #ccc;}

.page-right blockquote {background:url(../images/quotes.png) left top no-repeat; margin:15px 0 0 0; padding:10px 0 0 45px; font-style:italic; line-height:20px; font-size:14px}
.page-right blockquote strong {color:#333}

.blue-list {list-style-image:url(../images/bull.png); list-style:inside; margin:0 0 0 3px; padding:0}
.blue-list li {padding:0; list-style-image:url(../images/bull.png)}

.blue-list2 {list-style:outside; margin-left:15px; list-style-image:url(../images/bull.png);  padding:0}
.blue-list2 li {padding:2px 0 1px 0; list-style-image:url(../images/bull.png)}

.grline {width:100%; height:1px; background:#ccc; margin:20px 0}

.contact-tb {line-height:20px}
.contact-tb tr td {text-align:left; vertical-align:top; padding:4px 0;}
.contact-tb strong {color:#333; text-transform:uppercase;}

/* PROJECTS */

.probox {display:block; width:190px; height:260px; background:url(../images/project-box-bg.png) left no-repeat; text-align:center; color:#FFF; text-transform:uppercase; font-size:14px}
.probox:hover {background:url(../images/project-box-bg.png) right no-repeat; color:#FFF}
.probox:visited {color:#FFF}
.probox strong {font-weight:normal; display:block; margin:12px 0 0 0}

.clh {margin-bottom:5px; color:#0065a5}

.pr-desc h1, .pr-desc h2, .pr-desc h3, .pr-desc h4, .pr-desc h5 {font-size:14px; margin-bottom:5px; color:#0065a5}

/* CURRENT/PAST PROJECTS */
.projectlist {padding:0 0 20px 20px; margin:15px 0 15px 0; }
.projectlist h2 {font-size:16px; margin:0 0 10px 0}

.pcat {display:block; width:145px; height:158px; background:url(../images/project-cat-bg.png) left no-repeat; text-align:center; color:#FFF; text-transform:uppercase; font-size:13px}
.pcat:hover {background:url(../images/project-cat-bg.png) right no-repeat; color:#FFF}
.pcat:visited {color:#FFF}
.pcat strong {font-weight:normal; display:block; margin:12px 0 0 0}

.pcat-tb tr td {padding-bottom:10px}

.pr-l {float:left; width:200px;}
.pr-l img:hover {opacity:0.8; filter:alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80;}
.pr-r {float:right; width:385px;}
.pr-r h2 {font-size:16px; margin:0 0 5px 0}
.pr-d {width:100%; padding:20px 0; border-bottom:1px solid #ccc}
.pr-s {font-weight:bold; color:#333}

.currpr {font-weight:bold}

/* form */
.cont_form input, .cont_form textarea {display:block; margin:5px 0 8px 0; padding:5px; background:#f2f2f2; border:1px solid #bbbbbb;}
	
.cont_form input:hover, .cont_form textarea:hover {background:#fff; border:1px solid #ccc;}
.cont_form input:focus, .cont_form textarea:focus {background:#fff; border:1px solid #999;}

.cont_form .submit_btn {padding:9px 15px; cursor:pointer; background:#fff; color:#0065a5}
.cont_form .submit_btn:hover {background:#0065a5; border:1px solid #0065a5; color:#FFF}

.star {color:#F00; font-size:12px}


/* 3 service boxes */
.boxes {margin:15px 0 0 0} 
.boxes li {float:left; margin-right:22px; list-style-type:none; margin-bottom:20px; display:block; height:268px; width:300px; position:relative;}
.boxes .blast {margin-right:0}

div.grey {position: absolute; left: 0; top:0; z-index: 10; cursor:pointer}
div.color {position: absolute; left: 0; top:0; z-index: 2; cursor:pointer}

.s1 {background:url(../images/services-bg.png) no-repeat; width:300px; height:268px;}
.s1g {background:url(../images/services-bg2.png) no-repeat; width:300px; height:268px;}

.s2 {background:url(../images/environment-bg.png) no-repeat; width:300px; height:268px;}
.s2g {background:url(../images/environment-bg2.png) no-repeat; width:300px; height:268px;}

.s3 {background:url(../images/projects-bg.png) no-repeat; width:300px; height:268px;}
.s3g {background:url(../images/projects-bg2.png) no-repeat; width:300px; height:268px;}

.s4 {background:url(../images/careers-bg.png) no-repeat; width:300px; height:268px;}
.s4g {background:url(../images/careers-bg2.png) no-repeat; width:300px; height:268px;}

.s5 {background:url(../images/contact-bg.png) no-repeat; width:300px; height:268px;}
.s5g {background:url(../images/contact-bg2.png) no-repeat; width:300px; height:268px;}

.s6 {background:url(../images/brochure-bg.png) no-repeat; width:300px; height:268px;}
.s6g {background:url(../images/brochure-bg2.png) no-repeat; width:300px; height:268px;}

.clickable {width:300px; height:268px; position:absolute}

/* footer */
.footer {margin:15px 0 0 0; line-height:18px} 
.footer h2 {font-size:14px; font-weight:normal; text-transform:uppercase; color:#000; display:block; padding:0 0 7px 0; border-bottom:1px solid #ccc;}
.footer li { float:left; list-style-type:none; margin-bottom:20px; display:block; font-size:13px; color:#666}
.f1 {margin-right:75px; width:245px;}
.f1 strong {display:block; margin:0 0 4px 0}
.f2 {margin-right:75px; width:160px;}
.f2 p {margin: 10px 0;}
.f3 {margin-right:75px; width:140px;}
.f3 p {margin: 7px 0;}
.f3 a, .f4 a {color:#666;}
.f3 a:hover, .f4 a:hover {color:#000}
.f4 {width:170px;}
.f4 .brochure {display:block; border:1px solid #ccc; padding:11px 0; text-align:center; margin:0 0 23px 0; color:#0065a5; background:#fff}
.f4 .brochure:hover {background:#0065a5; border:1px solid #0065a5; color:#FFF}

#copyright {width:945px; margin:0 0 20px 0; padding:15px 0 40px 0; border-top:1px solid #ccc; font-size:13px; color:#666}
#copyright .fr {font-size:11px}
#copyright .fr a {color:#333}
#copyright .fr a:hover {color:#000}

/* popup modal */
.modal {background-color:#fff; display:none; width:770px; padding:15px; text-align:left; border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc}
  
.modalInput {background:none; border:none; text-decoration:underline; cursor:pointer; padding:0;}
/*.modalInput:hover {color:#305eb1;}*/

.close {display:block; padding:9px 15px; cursor:pointer; background:#fff; color:#0065a5; border:1px solid #ccc}
.close:hover {background:#0065a5; border:1px solid #0065a5; color:#FFF}

.jobtable tr td {text-align:left; vertical-align:top; padding:9px 0}
.jobtable {color:#333; font-size:14px}
.jobtable strong {color:#000}