/* CSS Document */

/*	Global	
---------------------------------------------------------------------------------------------------------------------------*/



/* 
 * FONTS
*/
@font-face {
	font-family: 'MetroLTTwo';
	src: url('/font/lte51817-webfont.eot');
	src: local('?'), url('/font/lte51817-webfont.woff') format('woff'), url('/font/lte51817-webfont.ttf') format('truetype'), url('/font/lte51817-webfont.svg#MetroLTTwo') format('svg');
	font-weight: normal;
	font-style: normal;
}


#mainMenu a{
	font-family:'Museo500', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-weight:500;
}




h1{
	font-family:'MetroLTTwo', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

h2{
	font-family:'MetroLTTwo', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-weight:500;
}

h3{
	font-family:'MetroLTTwo', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-weight:500;
}


/* 
 *	DEFAULT STYLES
*/
a{
	color:				#12ad2a;
	text-decoration:	none;
}
h1{
	font-size:			22px;
	margin-bottom:		15px;
	color:				#12ad2a;
	line-height:		1.1em;
}
h2{
	font-size:				1.4em;
	margin-bottom:			0px;
	color:					#12ad2a;
}
h3{
	text-transform: 		uppercase;
	font-size:				1.1em;
	color:					#696b69;
	margin-bottom:			5px;
}
h4{
	font-weight:			normal;
	font-size:				1.1em;
	line-height:			1.3em;
	margin-bottom:			20px;
	color:					#12ad2a;
}
h5{
	font-size:				0.8em;
	color:					#696b69;
}
p{
	font-size:			1.0em;
	line-height:		1.2em;
	margin-bottom:		20px;
}







html , body { font-size: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  } 


a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #12ad2a; } 
a:hover, a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #12ad2a; } 


/*	Top Green Line
---------------------------------------------------------------------------------------------------------------------------*/

#top_line_bg {
	width: 100%;
	height: 14px;	
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#12ad2a;

}



/*	Top Level Container (Logo Etc)
---------------------------------------------------------------------------------------------------------------------------*/

#top_container {
	width: 762px;
	height: 82px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}


#top_white_container_bg {
	width: 100%;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: url(http://www.hurnrecycling.com/img/layout/top_white_bg.jpg) top left repeat;
}

#logo_telephone_container {
	width: 787px;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: url(http://www.hurnrecycling.com/img/layout/top_white_bg.jpg) top left repeat;
}



#logo {
	width: 240px;
	height: 83px;
	float: left;
	padding: 0px 0px 0px 0px;
}


#telephone {
	width: 253px;
	height: 34px;
	float: right;
	padding: 0px 20px 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;
}




/*	Home Flash Container
---------------------------------------------------------------------------------------------------------------------------*/

#green_flash_container {
	width: 100%;
	height: 218px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/layout/flash_main_bg.jpg) top left repeat;
}



#home_flash_container {
	width: 787px;
	height: 214px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 0px 0px 0px;
}




/*	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%;
}

a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #12ad2a; } 
a:hover, a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #12ad2a; } 

	
#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 - Services Area
---------------------------------------------------------------------------------------------------------------------------*/

#services_home_container {
	width: 420px;
	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%;
}




#services_home ul {
        list-style-type: none;
        width: 390px;
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 0px 0px;
} 

#services_home li {
        margin: 5px 0px 0px 0px;
}

#services_home li a { 
        color: #666666;
        display: block;
        font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 180%;
        padding: 2px 0px 2px 0px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
}

 * html #services_home li a {  /* make hover effect work in IE */
	width: 390px;
	margin: 0px 0px 0px 0px;
}

#services_home li a:hover {
        background: #bcfbc6;
}

#services_home a em { 
        color: #666666;
        display: block;
        font: Verdana, Helvetica, sans-serif;
        line-height: 125%; 
		width: 390px;
		padding: 5px 0px 5px 0px;
		margin: 0px 0px 0px 0px;
}

#services_home a span {
        color: #666666;
        font: Verdana, Helvetica, sans-serif;
		font-size: 11px;
        line-height: 155%; 
		width: 390px;
		padding: 5px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
}


#services_home img {
		float: left;
		padding:2px 0px 2px 0px;
		margin: 0px 5px 0px 2px;
		border: none;
}




/*	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_text_container {
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding: 20px 0px 0px 0px;
width: 800px;
height: 30px;
clear:both;
}

	
#footer_text {
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px; 
font-weight: normal; 
color: #12ad2a;
margin: 10px 20px 20px 0px;
padding: 0;
}

a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #12ad2a; } 
a:hover, a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #12ad2a; } 

	

div.greenislandmedia {
float: left;
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
	



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