* {
	margin: 0;
	padding: 0; 
}
body {
	text-align: center;
	background: #004445 url(../images/kmg-background.gif) top repeat-x;
}
h1, h2, h3, h4, h5, h6, .heading {
	text-align: left;
	font: normal 105% "Trebuchet" Arial, Helvetica, sans-serif;
	color: #ccffff;
	text-decoration: underline;
	padding-top: 12px;
}
p, li {
	color: #fff;
	font: 75% Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 5px 0;
	line-height: 1.25;
}
a:link, a:visited, p a:link, p a:visited {
	font: 100% Arial, Helvetica, sans-serif;
	color: #99cccc;
	text-decoration: none;
}
p a:hover {
	color: #004445;
	text-decoration: underline;
}
#main, #company, #services, #recycling, #contactus {
	text-align: left;
}
#main h1 {
	text-indent: -99999px;
	width: 505px;
	height: 60px;
	background: url(../images/kmg-hauling-inc.gif) no-repeat;
}
#main h2 {
	text-indent: -99999px;
	width: 505px;
	height: 40px;
	background: url(../images/environment.gif) no-repeat;
}
#main h3 {
	width: 300px;
	height: 55px;
	background: url(../images/residential-commercial-services.gif) no-repeat;
	text-indent: -99999px;
}
#company h1, #services h1, #recycling h1, #contact h1 {
	display: none;
}
#container {
	margin: 0 auto;
	clear: both;
	width: 900px;
	background: #008888;
}
#menu {
	width: 900px;
	height: 40px;
	background: url(../images/menu.gif) no-repeat; 
	display: block;
	position: relative;
}
#menu li {
	position: absolute; 
	margin: 0px; 
	padding: 0px; 
	list-style: none;  
}
#menu li, #menu a {
	display: block;
	height: 40px;
}
#menu span {	
	display: none;
}
.home      			{ left: 0;		width: 179px; }
.company 	 		{ left: 181px;	width: 179px; }
.services	 		{ left: 361px;	width: 179px; }
.recycling 			{ left: 539px;	width: 179px; }
.contactus 			{ left: 719px;	width: 179px; }

.home a:hover 		{ background: url(../images/menu.gif) 0 -40px no-repeat; }
.company a:hover 	{ background: url(../images/menu.gif) -181px -80px no-repeat; }
.services a:hover 	{ background: url(../images/menu.gif) -361px -120px no-repeat; }
.recycling a:hover 	{ background: url(../images/menu.gif) -539px -160px no-repeat; }
.contactus a:hover 	{ background: url(../images/menu.gif) -719px -200px no-repeat; }

.intro {
	float: left;
	display: inline;
	width: 265px;
	padding: 0 0 0 15px;
	text-align: left;
}
.features {
	float: left;
	display: inline;
	width: 275px;
	padding: 0 0 0 15px;
	margin-left: 10px;
	text-align: left;
}
.features li {
	list-style: none;
}
.features img {
	margin-top: 10px;
}
#content {
	float: left;
	padding: 20px 60px 100px 60px;
	width: 780px;
	background: #008888 url(../images/kmg-flames.jpg) no-repeat bottom left;
	border-top: 10px solid #004445;
}
#content-contact {
	padding: 20px 60px 100px 60px;
	width: 780px;
	background: #008888 url(../images/kmg-flames.jpg) no-repeat bottom left;
	border-top: 5px solid #004445;
}
#content a:link {
	color: #004445;
}
#content .sub {
	color: #fff;
	width: 580px;
	float: left;
}
#content ul {
	list-style: square;
	margin: 7px 0;
}
#content li {
	padding: 0;
	margin: 0 15px;
	padding: 3px;
	color: #fff;
}
#main #footer {
	border: none;
}
#footer {
	float: right;
	height: 52px;
	background: #008888;
	border-top: 2px solid #007474;
}
.copyright {
	float: right;
	text-align: right;
	width: 840px;
	height: 33px;
	padding: 30px 60px 0 0;
	font: 70% Arial, Helvetica, sans-serif;
	color: #fff;
	background: #008888 url(../images/recycling-logo.gif) no-repeat right;
}
.copyright a:link {
	color: #fff;
	text-decoration: none;
}
.copyright a:hover {
	color: #004445;
}
#sidebar {
	display: inline;
	position: relative;
	float: left;
	width: 300px;
	margin: 20px 0 0 20px;
	padding: 0 0 20px;
	background: #009999;
}
#sidebar p {
	padding: 5px 0 5px 25px;
	font: 75% Arial, Helvetica, sans-serif;
}
#sidebar .none {
	padding: 0;
}
.recycle {
	float: left;
	margin: 30px;
}
.green {
	margin: 10px 0 10px 20px;
	float: right;
}
.info {
	margin-bottom: 0;
	text-indent: 5px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.pic-right {
	float: left;
	padding-left: 25px;
}
.right-pic {
	float: right;
	clear: both;
	padding: 0 0 25px 10px
}
.left-pic {
	float: left;
	clear: both;
	padding: 0 10px 25px 0;
}
.indent {
	text-indent: 10px;
}
.clearer {
	clear: both;
	margin: 0;
}


/* Form */
#contactus .left {
	float: left;
	width: 200px;
	margin: 5px 15px 5px 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
}
.left-app {
	float: left;
	width: 200px;
	margin: 5px 15px 5px 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: right;
}
.buttons {
	padding-left: 120px;
}
#contactus .right {
	float: left;
}
.buttons {
	clear: both;
}
textarea {
	width: 250px;
	font: 12px Arial, Helvetica, sans-serif; 
	color: #555;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}
input {
	border: 1px solid #ccc;
	background: #fff;
}
select {
	border: 1px solid #ccc;
	background: #fff;
	font: 12px Arial, Helvetica, sans-serif;
}
.error {
	color: #900;
}
.red {
	color: #900;
}
.submit {
	clear: both;
	margin-left: 220px;
}