/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	line-height: 1.4em;
}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
text-decoration: none;
}


/* main divs */


#maincontainer{
width: 860px;
margin: 0 auto;
}

#topsection{
height: 150px;
}

#topsection h1{
float: left;
margin-right: 40px;
}

#topsection h1 a{
display:block;
width: 260px;
height: 134px;
background: url('images/attero.gif') no-repeat 0px 15px;
}

#topsection h1 a span{
display:block;
text-indent: -9999px;
}


#topsection ul li{
list-style-type: none;
padding: 0;
}


#topsection ul li a{
display: block;
float: left;
width: 80px;
height: 110px;
margin: 0 10px 0 0;
text-indent: -9999px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#topsection ul li a.mn_home{
background: url('images/mn_home.png') no-repeat 0px -110px;
}

#topsection ul li a.mn_services{
background: url('images/mn_services.png') no-repeat 0px -110px;
}

#topsection ul li a.mn_products{
background: url('images/mn_products.png') no-repeat 0px -110px;
}

#topsection ul li a.mn_about{
background: url('images/mn_about.png') no-repeat 0px -110px;
}

#topsection ul li a.mn_contact{
background: url('images/mn_contact.png') no-repeat 0px -110px;
}

#topsection ul li a:hover{
background-position: 0px -220px;
}

#topsection ul li a.selected{
background-position: 0px 0px;
}








#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 300px;
}

div.fader {
margin: 0;
width: 560px;
background: #0B7ED6;
}
  
div.fader img { 
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

img.swap1, div.fader:hover img.swap2 { opacity: 1.0; }

div.fader:hover img.swap1, img.swap2 { opacity: 0; }

#contentcolumn h2 a span{
display:block;
text-indent: -9999px;
}

#leftcolumn{
float: left;
width: 260px;
margin-left: -860px;
}



#van{
display:block;
width: 260px;
height: 220px;
background: url('images/waste_collection.jpg') no-repeat 0px 0px;
}

#van p{
color: #fff;
font-size: 115%;
padding: 15px 0 0 15px;
}

#van p.phone{
padding-top:10px;
}

#van a{
color: #fff;
}

#van a:hover{
background: #44A2EB;
}

#van p img{
margin-right: 10px;
float: left;
}

#van{
display:block;
width: 260px;
height: 220px;
background: url('images/waste_collection.jpg') no-repeat 0px 0px;
}

#third1, #third2, #third3{
display: block;
float: left;
width: 260px;
height: 260px;
border-bottom: 1px dotted #999;
margin-top: 22px;
}

#side_detail{
display: block;
float: left;
width: 260px;
border-bottom: 1px dotted #999;
margin-top: 22px;
padding-bottom: 10px;
}

#third2{
margin: 22px 40px 0 40px;
}

h2{
color:#298edc;
font-size: 1.0em;
margin: 25px 0 10px 0;
}

h2.first{
margin: 0 0 10px 0;
}

#contentcolumn p{
margin-bottom: 15px;
}

#contentcolumn p a{
color:#298edc;
}

#contentcolumn p a:hover{
text-decoration:underline;
}

h3{
display: block;
height: 12px;
width: 260px;
border-bottom: 1px dotted #999;
padding-bottom: 12px;
margin-bottom: 16px;
}

#hd_services{
background: url('images/hd_services.gif') no-repeat 0px 0px;
text-indent: -9999px;
}

#hd_products{
background: url('images/hd_products.gif') no-repeat 0px 0px;
text-indent: -9999px;
}

#hd_about{
background: url('images/hd_about.gif') no-repeat 0px 0px;
text-indent: -9999px;
}

#hd_types{
background: url('images/hd_types.gif') no-repeat 0px 0px;
text-indent: -9999px;
}

#third1 img, #third2 img, #third3 img{
float:left;
margin: 0 20px 0 0;
}

#side_detail img{
float:right;
margin: 0 0 0 10px;
}

#side_detail ul{
list-style-type: circle;
list-style-position: inside;
}

#contentcolumn ul{
list-style-type: circle;
list-style-position: inside;
margin-bottom:15px;
}

#third1 a, #third2 a, #third3 a{
float:right;
height: 9px;
margin-top: 16px;
text-indent: -9999px;
}

#third1 a:hover, #third2 a:hover, #third3 a:hover{
background-position: 0 -9px;
}

#third1 a{
background: url('images/lk_services.gif') no-repeat 0px 0px;
width: 147px;
}

#third2 a{
background: url('images/lk_products.gif') no-repeat 0px 0px;
width: 193px;
}

#third3 a{
background: url('images/lk_about.gif') no-repeat 0px 0px;
width: 129px;
}

/*---------Forms-------*/

form {
	width: 440px;
	margin-top: 15px;
	font-size: 100%;
}

fieldset {
	padding: 0px;
	margin: 0px;
	border:1px solid #999999;
}

legend{
	margin: 6px;
	padding: 4px;
	font-weight: normal;
}

dl{
	margin-top: 10px;
}

dt {
	float: left;
	padding: 5px 15px 0 15px;
	width: 160px;
}

dd {
	margin: 0 0 0 15px;
	padding: 5px 10px 5px 0;
	text-align: right;
}

input, textarea {
	font: normal 100% Verdana, Geneva, sans-serif;
	width: 205px;
	color: #999999
}

#submit {
	width: 80px;
	color: #000;
}

.comp {
	margin: 0px 0 2px 15px;
}


.clear{
clear:both;
display:block;
height: 50px;
}

.cleara{
clear:both;
}