/* ------------- general styles */
* { 
	margin : 0; 
	padding : 0; 
}
body {

	margin:0px 0px 0px 0px;
	padding:0px;
	height : 100%;
	background : url(../images/siteimages/bkg.jpg) repeat-x;
}
html { 
	background : #d6d6d6;
	height : 100%;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #e41736;
	margin-bottom: 12px;
	border-bottom: 1px #e41736 solid;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	margin-bottom: 15px;
}
p a:link { 
	color : #000;
	font-weight: bold; 
	text-decoration : underline;
}
p a:visited { 
	color : #000;
	font-weight: bold; 
	text-decoration : underline;
}
p a:hover { 
	color : #e21735;
	font-weight: bold; 
	text-decoration : underline;
}
#maincontent ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #e21735;
	margin-left : 30px;
	margin-bottom: 20px;
}
.li_color { /* ------------- adjusts color of text in bullet list */
	color: #000;
}

/* ------------- containers */
div#container { 
	width : 810px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -94px;
	background : url(../images/siteimages/loop.png) repeat-y;
}

/* ------------- header */
div#header {
	position : relative;
	width : 810px;
	height : 253px;
	background : url(../images/siteimages/header.png) no-repeat;
	z-index:1;
}
#header.flash-update {
	text-align: center;
}
/* ------------- nav */
#nav {
	position : absolute;
	margin-top : 225px;
	margin-left: 25px;
	float:left;
}

ul.nav li a.main{
	margin:0px;
	padding:0px;
	height: 25px; 
	display: block;
}
ul.nav li#home a.main{ 
	background: transparent url(../images/siteimages/home.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	width: 55px;
	text-indent : -9999px;
}
ul.nav li#who a.main{ 
	background: transparent url(../images/siteimages/who.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	width: 104px;
	text-indent : -9999px;
}
ul.nav li#what a.main{ 
	background: transparent url(../images/siteimages/what.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	width: 104px;
	text-indent : -9999px;
}
ul.nav li#contact a.main{ 
	background: transparent url(../images/siteimages/contact.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	width: 87px;
	text-indent : -9999px;
}
ul.nav li#home a.main:hover {
	background-position: 0% -25px;
}
ul.nav li#who a.main:hover {
	background-position: 0% -25px;
}
ul.nav li#what a.main:hover {
	background-position: 0% -25px;
}
ul.nav li#contact a.main:hover {
	background-position: 0% -25px;
}

/*superfish nav styls*/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	/* width:9.45em; */
	width:185px;
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	/* top:1.7em; */
	top:28px;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/* ------------- who dropdown */
#who_dropdown {
	position : absolute;
	top : 253px;
	left : 78px;
	z-index: 1;
}
#who ul li a{
	margin:0px;
	padding:0px;
	width: 185px;
	display: block;
}
#who #company_profile a{ 
	background: transparent url(../images/siteimages/company_profile.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#who #equipment_logistics a{ 
	background: transparent url(../images/siteimages/equipment_logistics.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#who #gps_technology a{ 
	background: transparent url(../images/siteimages/gps_technology.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#who #safety a{ 
	background: transparent url(../images/siteimages/safety.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#who #footer{ 
	background: transparent url(../images/siteimages/dropdown_footer.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:13px;
	text-indent : -9999px;
	width: 185px;
}
#who #company_profile a:hover {
	background-position: 0% -40px;
}
#who #equipment_logistics a:hover {
	background-position: 0% -40px;
}
#who #gps_technology a:hover {
	background-position: 0% -40px;
}
#who #safety a:hover {
	background-position: 0% -40px;
}
/* ------------- what dropdown */
#what_dropdown {
	position : absolute;
	top : 253px;
	left : 181px;
	z-index: 2;
}
#what ul li a{
	margin:0px;
	padding:0px;
	width: 185px;
	display: block;
}
#what #earth_moving a{ 
	background: transparent url(../images/siteimages/earth_moving.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#what #detail_excavating a{ 
	background: transparent url(../images/siteimages/detail_excavating.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#what #underground_utilities a{ 
	background: transparent url(../images/siteimages/underground_utilities.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#what #highway_construction a{ 
	background: transparent url(../images/siteimages/highway_construction.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#what #specialty_construction a{ 
	background: transparent url(../images/siteimages/specialty_construction.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#what #footer{ 
	background: transparent url(../images/siteimages/dropdown_footer.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:13px;
	text-indent : -9999px;
	width: 185px;
}
#what #earth_moving a:hover {
	background-position: 0% -40px;
}
#what #detail_excavating a:hover {
	background-position: 0% -40px;
}
#what #underground_utilities a:hover {
	background-position: 0% -40px;
}
#what #highway_construction a:hover {
	background-position: 0% -40px;
}
#what #specialty_construction a:hover {
	background-position: 0% -40px;
}
/* ------------- contact dropdown */
#contact_dropdown {
	position : absolute;
	top : 253px;
	left : 284px;
	z-index: 3;
}
#contact ul li a{
	margin:0px;
	padding:0px;
	width: 185px;
	display: block;
}
#contact #key_personnel a{ 
	background: transparent url(../images/siteimages/key_personnel.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#contact #employees a{ 
	background: transparent url(../images/siteimages/employees.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:40px;
	text-indent : -9999px;
}
#contact #footer{ 
	background: transparent url(../images/siteimages/dropdown_footer.png) no-repeat; 
	padding: 0px; 
	overflow: hidden; 
	height:13px;
	text-indent : -9999px;
	width: 185px;
}
#contact #key_personnel a:hover {
	background-position: 0% -40px;
}
#contact #employees a:hover {
	background-position: 0% -40px;
}


/* ------------- main */
div#main {
	position : relative;
	width : 810px;
	background : url(../images/siteimages/content.png) no-repeat;
	margin: 0px auto;
	z-index:0;
}

/* ------------- content */
div#content {
	position : relative;
	margin: 0px auto;
	top : 35px;
	width : 760px;
}
div#contentheader { 
	position : relative;
	margin: 0px auto;
	width : 750px;
	height: 42px;
	padding-bottom:10px;
}
div#maincontent {
	position : relative;
	margin: 0px auto;
	width : 750px;
	padding-bottom:20px;
}
div#maincontent li{
	margin-bottom:5px;
}
div#cleardiv {
	clear : both;
	height: 94px; /* this pushs the footer */
	
}

/* ------------- footer */
div#footer {
	position : relative;
	width : 810px;
	height : 94px;
	margin: 0px auto;
	background: url(../images/siteimages/footer.png) no-repeat;
}
div#footertext {
	position : absolute;
	width : 810px;
	height:15px;
	text-align : center;
	top: 75px;
}
div#footer ul {
	padding: 0.5em 3em;
	display: inline;
	list-style-type : none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}
div#footer li {
	display: inline;
	margin-right: .75em; padding-right: 1em;
	font-weight: normal;
}
div#footer a:link { 
	color : #fff; 
	text-decoration : none;
}
div#footer a:visited { 
	color : #fff; 
	text-decoration : none;
}
div#footer a:hover { 
	color : #fff; 
	text-decoration : underline;
}