/* Basic Elements */

body{background-color:#c1c1c2; margin:0px; padding:0px 0px 20px 0px;  font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align:center}
a img { border: none; }
h1, form { margin: 0px; padding: 0px; }
h1 { display: none; }
h3 { color: #000; font-size: 16px; font-weight: bold; margin: 10px 0px 10px 0px; padding: 0px; }
h4 {  color: #000; font-size: 13px; font-weight: bold; margin: 10px 0px 0px 0px; }
p { margin: 10px 0px 10px 0px; line-height: 18px; text-align: justify; }
a { color: #cf2f04; }
a:hover {text-decoration: none;}
address { font-size: 12px; width: 146px; line-height: 18px; font-style: normal; margin: 10px 0px 10px 0px; padding: 5px; background-color: #e1e1e1; border: 1px solid #ccc; }

/* Containers */

#topnav { width: 753px; position: relative; margin: 0px auto 0px auto; z-index: 3; height: 37px; text-align: center; }
#topnav ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 11px;  }
#topnav ul li {float: left;  line-height: 11px; padding: 0px 4px 0px 4px; margin: 6px 4px 0px -4px; border-right: 1px solid #ccc; }
#topnav ul li a {color: #e6e6e6; text-decoration: none; }
#topnav ul li a:hover { color: #fff; text-decoration: underline; }
#topnav ul .large { font-size: 12px; font-weight: bold; color: #fff; text-decoration: underline; padding: 0px 10px 0px 0px;}
#topnav ul .large:hover { text-decoration: none; }
#topnav ul .first { border-right: none; margin: 0px 0px 0px 0px; }
#topnav ul .last { border-right: none; padding: 0px 0px 0px 4px; margin: 6px 0px 0px -4px;}
#topnav .topnav-left {position: absolute; top: 7px; left: 0px;}
#topnav .topnav-right {position: absolute; top: 7px; right: 0px;}

#menu-container { width: 753px; position: relative; margin: 0px auto 0px auto; z-index: 3; }

#wrapper{width:753px; position: relative; z-index: 3; margin:0px auto 0px auto; padding: 0px 0px 20px 0px; text-align:left; }

#content-container { position: relative; padding: 1px 0px 0px 0px;}
#content-container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

#content-container #homepage-header { height: 290px; width: 753px; }
#content-container #services-container {width: 463px; height: 222px; position: absolute; left: 0px; top: 30px;}
#content-container #feature-container {behavior: url(/includes/iepngfix.htc);background: url(../images/bkground-feature.png) no-repeat; width: 265px; height: 272px; padding: 10px 0px 0px 10px; position: absolute; left: 478px; top: 0px;}
#content-container #feature-container #features { width: 100%; }
#content-container #feature-container #random-project { position: absolute; top: 166px; }
#content-container #feature-container p {font-size: 11px; text-align: left; color: #b8f3ff; line-height: 15px; padding: 0px 10px 0px 20px; margin: 10px 10px 0px 10px;  }
#content-container #feature-container .newspress { background:url(../images/icon-newspress.gif) no-repeat 0px 1px;}
#content-container #feature-container .project {background: url(../images/icon-featuredproject.gif) no-repeat 0px 2px; }
#content-container #feature-container strong, #content-container #feature-container em, #content-container #feature-container p a { color: #fff; }
#content-container #feature-container a:hover { text-decoration: none; }
#content-container #content-container-left { float: left; width: 535px; }
#content-container #content-container-right { float: right; width: 141px; padding: 0px 20px 0px 25px;background: url(../images/bkground-contentright.gif) 0px 15px no-repeat;}
#content-container .box-white { border: 1px solid #aaa393; background: url(../images/bkground-boxwhite.gif) no-repeat left;background-color: #fff;   height: 152px; width: 535px;}
#content-container .box-white p  {padding: 20px 30px 0px 120px; margin: 0px; }

#content { width: 495px; padding: 5px 20px 10px 20px; margin: 0px 0px 10px 0px; background: #fff; border: 1px solid #aca596; position: relative; float: left; }
#content ul, #content ol { list-style: none; margin: 10px 0px 10px 20px; padding: 0px;}
#content ul li, #content ol li { position: relative; margin: 0px; line-height: 16px; background: url(../images/bullet-arrow.gif) no-repeat 0px 1px; padding: 0px 0px 5px 15px;}
#content ul ul { margin: 0px 0px 0px 20px; }
#content .list-twocolumn { }
#content .list-twocolumn:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#content .list-twocolumn li { width: 200px; float: left; }
#content .show-sibling {background: url(../images/bullet-zoom.gif) no-repeat 0px 2px; padding: 0px 0px 0px 20px;}
#content .sibling { border: 1px solid #E6E4E0; background: #f1f1f1; padding: 0px 10px 0px 10px; }
#content .photo-gallery {display: block; height: 75px; }
#content .photo-gallery p { margin: 5px 0px 0px 0px; }
#content .photo-gallery img { border: 1px solid #ccc; float: left; margin: 0px 5px 0px 0px; }

#sidebar { float: left; margin: -40px 0px 0px 24px; width: 180px }
#sidebar .item-header {behavior: url(/includes/iepngfix.htc);background: url(../images/bkground-item-header.png) no-repeat; height: 14px; width: 180px;}
#sidebar .item-content {behavior: url(/includes/iepngfix.htc); background:url(../images/bkground-item-content.png) no-repeat; width: 170px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;}
#sidebar .item-footer {behavior: url(/includes/iepngfix.htc); background: url(../images/bkground-item-footer.png) top no-repeat; height: 23px; width: 180px; }
#sidebar .safety-light { margin: 0px 0px 0px 50px; }
#sidebar img {behavior: url(/includes/iepngfix.htc); }
#sidebar ul { font-size: 12px; list-style: none; margin: 0px 0px 0px -10px; padding: 0px; width: 179px; }
#sidebar ul li { background: none; padding: 0px;}
#sidebar ul li a { color: #fff; border-bottom: 1px solid #8ca2aa; height: 23px; display: block; padding: 5px 0px 0px 5px; background: url(../images/submenu-arrow.gif) right no-repeat;}
#sidebar ul li a:hover { background-color: #324851; text-decoration: none; }
#sidebar ul li .active { font-weight: bold; text-decoration: none; background: url(../images/submenu-check.gif) right no-repeat; background-color: #324851; }
#sidebar ul li .first { border-top: 1px solid #8ca2aa; }

#bkground-container-home {height: 530px; width: 100%; position: absolute; top: 145px; left: 0px; z-index: 0; background: url(../images/bkground-container-home.jpg) repeat-x; }
#bkground-container {width: 100%; background: url(../images/bkground-container.gif); z-index: 0;  position: relative; padding: 0px 0px 0px 0px; }
#bkground-sidebar { background: url(../images/bkground-sidebar.jpg) repeat-y right; width: 753px; margin: 0px auto 0px auto; }
#bkground-top {background: url(../images/bkground-top.gif) repeat-x; height: 146px; z-index: 1; width: 100%; position: absolute; top: 0px; left: 0px;}
#bkground-dropshadow {background: url(../images/bkground-dropshadow.gif) repeat-x; height: 6px; overflow: hidden; width: 100%; }

#footer { width: 753px; position: relative; margin: 20px auto 20px auto;text-align: right;}
#footer ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; font-size: 12px; float: right; }
#footer ul li {float: left; line-height: 12px; padding: 0px 4px 0px 4px; margin: 0px 4px 0px -4px; border-right: 1px solid #000; }
#footer ul li a {color: #000; text-decoration: underline }
#footer ul li a:hover { color: #cf2f04; text-decoration: none; }
#footer ul .last { border-right: none; padding: 0px 0px 0px 4px; margin: 0px 0px 0px -4px; }
#footer p { color: #666; font-size: 11px;  text-align: right; clear: both; margin: 0px; padding: 0px;}
#footer p a { color: #666; }
#footer p a:hover { color: #000; text-decoration: none; }

#map { width: 350px; height: 250px; border: 2px solid #ccc; float: left; margin: 10px 7px 10px 0px; }

#menu-noflash p, #services-noflash p {background: #fff; border: 1px solid red; padding: 10px; text-align: center; margin: 10px; font-weight: bold;}

/* Image Replacement */

h2 { overflow:hidden;  background-repeat:no-repeat; height:0px !important; font-size:0px;  padding: 30px 0px 0px 0px; height /**/:30x; clear: both; margin: 10px 0px 7px 0px;}
#news-press { background-image:url(../images/h2-newspress.gif); margin: 0px 0px 0px 0px;}
#featured-project { background-image:url(../images/h2-featuredproject.gif); position: absolute; top: 125px; width: 150px; }
#welcome { background-image:url(../images/h2-welcome.gif); }
#get-to-know-us-home {background-image:url(../images/h2-gettoknowus-home.gif); }
#get-to-know-us {background-image:url(../images/h2-gettoknowus.gif); margin: 0px 0px 10px 0px; }
#resources {background-image:url(../images/h2-resources.gif); margin: 0px 0px 10px 0px;}
#company {background-image:url(../images/h2-company.gif);}
#locations {background-image:url(../images/h2-locations.gif);}
#services {background-image:url(../images/h2-services.gif);}
#products {background-image:url(../images/h2-products.gif);}
#employment {background-image:url(../images/h2-employment.gif);}
#contact {background-image:url(../images/h2-contact.gif);}
#pagenotfound {background-image:url(../images/h2-pagenotfound.gif);}
#sitemap {background-image:url(../images/h2-sitemap.gif);}
#news-and-press {background-image:url(../images/h2-newsandpress.gif);}
#refer-a-friend {background-image:url(../images/h2-referafriend.gif);}
#video-overview {background-image:url(../images/h2-video-overview.gif);}
#locations-map {background-image:url(../images/h2-locationsmap.gif);}
#privacy-policy { background-image:url(../images/h2-privacypolicy.gif);}
#community {background-image:url(../images/h2-community.gif);}

/* Forms - Validation */

.lbl { display: block; font-weight: bold; margin: 0px; padding: 0px 0px 2px 0px;}
.alert { background: url(../images/alert-small.gif) no-repeat 0px -3px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; clear: both; }
.success, .error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; text-align: left; position: relative;}
.error {  }
.error h4 {padding: 8px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px; position: relative;}
.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
.success h4 {padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
.success p, .alert p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
.progress {padding: 10px 0px 13px 10px; }
.progress img {float: left; padding: 0px 10px 0px 0px; }
.progress h4 { font-size: 15px; margin: 0px; padding: 5px 0px 10px 0px; color: Red; font-weight: bold; }

/* Forms - Formatting */

#form .left{float:left; margin:0px 5px 0px 0px}
#form .left-phone{float:left; margin:0px 0px 0px 0px}
#form .right-phone{float:left; margin:0px 0px 0px 5px}
#form .clear{float:none}
#form .lbl{position:relative; display:block; font-weight:bold; margin:3px 0px 3px 0px; clear:both; color:#000; font-size:12px}
#form .field{font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:0px 0px 3px 0px; }
#form .textbox {font-family:Arial,Helvetica,sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(../images/bkground-textbox.gif) no-repeat; background-color:#fff; font-size:15px; padding: 2px;}
#form label, #form select{font-size:14px; font-family:Arial,Helvetica,sans-serif}
#form h5{position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background-color:#e6e4e0; border-bottom:1px solid #aba79a; display:block; clear:both}
#form select { font-size: 12px; margin: 0px 0px 0px 0px; }
#form .red{color:red;}
#form .btn-submit{display:block; clear:both; margin:10px 0px 5px 0px; }
#form .small{font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;}
#form #PreferredContact label { font-size: 12px; }
#form table label { font-size: 12px; }
#form p { text-align: left; }

/* Misc Styles */

.left{float:left; }
.right { float: right; }
.center { text-align: center; }
.img-left{float:left; margin:0px 10px 0px 0px; }
.img-right{float: right; margin: 0px 0px 0px 10px; }
.tbl-data { border: 1px solid #E6E4E0; border-collapse: collapse; }
.tbl-data td { padding: 3px 5px 3px 5px; }
.tbl-data th { padding: 3px 5px 3px 5px; background: #ccc; font-size: 13px; font-weight: bold;}
.tbl-data .altrow { background: #e1e1e1; }

.margin-right{margin-right: 10px;}
.margin-left { margin-left: 10px; }
.margin-top{ margin-top: 10px;}
.margin-bottom { margin-bottom: 10px; }

.small{font-size:11px; line-height:14px; }
.normal { font-size: 12px; line-height: 18px; }
.large{font-size:14px; line-height:21px;}

.line{height:1px; background-color:#ccc; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.nodis { display: none; }
.clear{ clear: both; }
.highlight { padding: 2px; background-color:#3d5d74; color: #fff; }
.box-highlight { padding: 0px 10px 0px 10px; border: 1px solid #fedfc8; background: #f8e8dc;}
.border { border: 1px solid #ccc; }
.grey { color: #666; }
.orange {color: #cf2f04;}
.black { color: #000; }
.white { color: #fff; }
.red{color:red;}