/* Base style
------------------------------------*/
body {
	background: #999999 url(../images/lg_bkgrd.gif) repeat-y;
	background-attachment:fixed;
	padding: 0;
	margin: 0;
	height: 100%;
	}


/* Things to hide
------------------------------------*/
#nav li span, 	#column_nav span{
	display: none;

	}

.nobg, .nobg a:hover, nobg a, nobg a:link{
	background: none;
	}

/* Container
------------------------------------*/
#container {
	width:780px;
	background: #476401 url(/images/conatiner_sec.jpg) no-repeat;
	padding: 0;
	margin: 0;
	position: relative;
	height: 100%;
	}
	
.home #container {
	background: #476401 url(/images/conatiner_home.jpg) no-repeat;
	background-position:0 91px;
	}

	
/* Header
------------------------------------*/
#header {
	background: #999 url(/images/header.gif) no-repeat; 
	height: 50px;
	margin: 0; 
	padding: 5px;
	position: relative;
	border: 1px #666;
	}

#header .logo, #header .logo a {
	position:absolute;
	display:block;
	width: 273px;
	height: 30px;
	background-color: #CCCCCC;
	border-color: #666666;
	border-width: 1px;
	font-weight: normal;
	color: #000000;
	padding: 10px;
	text-align:center;
}


/* Nav
/*------------------------------------*/

#nav {
	background: url(/images/nav.gif) no-repeat; 
	width:780px;
	height: 97px;
	position:relative;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#nav ul {
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
#nav li, #nav li a{
	position:absolute;
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
#nav li.l1 {width: 278px; height:97px; top: 0; left:0;}
#nav li.l1 a{width: 278px; height:97px;}
#nav li.l1 a:hover {background: transparent url(/images/nav.gif) 0 0 no-repeat;}

#nav li.l2 {width:64px; height:40px; top: 50px; left:278px;}
#nav li.l2 a{width:64px; height:40px;}
#nav li.l2 a:hover {background: transparent url(/images/nav.gif) -278px -147px no-repeat;}

#nav li.l3 {width:142px; height:40px; top: 50px; left:342px;}
#nav li.l3 a{width:142px; height:40px;}
#nav li.l3 a:hover{background: transparent url(/images/nav.gif) -342px -147px no-repeat;}

#nav li.l4 {width:77px; height:40px; top: 50px; left:484px;}
#nav li.l4 a{width:77px; height:40px;}
#nav li.l4 a:hover{background: transparent url(/images/nav.gif) -484px -147px no-repeat;}

#nav li.l5 {width:131px; height:40px; top: 50px; left:561px;}
#nav li.l5 a{width:131px; height:40px;}
#nav li.l5 a:hover{background: transparent url(/images/nav.gif) -561px -147px no-repeat;}

#nav li.l6 {width:88px; height:40px; top: 50px; left:692px;}
#nav li.l6 a{width:88px; height:40px;}
#nav li.l6 a:hover{background: transparent url(/images/nav.gif) -692px -147px no-repeat;}

#nav li.l7 {width:138px; height:20px; top: 3px; left:633px;}
#nav li.l7 a{width:138px; height:20px;}
#nav li.l7 a:hover{background: transparent url(/images/nav.gif) -633px -100px no-repeat;}


/* Latch the rollovers
------------------------------------*/
.home #nav li.l2 {background: transparent url(/images/nav.gif) -278px -244px no-repeat;}
.cutomers #nav li.l3 {background: transparent url(/images/nav.gif) -342px -244px no-repeat;}
.services #nav li.l4 {background: transparent url(/images/nav.gif) -484px -244px no-repeat;}
.areas #nav li.l5 {background: transparent url(/images/nav.gif) -561px -244px no-repeat;}
.contact #nav li.l6 {background: transparent url(/images/nav.gif) -692px -244px no-repeat;}

/* Features
------------------------------*/
#feature {
width: 720px;
height: 120px;
background: #888;
display: block;
padding: 20px;
margin: 0;
}

#feature_sub {
width: 720px;
height: 70px;
background: #888;
display: block;
padding: 20px;
margin: 0;
}

.graphic {
width: 100%;
background: #DDDDDD;
border:#3366CC;
border-style: solid;
display: block;
padding: 5px;
margin: 0;
}


/* Category
------------------------------------*/
#category {
	position:absolute;
	left:33px;
	top:144px;
	display:block;
	width:690px;
	height:178px;
	z-index:1;
	visibility: hidden;
}
	
/* Search
------------------------------------*/
#search {
	height: 30px;
	background: #444;
	padding: 7px 0 0 36px;
	display: block;
}
	
/* Content
------------------------------------*/
#content {
	width: 760px;
	margin: 0;
	padding: 0;
	}

#full_col {
	float: left;
	width: 780px;
	margin: 0;
	padding: 0px 0px 12px 0px;
	}

#main_col {
	float: left;
	width: 425px;
	margin: 160px 0 0 15px;
	padding: 18px 18px 50px 30px;
	position:relative;
	background:#FFFFFF url(../images/content_base.gif) bottom repeat-x;
	min-height:300px;
}

#mrktng {
background:url(../images/mrkt_home.gif) no-repeat;
top: 158px;
left: 127px;
height: 79px;
width: 528px;
position:absolute;
}

/* sub_col_linking
------------------------------------*/
#sub_col {
	float: right;
	width: 230px;
	margin: 180px 0 0 0 ;
	padding: 18px 5px 12px 0px;
	color: #ffffff;
}
#sub_col ul {
	list-style: none;
	list-style-type: none;
	padding:0;
}

#sub_col ul li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	height: 20px;
	display: block;	
	padding: 0 5px 5px 0px;
	border: solid;
	border-color: #6B8233;
	border-width: 0 0 1px 0;
	font-size: 1.1em;
	font-weight: bold;
	}
	
#sub_col li a {
	height: 20px;
	color:#98D802;
	font-size: 1.1em;
	text-decoration:none;
	display:block;
	padding: 0 0 0 0px;
	}
#sub_col li a:hover{
background: #59731A;
}

#sub_col h2{
	font-size: 1.2em;
	color:#FFFFFF;
	font-style:normal;
	display:block;
	font-weight:bold;
	}
	
	
.servicehome #servicehome {background: #59731A; color:#98D802;}
.front #front {background: #59731A; color:#98D802;}
.rolloff #rolloff {background: #59731A; color:#98D802;}
.portable #portable {background: #59731A; color:#98D802;}
.septic #septic {background: #59731A; color:#98D802;}

	
/*------------------------------------*/

#split_col1 {
	float: left;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;

}

#split_col2 {
	float: right;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;

}

.center {
text-align:center;
}

.date {
	color: #B7BB6D;
	}

#clear {
	clear: both;
	}

.note {
	text-transform: uppercase;
	color: #CCCCCC;
	}

.headline_link, .headline_link a, .headline_link a:link, .headline_link a:visited, .headline_link a:hover, .headline_link a:active {
	color: #B7BB6D;
	size: 70%;
	}

.highlight {
	background-color: #6F891D;
	border: 1px solid #293A00;
	padding: 10px;
	
	}
	
.highlight a:link, .highlight a:visited {
color: #000;
}
	

.right {
	float: right;
	padding: 10px;
	text-align:center;
	}

.left {
	float: left;
	}

ul {
	padding:0 0 10px 15px;
	}

acronym {
	background-color: #D3D3D3; cursor: help;
	}
	
/* Tables
------------------------------------*/	
	
.tabular {
	width: 100%;
	background-color: #92A7E7;
	border: 1px solid #262B71;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.tabular2 {
	width: 100%;
	background-color: #e1e1e1;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
	
	
.tabular th {
	background-color: #CC1F20;
	text-align:left;
	height:10px;
	color: #fff;
	}

.tabular_highlight {
	background-color: #7D97DC;
	}
	
.store_listings {
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.store_listings th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.store_listings_highlight {
	background-color: #fff;
	}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
	}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.info_pop_highlight {
	background-color: #fff;
	}



/* Footer
------------------------------------*/

#footer {
	height: 42px;
	width: 760px;
	background: url(/images/footer.gif) repeat-x;
	margin: 0px;
	padding: 0px 10px 30px 10px;
	background-color: #293A00;
	clear: both;
}

#footer span {
	padding: 20px 0px 20px 20px;
	margin: 0;
	display: block;
	Width: 700px;
}
/* Col_set_up
---------------------------------*/
#col_space {
height: 362px;
}
#col_container {
position:relative;
padding: 0;
width:780px;
background: url(/images/columns.gif) no-repeat 0 90px;
}
#col_1 {
margin:0;
padding: 0 13px 0 30px;
width:210px;
float:left;
}
#col_2 {
margin:0;
padding: 0 13px 0 30px;
width:210px;
float:left;
}
#col_3 {
margin:0;
padding: 0 13px 0 30px;
width:210px;
float:left;
}
#column_nav {
background:url(../images/column_nav.gif) no-repeat;
position:relative;
height: 45px;
width:780px;
clear: both;
}
#column_nav  ul {
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
#column_nav li, #column_nav li a{
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	float:left;
	width:253px;
	height:30px;
	}