@charset "UTF-8";

/* swatches------------
 dark brown: #2f2418
 green" #8cc63f
 tab: #e7e5d4
 dark blue: #3b6e8f
 light blue: #b9c7d4
 grey: #787878*/


body { 
	background: #241b12  url(images/bkgr/topBar.jpg) repeat-x;
}
dl.itemlist {
	width: 22%;
	float: left;
	margin-right: 25px;
}
#content dl.itemlist ul {
	margin:0px;
}
dd {
	margin-bottom: 10px;
}

a.readmore {
	background: url(images/btn/readmore.png) no-repeat;
	width: 152px;
	height: 34px;
	display:block;
	text-indent: -5000px;
	margin-top:20px;
}
#content a.return_to_list {
	width: 187px;
	height: 38px;
	display: block;
	background: url(images/btn/returntolist.png) no-repeat;
	text-indent: -5000px;
}
div#header {
	height: 200px;
	width: 960px;
	margin: 0px auto;
}
#header h1 { /*logo*/
	background: url(images/logo.png) no-repeat;
	width: 304px;
	height: 94px;
	margin: 40px 0 0 0;
	text-indent: -5000px;
	float: left;
}
ul#nav {
	padding-top: 71px;
}

#nav li {
	float: left;
	margin-left: 30px;
	height: 41px;
}

#nav li.active {
	background: url(images/bkgr/hover.png) bottom repeat-x;
}
div#wrap { 
	background: url(images/bkgr/brownpaper.jpg);
	overflow: hidden;
}
div#page {
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}

div#grass { 
	background: url(images/bkgr/grass.png) repeat-x;
	height: 62px;
	margin-top: 80px;
	clear: both;
}
div#footer_wrap { 
	background: url(images/bkgr/dirt.jpg) repeat-x; 
	overflow: hidden;
	height:230px;
}
div#footer {
	width: 960px;
	margin: 40px auto;
	overflow: hidden;
}
#footer li, #footer ul, #footer p {
	float: left;
}
#footer ul {
	margin-left: 10px;
}
#footer li {
	margin-left: 25px;
}
/*--||home page||--*/
h2#maintitle {
	background: url(images/top_title2.png) center 0px;
	width: 960px;
	height: 144px;
	margin-bottom: 60px;
	display: block;
	text-indent: -5000px;
}
div#intro {
	background: url(images/bkgr/intro_box.png) center 0px;
	width: 960px;
	height: 200px;
	margin-bottom: 70px;
	overflow: hidden;
}
#intro h3.sub { 
	 width: 450px;
	 height: 20px;
	 margin: 30px 0 0 20px;
}
#intro p { 
	margin: 10px 0 0 20px;
	width: 450px; 
}
div#notepad {
	background: url(images/bkgr/notebook_blank.png); 
	width: 413px;
	height: 572px;
	float: left; 
}
#notepad ul { 
	margin: 100px 0 0 75px;
	overflow: hidden; 
}
#notepad a:link, #notepad a:visited { 
	display: block;
	text-indent: -5000px; 
}
#notepad li.plastic a { 
	background: url(images/btn/recycle_nav_out.jpg) 0px 0px;
	width: 250px;
	height: 50px;	 
}
#notepad li.plastic a:hover { 
	background: url(images/btn/recycle_nav_over.jpg) 0px 0px;	 
}
#notepad li.paper a{ 
	 background: url(images/btn/recycle_nav_out.jpg) 0px -45px;
	 width: 280px;
	 height: 50px;
}
#notepad li.paper a:hover { 
	background: url(images/btn/recycle_nav_over.jpg) 0px -45px;	 
}
#notepad li.metal a { 
	 background: url(images/btn/recycle_nav_out.jpg) 0px -95px;
	 width: 250px;
	 height: 50px;
}
#notepad li.metal a:hover { 
	background: url(images/btn/recycle_nav_over.jpg) 0px -95px;	 
}
#notepad li.glass a { 
	 background: url(images/btn/recycle_nav_out.jpg) 0px -145px;
	 width: 250px;
	 height: 50px;
}
#notepad li.glass a:hover { 
	background: url(images/btn/recycle_nav_over.jpg) 0px -145px;	 
}
div#facts { 
	background: url(images/bkgr/facts.png) no-repeat;
	width: 498px;
	height: 625px;
	margin: -38px 0 0 49px;
	float: left; 
}
#facts h3.sub { 
	 height: 30px;
	 margin: 60px 0 0px 20px;
	 overflow: hidden;
}
#facts ul {
	width: 410px; 
	margin: 50px 0px 0 35px;
	display: block; 
}
#facts li { 
	margin-bottom: 10px;
	padding: 20px 0px 20px 100px;
	 
}
#facts li.metal { 
	 background: url(images/icons/home_icons.png) -20px -0px no-repeat;
}
#facts li.plastic { 
	 background: url(images/icons/home_icons.png) -20px -95px no-repeat;
}
#facts li.glass { 
	 background: url(images/icons/home_icons.png) -20px -200px no-repeat;
}
#facts li.paper { 
	 background: url(images/icons/home_icons.png) -20px -315px no-repeat;
}


/*--||interior page||--*/
#interior #page {
	display: block;
	
}
#page_top {
	background: url(images/bkgr/paper_top.png) top no-repeat;
	padding-top: 20px;
}
#page_bottom {
	background: url(images/bkgr/paper_bottom.png) bottom no-repeat;
	padding-bottom: 25px;
}
#content {
	padding: 60px 70px;
	background: url(images/bkgr/paper_slice.png) 8px 0px repeat-y;
	min-height: 700px;
	overflow: hidden;
}
#content ul {
	list-style:disc;	
}
#content li {
	margin-bottom: 10px;
}
#content p {
	margin: 20px 0px;
}
#content ol, #content ul {
	padding: 20px;
}
#content h3 {
	margin: 50px 0px 15px 0px;

}
img.left {
	margin: 0px 20px 20px -5px;
	float: left;
}
img.right {
	margin: 0px 0px 20px 20px;
	float: right;
}
h2.headline {
	width: 821px;
	height: 51px;
	margin: 0 0 50px 0px;
	text-indent: -5000px;
}
.services h2.headline {
	background: url(images/title/services.png) no-repeat;
}
.aboutus h2.headline {
	background: url(images/title/aboutus.png) no-repeat;
}
.breakdown h2.headline {
	background: url(images/title/breakdown.png) no-repeat;
}
.environment h2.headline {
	background: url(images/title/environment.png) no-repeat;
}
.news h2.headline {
	background: url(images/title/news.png) no-repeat;
}
.contact h2.headline {
	background: url(images/title/contactus.png) no-repeat;
}

/*--||breakdown page||--*/
.breakdown #content ul {
	float:left;
	margin-right: 60px;
}


/*--||news page||--*/
#content h3.archive_title {
	margin-bottom: 3px;
}

/*--||contact page||--*/
input, textarea {
	display:block;
}
input {
	width: 200px;
	padding: 5px 0px;
	margin: 3px 0 15px 0;
}
textarea {
	width:85%;
}
.contact form {
	width:45%;
	margin-right: 50px;
	float:left;
}
#contact_text {
	width: 45%;
	float:left;
}

#contact_info {
	/*background: url(images/bkgr/contact_info.jpg) no-repeat;*/
	display: block;
	width: 282px;
	height: 104px;
	margin: 37px 0 0 75px;
}
#email_ad {
	/*background: url(images/bkgr/email_add.jpg) no-repeat);*/
	display:block;
	width: 275px;
	height: 34px;
	margin: 0 0 0 75px;
}