/*---------------*/
/* Reset Default */
body {margin:0; padding:0; font:15px Arial, Helvetica, sans-serif; background-color:#000000;}
h1,h2,h3,h4,p,ul{margin:0; padding:0;}
a:link, a:visited {text-decoration:none;	color:#000000;}
a img {border:none;}
abbr, acronym {cursor:help;}
address {font-style:normal;}
::selection {background:#00BFFF; color:#ffffff;}
::-moz-selection {background:#00BFFF; color:#ffffff;}
/*---------------*/

html {overflow-y:scroll;}

#header {width:100%; height:135px; position:relative; background-color:#ffffff;}
#header .content {width:980px; margin:0 auto; position:relative; z-index:99;}
#header .content ul {list-style-type:none; float:right;}
#header .content ul li {position:relative; text-align:center; float:left;}
#header .content ul li a {display:block; height:100%; padding:0 25px; line-height:35px; font-size:14px; color:#ffffff;}
#header .content ul li a:hover {color:#ffffff !important; background-color:#00BFFF;}
#header .content ul li ul {display:none; min-width:100%; padding:0 15px 5px 15px; position:absolute; left:-15px; top:35px; background-color:#000000;}
#header .content ul li ul li {margin:2px 0; text-align:left; float:none;}
#header .content ul li ul li a {display:block;}
#header .content ul li:hover ul {display:block;}
#header .content .logo {margin-top:55px; margin-left:90px;}
#header .blackbar {width:100%; height:35px; position:absolute; top:0; background-color:#000000; z-index:0;}

#home .navHome,
#about .navAbout,
#environment .navServices, #energy .navServices, #engineering .navServices, #planning .navServices,
#careers .navCareers,
#contract .navContract,
#contact .navContact {color:#00BFFF !important;}

#main {position:relative; background-color:#ffffff;}
#main .content {width:980px; margin:0 auto; position:relative; background:#ffffff url('../images/col-bg.png') repeat-y; z-index:2; overflow:hidden;}
#home #main .content {background-image:none;}

#main .content .homeBanner {height:450px; position:relative;}
#main .content .homeBanner .service {width:230px; height:100%; position:absolute; top:0; background-color:#f2f2f2;}
#main .content .homeBanner .service a {display:block; width:100%; height:100%;}
#main .content .homeBanner .service:hover {cursor:pointer;}
#main .content .homeBanner #environment {left:0;}
#main .content .homeBanner #energy {left:250px;}
#main .content .homeBanner #engineering {left:500px;}
#main .content .homeBanner #planning {left:750px;}
#main .content .homeBanner  .service img {margin-top:67px; border-bottom:4px solid #000000;}
#main .content .homeBanner  .service span {display:block; margin-top:8px; color:#8C8C8C; font-size:30px; text-align:center;}

#main .content .colLeft {width:230px; float:left;}
#main .content .colLeft h1 {margin-top:20px; margin-right:20px; color:#00BFFF; font-size:30px; text-align:right;}
#main .content .colLeft img {margin-top:67px; border-bottom:4px solid #000000;}

#environment .content .colLeft h1 {color:#018001;}
#environment .content .slider .open h2  {background-color:#f2f9f2; border-top:4px solid #018001;}
#environment  .content .slider .open .icon {background-color:#018001;}

#energy .content .colLeft h1 {margin-top:0; color:#FF9901;}
#energy .content .slider .open h2  {background-color:#fffaf2; border-top:4px solid #FF9901;}
#energy  .content .slider .open .icon {background-color:#FF9901;}

#engineering .content .colLeft h1 {margin-top:0; color:#FF0101;}
#engineering .content .slider .open h2  {background-color:#fff2f2; border-top:4px solid #FF0101;}
#engineering  .content .slider .open .icon {background-color:#FF0101;}

#planning .content .colLeft h1 {margin-top:0; color:#3467FF; font-weight:normal;}
#planning .content .slider .open h2  {background-color:#f0f3ff; border-top:4px solid #3467FF;}
#planning  .content .slider .open .icon {background-color:#3467FF;}

#careers .content .slider .open h2  {background-color:#F2F2F2; border-top:4px solid #00BFFF;}
#careers  .content .slider .open .icon {background-color:#00BFFF;}

body.servicepage .content .colLeft a {display:block; margin-right:20px; color:#8C8C8C; font-size:30px; font-weight:normal; text-align:right;}
body.servicepage .content .colLeft a.environment {margin-top:20px;}
body.servicepage .content .slider .open {position:relative;}
body.servicepage .content .slider .open h2 {margin-bottom:10px; padding:5px 10px; color:#000000 !important;}
body.servicepage .content .slider .open .icon {display:none; width:15px; position:absolute; top:12px; right:15px; line-height:15px; text-align:center; color:#ffffff; background-color:#018001;}
body.servicepage .content .slider ul {padding-left:20px; padding-bottom:20px; line-height:28px; list-style-type:square;}
body.servicepage .content .slider ul.nobullet {padding-left:0 !important; list-style-type:none !important;}

#main .content .colRight {width:730px; min-height:600px; height:auto !important; height:600px; min-height:600px; padding-bottom:35px; float:right;}
#main .content .colRight .greyfiller {width:100%; height:67px; margin-bottom:20px; background-color:#f2f2f2;}
#main .content .colRight h2 {color:#00BFFF; font-size:18px;}
#main .content .colRight h3 {margin:5px 0; color:#000000; font-size:15px;}
#main .content .colRight p {line-height:24px; text-align:justify;}
#main .content .colRight a {padding:0 2px; text-decoration:underline;}
#main .content .colRight a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}
#main .content .colRight ul {margin-left:20px;}

#main .content .colRight table.seaport {width:auto; border:1px solid #00BFFF; border-collapse:collapse;}
#main .content .colRight table.seaport th {padding:10px; color:#00BFFF; background-color:#000000; font-size:15px; font-weight:bold;}
#main .content .colRight table.seaport td {padding:12px; font-size:12px; border:1px solid #00BFFF;}
#main .content .colRight table.seaport td.number {text-align:center;}


#main .content .colRight #careerServices {width:277px; height:205px; margin-left:50px; margin-right:50px; position:relative; float:right;}
#main .content .colRight #careerServices img {position:absolute; top:0; left:0;}
#main .content .colRight #careerServices img.service {}
#main .content .colRight #careerServices .clear {width:100%; height:100%; border:0;}

#main .content .graycol {width:230px; height:100%; background-color:#F2F2F2;}

#main .content .colRight .contactLeft {width:345px; float:left;}
#main .content .colRight .contactLeft form {margin-top:25px;}

#main .content .colRight .contactRight {width:345px; float:right;}

#main .content .colRight form label {padding-right:10px;}
#main .content .colRight form input {width:180px; margin:3px 0; padding:2px 5px; font-size:15px; border:1px solid #000000;}
#main .content .colRight form textarea {width:180px; padding:2px 5px; font:15px Arial, Helvetica, sans-serif; border:1px solid #000000;}
#main .content .colRight form .submit {width:100px; background-color:#ffffff; color:#000000;}
#main .content .colRight form .submit:focus {background-color:#000000; color:#ffffff;}
#main .content .colRight form table .top {padding-top:2px; vertical-align:top;}

#main .greybar {width:50%; height:291px; position:absolute; top:67px; left:0; background-color:#f2f2f2; z-index:0;}
#home #main .greybar {width:100%;}

#footer {background-color:#000000;}
#footer .content {width:980px; height:100px; padding-top:20px; margin:0 auto; overflow:hidden;}
#footer .content p {color:#ffffff; font-size:12px;}
#footer .content p.copyright {margin-right:20px; line-height:22px; float:left;}
#footer .content ul {list-style-type:none; float:left;}
#footer .content ul  li {height:22px; margin-right:16px; padding-left:16px; border-left:1px solid #ffffff; float:left;}
#footer .content ul  li a {line-height:18px; color:#ffffff; font-size:12px;}