/* CSS Document */

/*	Global	
---------------------------------------------------------------------------------------------------------------------------*/

a:link, a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: underline; color: #A8E951; } 
a:hover, a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #608039; } 

h1 {font-size : 19px; font-weight: normal; color: #A8E951; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 

h2 {
	font-size : 18px; 
	font-weight: bold; 
	color: #ffffff; 
	margin: 0px 0px 0px 0px; 
	display: inline;}  

h3 {
	color: #a8e951;
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

h4 {
	color: #12ad2a;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	display: inline;	
}

h5 {
	color: #696b69;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	display: inline;	
}

h6 {font-size : 11px; font-weight: normal; } 

html , body { font-size: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #a8e951; } 


p { margin-bottom: 10px; margin-top: 8px;}



/*	Green Island Container (Logo Etc)
---------------------------------------------------------------------------------------------------------------------------*/

#island_container {
	width: 100%;
	height: 209px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: url(/img/layout/island_bg.jpg) top left repeat;
}


#logo_container {
	width: 959px;
	height: 209px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: url(/img/layout/logo.jpg) top left no-repeat;
}



#logo {
	width: 240px;
	height: 83px;
	float: left;
	padding: 0px 0px 0px 0px;
}




#btm_grey_container_bg {
	width: 100%;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: url(http://www.hurnrecycling.com/img/layout/top_grey_bg.jpg) top left repeat;
}




/*	Main Content Container
---------------------------------------------------------------------------------------------------------------------------*/

#main_content_container_green {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0px 20px 0px;
	background: url(/img/layout/green_gradient.jpg) repeat-x #a8e951;
}


#lower_home_content_container {
	width: 958px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0px 20px 0px;
}




/*	Home Page Elements
---------------------------------------------------------------------------------------------------------------------------*/


#home_features_container {
	width: 958px;
	height: 254px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/home/home_features_bg.jpg) no-repeat top; 
}




#home_services_container {
	width: 622px;
	height: 285px;
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	background: url(/img/home/home_services_bg.jpg) no-repeat top; 
}

#home_services_text {
	width: 600px;
	height: 265px;
	color: #FFFFFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 130%;
	padding: 15px 20px 20px 20px;
}


/*	Services Lists
---------------------------------------------------------------------------------------------------------------------------*/


#services_list ul {
        list-style-type: none;
        width: 230px;
		padding: 10px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		font: Verdana,arial,sans-serif;
		color: #FFF;
		float: left;

} 

#services_list li {
        margin: 4px 0px 0px 0px;
		color: #FFF;
		font: Verdana,arial,sans-serif;
		line-height: 140%;
		width: 230px;
		background: url(/img/layout/services_bullet.png) no-repeat scroll 0 50%;
		padding: 0px 5px 0px 15px;

}

#services_list li a { 
        color: #FFF;
        display: block;
        font: Verdana,arial,sans-serif;
		font-size: 11px;
		line-height: 140%;
        padding: 2px 0px 2px 2px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;

}

 * html #services_list li a {  /* make hover effect work in IE */
	width: 230px;
	margin: 0px 0px 0px 0px;
	color: #666;
}

#services_list li a:hover {
        background-color: #A8E951;
		font: Verdana,arial,sans-serif;
		color: #2a492d;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;


		
}

/*	Blog / Latest News Section
---------------------------------------------------------------------------------------------------------------------------*/

#home_news_container {
	width: 318px;
	height: 287px;
	float: right;
	margin: 0px 0px 0px 0px;
	background: url(/img/home/home_news_blog_bg.jpg) no-repeat top; 
}


#home_news_text {
	width: 300px;
	height: 260px;
	color: #FFFFFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 130%;
	padding: 15px 0px 0px 20px;
}

#rss_section {
	width: 287px;
	height: 17px;
	color: #FFFFFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 130%;
	padding: 0px 0px 0px 0px;
	margin-top: 13px;
	background: url(/img/home/more_news_bg.jpg) no-repeat top; 
}

#rss_section a:link, #rss_section a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #FFF; } 
#rss_section a:hover, #rss_section a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: underline; color: #FFF; } 




/*	Testimonials Section
---------------------------------------------------------------------------------------------------------------------------*/

#home_testimonial_container {
	width: 318px;
	height: 186px;
	float: right;
	margin: 20px 0px 0px 0px;
	background: url(/img/home/home_clients_bg.jpg) no-repeat top; 
}


#home_testimonial_text {
	width: 300px;
	height: 200px;
	color: #FFFFFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 130%;
	padding: 15px 0px 0px 20px;
}



/*	Share Section
---------------------------------------------------------------------------------------------------------------------------*/

#home_share_container {
	width: 318px;
	height: 30px;
	float: right;
	margin: 13px 0px 0px 0px;
	background: url(/img/home/home_share_bg.jpg) no-repeat top; 
}


#home_share_text {
	width: 300px;
	height: 25px;
	color: #FFFFFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 130%;
	padding: 5px 0px 0px 20px;
}



/*	Other...
---------------------------------------------------------------------------------------------------------------------------*/


#web_design_container {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	width: 450px;
	height: 220px;
	float: left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
}


#seo_sem_container {
	padding: 10px 10px 10px 30px;
	margin: 0px 0px 0px 0px;
	width: 440px;
	height: 220px;
	float: left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
}


#home_portfolio_container {
	width: 622px;
	height: 226px;
	float: left;
	margin: 20px 15px 0px 0px;
	background: url(/img/home/home_portfolio_bg.jpg) no-repeat top; 
}

#home_portfolio_text {
	width: 600px;
	height: 245px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 130%;
	padding: 15px 20px 20px 20px;
}


#home_about_container {
	width: 622px;
	height: 146px;
	float: left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
	margin: 15px 15px 0px 0px;
	background: url(/img/home/home_about_bg.jpg) no-repeat top; 
}


#home_clients_container {
	width: 318px;
	height: 447px;
	float: right;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
	margin: 0px 0px 0px 0px;
	background: url(/img/home/home_clients_bg.jpg) no-repeat top; 
}




/*	Content Image Container
---------------------------------------------------------------------------------------------------------------------------*/

#green_content_container {
	width: 100%;
	height: 95px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/layout/content_header_small_bg.jpg) top left repeat;
}

#green_content_container_img {
	width: 755px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
	padding: 44px 0px 10px 0px;

}



#grey_flash_inner_container {
	width: 762px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}



/*	Main Content Area
---------------------------------------------------------------------------------------------------------------------------*/

#container_main_content {
	width: 787px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}





#welcome_text_container {
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	width: 520px;
	height: 100%;
	float: left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
}

	
#free_audit_container {
	padding: 10px 0px 0px 0px;
	margin: 20px 20px 0px 0px;
	width: 245px;
	height: 191px;
	float: right;
	background: url(/img/layout/free_audit_divider.jpg) top left repeat;

}	
	




/*	Content Images & Caption
---------------------------------------------------------------------------------------------------------------------------*/

#container_content_image {
	width: 177px;
	height: 100%;
	padding: 10px 0px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	float: right;
}





/*	Home - Clients Area
---------------------------------------------------------------------------------------------------------------------------*/

#clients_home_container {
	width: 350px;
	height: 274px;
	padding: 0px 0px 0px 0px;
	float: left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
}



/*	Newsfeed Section
---------------------------------------------------------------------------------------------------------------------------*/


#newsfeed{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:250px;
	height: 477px;
	background: url(/img/layout/latest_news_bg.jpg) no-repeat top; 
	color:white;
	float:right;
	margin-top:20px;
	margin-bottom:0px;
}
#newsfeed h2{
	padding:5px;
}
#newsfeed a{
	color:white;
}
#newsfeed img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.newsfeed_title{
	display:block; 
	font-weight:bold;
}
#newsfeed p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #newsfeed p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#newsfeed p a{
	float:right;
}
#newsfeed_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}


/*	Footer	
---------------------------------------------------------------------------------------------------------------------------*/

	
#footer_container {
margin-left:auto;
margin-right:auto;
padding: 0px 0px 0px 0px;
width: 958px;
height: 20px;
background-color: #a8e951;
clear:both;
position: absolute bottom 0;
}

	
#footer_text {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px; 
font-weight: normal; 
color: #07560d;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#footer_text a:link, #footer_text a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #07560d; } 
#footer_text a:hover, #footer_text a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: underline; color: #07560d; } 




#footer_bottom_grass {
	width: 100%;
	height: 71px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/layout/footer_bg.jpg) repeat;
}
	




/*	Clear
---------------------------------------------------------------------------------------------------------------------------*/

#clear {
	clear: both;
}


#client_container {
margin-left:auto;
margin-right:auto;
padding: 0px 0px 0px 0px;
width: 1562px;
height: 1059px;
}

