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

*{
  /* Browser Clears*/
  margin: 0;
  padding: 0;
}
html, body {
	height:100%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}
img
{  border-style: none;
}
ul.square{list-style:square; color:#FF0000;padding-left:20px;}
ul.square p{color:#000;}
ul.square span{color:#000;}

#heading {
font-size:22px;
color:#B70004;
}
.left {
float:left;
}
.right {
float:right;
}
#wrapper {
	margin:0 auto;
	text-align:left;
	width:942px;
	height: 100%;
}
#logo_area {
	background-image: url(images/white_bg.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
}
#menu_bar_wrapper {
	background-image: url(images/red_bg.gif);
	background-repeat: repeat-y;
}
#menu_bar {
	background-image: url(images/nav_bg.gif);
	background-repeat: no-repeat;
	height:50px;
}
#main_bottom {
	background-image: url(images/red_bg.gif);
	background-repeat: repeat-y;
	height:100%;

}
#main_main {
	background-image: url(images/mid_bg.gif);
	background-repeat: repeat-y;
	padding: 20px 65px;
}
#main_top {
	background-image: url(images/mid_bg.gif);
	background-repeat: repeat-y;

}

/* =Navigation
----------------------------------------------- */

/* Main Nav */
#nav {
width: 875px;
height: 30px;
position: relative;
top: 7px;
left: 42px;
z-index: 100;
font: 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

ul#nav { padding: 0; margin: 0; list-style: none; }
ul#nav li { float: left; position: relative; overflow: visible; }
li.mnu { height: 32px; overflow: visible; } /* different height allows dropdown to be activated properly */
li.mnu span { position: absolute; left: -9999px }
li.mnu a { display: block; height: 28px; background: url(images/menu_bar.gif) no-repeat; color: #fff }
li.mnu a:link		{ color: #303435; }
li.mnu a:visited	{ color: #303435; }
li.mnu a:hover		{ color: #cc0000; }
li.mnu a:active		{ color: #cc0000; } 

li.mnu ul	{  /* second-level lists */
display: none; 
position: absolute;
top: 0;
border-right: 1px solid #ff6666; border-bottom: 1px solid #ff6666; border-left: 1px solid #ff6666; 
margin: 2px 0; 
padding: 0 2px 2px 2px; 
width: 130px; 
height: auto; 
top: 28px; 
left: 1px;
background-color: #fff; 
list-style: none; 
} 

li.mnu>ul	{ top: 28px; left: 1px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

li.mnu ul li { 
display: block; 
float: none; 
position: relative;
padding: 0; width: 100%; 
}

li.mnu ul li a { 
background-image: none; 
background-color: transparent; 
display: block; 
float: none; 
padding: 4px 9px; 
margin: 0; 
height: auto;
text-decoration: none; 
text-align: left; 
line-height: 1.3em;
border-top: 1px solid #ff6666;
}
li.mnu ul li a:hover	{ background-color: #cccccc; color: #000;}

li:hover ul, #nav li.sfhover ul { display: block; }

#li1 {width: 148px;}
#li2 {width: 140px;}
#li3 {width: 140px;}
#li4 {width: 140px;}
#li5 {width: 139px;}
#li6 {width: 149px;}

#li1 a {background-position: -10px -7px;}
#li2 a {background-position: -158px -7px;}
#li3 a {background-position: -299px -7px}
#li4 a {background-position: -440px -7px;}
#li5 a {background-position: -581px -7px;}
#li6 a {background-position: -718px -7px;}		

#li1 a:hover {background-position: -10px -46px}
#li2 a:hover {background-position: -158px -46px}
#li3 a:hover {background-position: -299px -46px}
#li4 a:hover {background-position: -440px -46px}
#li5 a:hover {background-position: -581px -46px}
#li6 a:hover {background-position: -718px -46px}
	
	
body#home a#homenav	{background-position: -10px -85px;}
body#company a#companynav {background-position: -158px -85px;}
body#services a#servicesnav	{background-position: -299px -85px;}
body#contracting a#contractingnav	{background-position: -440px -85px;}
body#careers a#careersnav {background-position: -581px -85px;}
body#contact a#contactnav {background-position: -718px -85px;}