@charset "UTF-8";
/* CSS Document */


body {
 margin: 0px;
 padding: 0px;
 font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 height: 100%;
 font-size:62.5%;
 line-height: 1.5em;
 background: #505050;
}

a {	color: #CC0000;	text-decoration: none;	outline: none;	position: relative; }

a:hover {color: #666666;}
a:active {color: #666666;}

#container {width: 100%}
*html body #container {margin-bottom: -102px;}

#wrapper {background:url(images/content_bkg.png) top left repeat-y ; width: 988px; margin: 0 auto;}
#wrapper2 {background:url(images/gray.jpg) top right repeat-y}

/* ----- layout ----- */

 #top_left {
  background: url(images/top_left_curve.png) no-repeat;
  height: 86px;width:76px;
  float: left;
 }
 
#branding h1{
  background:url(images/logo.jpg) no-repeat;
  height:86px; width:415px;
  float: left;
  margin:0px;padding:0px;
}
 
#branding h1 a {
  display:block;
  height:86px; width:415px;
  text-indent: -9999px;
  float: left;
 }
 
 #top_left2 { background:url(images/top_left.png); height: 142px; width: 76px; float:left; position:relative; z-index:100 }
 *html body #top_left2   {background:url(images/top_left.gif); }
  
 #nav_bar { height: 40px; background: url(images/nav_bkg.jpg) repeat-x ; width: 602px;float: left; z-index:999 }

  
 #content { width: 560px; margin:40px 0 30px 160px}
 
 #content h2 {font-size: 2em; color: #FF0000}
 #content h3 {font-size: 1.5em; color:#505050;margin:5px 0 3px 0}
 
 #content p {color:#1D1D1D; font-size:1.2em;line-height:1.5em; padding:0px;margin: 5px 0 13px 0}
 *+html body #content p {color: #3D3D3D}
 
 #content ul {font-size:1.2em; color: #3D3D3D}
 #content ol {font-size:1.2em; color: #3D3D3D}
 #content li {padding: 3px 0px;}
 
 #bottom { background: url(images/bottom_background.jpg) bottom repeat-x #ffffff ; width: 988px;  height:194px; z-index:10; position:relative; bottom: 30px; margin: 0 auto; padding: 0px; clear:both}
 *html body #bottom { background: url(images/bottom_background_ie.jpg) top repeat-x  ; }
 
 #bottom_left { background: url(images/bottom_left.png) bottom no-repeat; height: 194px; width: 76px; position: relative; float: left; bottom:0px; left:0px; z-index:100; } 
 
 *html body  #bottom_left {background:url(images/bottom_left.gif) bottom no-repeat;}
 
 
 #copyright { float: left; width:515px; }
 #copyright p { font-size: 1.1em; margin:0px; padding:0px; }
 #copyright p a { text-indent: 0px; }
 
 /* ----- headers ----- */
 
 #header { height:17px; width:500px ; display: inline; font-weight: normal; float:left; margin:0px; padding: 8px 0 0 10px; position:relative; z-index:98; color: #505050; text-transform:uppercase; font-size: 33px}
 
/* now, sifr replaced.  disregard */
/* .index {background:url(images/title_welcome.jpg);}
 .co_info {background:url(images/title_company_info.jpg);}
 .projects {background:url(images/title_projects.jpg);}
 .safety {background:url(images/title_safety.jpg);}
 .contact {background:url(images/title_contact.jpg);}
 .demo {background:url(images/title_demo.jpg);}
 .heavy_con {background:url(images/title_heavy_con.jpg);}
 .site_prep {background:url(images/title_site_prep.jpg);}
 .dis_recovery {background:url(images/title_dis_recovery.jpg);}
 .undg_util {background:url(images/title_undg_util.jpg);}
 .emp_opp {background:url(images/title_emp_opp.jpg);}
 .emp_login {background:url(images/title_emp_login.jpg);}
 .services {background:url(images/title_services.jpg);}*/

 /* ----- top nav ----- */
 
 #top_nav {float: right; position: relative; z-index:999 !important;}
 
 #top_nav ul { list-style:none; margin:0px; padding:0px; float:right; z-index: 999; position: relative;}
 #top_nav li { display:block; float:left; height:40px;}
 #top_nav li a { display:block; text-indent:-9999px; height:100%; width: 100%;}
 
 #top_nav .home {background:url(images/nav_top_home.jpg) no-repeat; width: 43px;}
 #top_nav .co_info {background:url(images/nav_top_coinfo.jpg) no-repeat; width:96px;}
 #top_nav .projects {background:url(images/nav_top_projects.jpg) no-repeat; width:98px;}
 #top_nav .safety {background:url(images/nav_top_safety.jpg) no-repeat; width:51px;}
 #top_nav .contact {background:url(images/nav_top_contact.png) no-repeat; width:98px;}
 *html body #top_nav .contact {background: url(images/nav_top_contact.gif) no-repeat; width:98px;}
  
 #top_nav .home a:hover {background:url(images/nav_top_home-over.jpg) no-repeat; width:43px;}
 #top_nav .co_info a:hover {background:url(images/nav_top_coinfo-over.jpg) no-repeat; width:96px;}
 #top_nav .projects a:hover {background:url(images/nav_top_projects-over.jpg) no-repeat; width:98px;}
 #top_nav .safety a:hover {background:url(images/nav_top_safety-over.jpg) no-repeat; width:51px;}
 #top_nav .contact a:hover {background:url(images/nav_top_contact-over.png) no-repeat; width:98px;}
  *html body #top_nav .contact a:hover {background: url(images/nav_top_contact-over.gif) no-repeat; width:98px;}
 
/* drop down menus */ 
#drop_down {z-index:100 !important; position: relative; margin:0px; padding:0px; list-style:none; clear:both;}
#drop_down li {z-index:100; display:block; float:left;float: left;position: relative;}
#drop_down li a {z-index:100; display:block; text-indent:-9999px}
#drop_down li a:hover {z-index:100; background-repeat:no-repeat;}
#drop_down ul {display: none; position:absolute; top: 1em; left: 0;z-index:999;}
#drop_down li:hover ul, #drop_down li.over ul {display:block; position: absolute; padding:0px;margin:0px; padding:4px 3px; margin-top:0px;z-index:100;}
#drop_down li>ul {top: auto; left: auto;}

ul.sub_nav {border:1px solid #cccccc; background-color:#505050; padding: 5px !important; width: auto !important; z-index:999; position: absolute; }
.sub_nav li {display:block; float:left; width:140px; padding:5px !important; height:20px !important; margin: 0 !important; font-size:1.3em}
.sub_nav a {display: block; color:#ffffff; text-decoration:none; padding: 3px 0 3px 3px !important; width: auto !important; text-indent: 0px !important; margin:0px}
.sub_nav a:hover {background:#cccccc !important; color: #505050 }

*html body #drop_down li:hover ul, #drop_down li.over ul {top: 25px} 
*+html body #drop_down li:hover ul, #drop_down li.over ul {top: 40px}

 /* ----- Side Nav ----- */
 
 #side_nav {
	
	z-index:1;
	position: relative;
	float: right;
	height: 240px;
}
  
 #nav_right_top {background:url(images/nav_right_top.gif) no-repeat; height: 96px; width:  207px;}
 #side_nav h3 { margin:0px; padding:0px; background: url(images/nav_right.gif) no-repeat top right; float: left; height: 240px; width: 207px; text-indent: -9999px; overflow:hidden; }
 #side_nav h3 a {display:block; height: 100%; width: 100%}
 #side_nav h3 a:hover {background: url(images/nav_right_over.gif) no-repeat;}
 
/* became one image, no more separate pages */ 
/*
 #side_nav ul { margin:0px; padding:0px; float: right; list-style: none;}
 #side_nav li { width: 161px; display: block; padding:0px; margin:0px; overflow:hidden;}
 #side_nav li a { display: block; width: 161px; text-indent: -9999px;}
 
 #side_nav .demo {background: url(images/nav_right_demo.jpg) no-repeat; height: 52px;}
 #side_nav .heavy {background: url(images/nav_right_heavycon.jpg) no-repeat; height: 40px;}
 #side_nav .prep {background: url(images/nav_right_siteprep.jpg) no-repeat; height: 41px;}
 #side_nav .disaster {background: url(images/nav_right_disrec.jpg) no-repeat; height: 40px;}
 #side_nav .util {background: url(images/nav_right_util.jpg) no-repeat; height: 34px;}
 #side_nav .trans {background: url(images/nav_right_trans.jpg) no-repeat; height: 34px;}
 
 #side_nav .demo a {height: 52px;}
 #side_nav .heavy a {height: 40px;}
 #side_nav .prep a {height: 41px;}
 #side_nav .disaster a {height: 40px;}
 #side_nav .util a {height: 34px;}
 #side_nav .trans a {height: 34px;}
 
 #side_nav .demo a:hover {background: url(images/nav_right_demo-over.jpg) no-repeat; height: 52px;}
 #side_nav .heavy a:hover {background: url(images/nav_right_heavycon-over.jpg) no-repeat; height: 40px;}
 #side_nav .prep a:hover {background: url(images/nav_right_siteprep-over.jpg) no-repeat; height: 41px;}
 #side_nav .disaster a:hover {background: url(images/nav_right_disrec-over.jpg) no-repeat; height: 40px;}
 #side_nav .util a:hover {background: url(images/nav_right_util-over.jpg) no-repeat; height: 34px;}
 #side_nav .trans a:hover {background: url(images/nav_right_trans-over.jpg) no-repeat; height: 34px;}*/
 
/* ----- bottom nav ----- */
  
 #bottom_nav { height: 50px;  width: 515px;  position: relative; margin: 137px 0 0 10px; z-index:100; float: left;}
 
 #bottom_nav ul {margin:5px 0 0 0; padding:0px; list-style: none; float: left; width: 515px;} 
 #bottom_nav li {margin: -3px 0 0 0; padding:0px; display:block; float:left; overflow:hidden; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.2em; letter-spacing: 1px}
 #bottom_nav li a {display: block; text-decoration:none; color: #333333; padding: 3px} 
 #bottom_nav li a:hover {color: #ff191c}
 
 #bottom_nav .arrow {background:url(images/nav_bottom_arrows.gif) no-repeat; width: 19px;margin: 0 2px;}
 #bottom_nav .arrow a:hover {background:url(images_new/nav_bottom_arrows-over.gif) no-repeat; width: 19px;margin: 0 2px;}
 
/* old bottom nav June 08 */
/* #bottom_nav ul {margin:0px; padding:0px; list-style: none; float: left; width: 430px;} 
 #bottom_nav li {margin: 0px; padding:0px; display:block; float:left; height: 14px; overflow:hidden;}
 #bottom_nav li a {display: block; height: 14px; text-indent:-9999px;}
  

 #bottom_nav .home {background:url(images/nav_bottom_home.gif) no-repeat; width: 33px}
 #bottom_nav .co_info {background:url(images/nav_bottom_coinfo.gif) no-repeat; width: 82px}
 #bottom_nav .projects {background:url(images/nav_bottom_projects.gif) no-repeat; width: 84px}
 #bottom_nav .safety {background:url(images/nav_bottom_safety.gif) no-repeat; width: 38px}
 #bottom_nav .contact {background:url(images/nav_bottom_contact.gif) no-repeat; width: 49px}
 #bottom_nav .services {background:url(images/nav_bottom_services.gif) no-repeat; width: 54px}
 #bottom_nav .employment{background:url(images/nav_bottom_employment.gif) no-repeat; width: 162px}
 #bottom_nav .login {background:url(images/nav_bottom_login.gif) no-repeat; width: 95px}
 #bottom_nav .arrow {background:url(images/nav_bottom_arrows.gif) no-repeat; width: 19px;margin: 0 2px;}
 
 #bottom_nav .home a:hover {background:url(images/nav_bottom_home-over.gif) no-repeat; width: 33px}
 #bottom_nav .co_info a:hover {background:url(images/nav_bottom_coinfo-over.gif) no-repeat; width: 82px}
 #bottom_nav .projects a:hover {background:url(images/nav_bottom_projects-over.gif) no-repeat; width: 84px}
 #bottom_nav .safety a:hover {background:url(images/nav_bottom_safety-over.gif) no-repeat; width: 38px}
 #bottom_nav .contact a:hover {background:url(images/nav_bottom_contact-over.gif) no-repeat; width: 49px}
 #bottom_nav .services a:hover {background:url(images/nav_bottom_services-over.gif) no-repeat; width: 54px}
 #bottom_nav .employment a:hover {background:url(images/nav_bottom_employment-over.gif) no-repeat; width: 162px}
 #bottom_nav .login a:hover {background:url(images/nav_bottom_login-over.gif) no-repeat; width: 95px}
 #bottom_nav .arrow a:hover {background:url(images_new/nav_bottom_arrows-over.gif) no-repeat; width: 19px;margin: 0 2px;}*/
 
 
 /* ----- bottom right ----- */
 
#social_media {
position:absolute;
bottom:100px;
right:100px;
width:120px;
z-index:999;
} 

* html #social_media {
bottom:150px;
}

#social_media a {
text-indent:0!important;
width:30px!important;
padding:2px;
}

#bottom_right { float:right; height: 194px; position:relative; z-index:90; width: 360px}  

#bottom_curve { background:url(images/bottom_curve.jpg) bottom left no-repeat; height: 194px; width: 18px;  z-index:100; float:right; position: relative}  

#bottom_right_hack {float: right; width:247px; position: relative; bottom: 53px;}

*html body #bottom #bottom_right #bottom_hack2 #bottom_curve {margin-top:-1px;}

#rotate { background: url(images/rotate1.jpg) bottom left no-repeat; height: 194px; width: 62px; z-index:100;float:right;}
 
#curve_fix { background:url(images/bottom_right_curve.jpg) no-repeat; height: 58px; width: 18px; float:right;}

#bottom_right_nav {clear:both; float:right; }

#bottom_right_nav ul { margin:0px; padding:0px; list-style:none; float: right; clear:both;}
#bottom_right_nav li { display:block; margin:0px; padding:0px; height:52px; width:141px; overflow:hidden;}
 
#bottom_right_nav a {  display:block; height:52px; width:141px; text-indent: -9999px;}

#bottom_right_nav .opportunity { background:url(images/bottom_right_nav_opportunity.jpg)}
#bottom_right_nav .login { background:url(images/bottom_right_nav_login.jpg)}

#bottom_right_nav .opportunity a:hover { background:url(images/bottom_right_nav_opportunity-over.jpg)}
#bottom_right_nav .login a:hover { background:url(images/bottom_right_nav_login-over.jpg)}

#contact_info { background: url(images/bottom_right_contact.jpg) no-repeat; height: 85px; width: 247px; float: right; clear:both; text-indent:-9999px;}

#contact_info p { margin:0px; padding:0px; text-indent:-9999px;}


#bottom_hack { background:url(images/bottom_background.jpg) top repeat-x  ; width: 12px; position: relative; float: left; height:56px; z-index:1;   }
 

#bottom_hack2 {position:relative;bottom:1px;left:23px;z-index:100px;}

*html body #bottom #bottom_right #bottom_hack2 {margin-left: 21px; margin-top:-1px;}


 /* ----- side lines ----- */
 
#red { background:url(images/red.jpg) repeat-y; height:480px; width:11px; position:absolute; float: left; z-index:95; }
 
#gray { background:url(images/gray.jpg) repeat-y; height:800px; width:10px; position:absolute; right:0px; bottom:0px; z-index:5 }
 
 
 /* ----- top right pictures ----- */
 
#top_right { width:386px; position:relative; top:0px; right:0px; z-index:6; float: right; padding: 86px 0 0 0; background-repeat: no-repeat; background-position: top right }
 
.right_home {background:url(images/right_home.jpg) }
.right_company {background:url(images/right_emp_login.jpg) }
.right_projects {background:url(images/right_emp_opp.jpg)}
.right_safety {background:url(images/right_safety.jpg)}
.right_contact {background:url(images/right_contact-dis_rec.jpg)}
.right_demo {background:url(images/right_demo.jpg)}
.right_construction {background:url(images/right_demo.jpg)}
.right_site_prep {background:url(images/right_emp_login.jpg)}
.right_disaster {background:url(images/right_contact-dis_rec.jpg)}
.right_underground {background:url(images/right_und_util.jpg)}
.right_employment {background:url(images/right_emp_login.jpg)}
.right_login {background:url(images/right_emp_login.jpg)}

/* ----- left images ----- */

#left_image {
	height: 403px;
	width: 127px;
 	float: left;
	z-index:90;
	position: relative;
	top: 60px;
}

/* ----- services tabs ----- */
#services_construction {background: url(images/services_construction.gif) no-repeat; height:28px; width:205px; text-indent: -9999px} 
#services_site_prep {background: url(images/services_site_prep.gif) no-repeat; height:28px; width:174px; text-indent: -9999px}
#services_udg {background:url(images/services_undg.gif) no-repeat; height:28px; width:225px; text-indent: -9999px}
#services_demo {background: url(images/services_demo.gif) no-repeat; height:28px; width:119px; text-indent: -9999px}
#services_emr_respns {background: url(images/services_emr_respns.gif) no-repeat; height:28px; width:228px; text-indent: -9999px}
#services_trnsprt {background: url(images/services_trnsprt.gif) no-repeat; height:28px; width:161px; text-indent: -9999px}