/* CSS Document */


/*	Top Header Container
---------------------------------------------------------------------------------------------------------------------------*/

#top_header_container {
	width: 958px;
	height: 86px;	
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(/img/layout/content_header_bg.jpg) top left repeat;

}

#heading_container {
	width: 600px;
	height: 36px;
	float: right;
	padding: 10px 20px 0px 0px;
	text-align: right;
}


#sub_heading_container {
	width: 400px;
	height: 30px;
	float: right;
	padding: 0px 20px 0px 0px;
	color: #FFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	text-align: right;
}


/*	Content Subnav
---------------------------------------------------------------------------------------------------------------------------*/

#subnav_container {
	width: 258px;
	height: 380px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	float: left;
	background: url(/img/layout/subnav_bg.jpg) top left repeat;

}


#subnav_list ul {
        list-style-type: none;
        width: 225px;
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 0px 0px;
		font: Verdana,arial,sans-serif;
		color: #FFF;
		float: left;

} 

#subnav_list li {
        margin: 4px 0px 0px 0px;
		color: #FFF;
		font: Verdana,arial,sans-serif;
		line-height: 130%;
		width: 225px;
		background: url(/img/layout/services_bullet.png) no-repeat scroll 0 50%;
		padding: 0px 5px 0px 15px;

}

#subnav_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 #subnav_list li a {  /* make hover effect work in IE 6 */
	width: 230px;
	margin: 0px;
	padding: 0px;
	color: #666;
	line-height: 12pt;
}


 * +html #subnav_list li a {  /* make hover effect work in IE 7 */
	margin: 0px;
	padding: 0px;
	line-height: 12pt;
}


#subnav_list li a:hover {
        background-color: #A8E951;
		font: Verdana,arial,sans-serif;
		color: #2a492d;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;


		
}




/*	Main Content Area
---------------------------------------------------------------------------------------------------------------------------*/

#main_content_top {
	width: 683px;
	height: 10px;
	float: right;
	margin: 0px 0px 0px 0px;
	background: url(/img/layout/main_content_top_bg.jpg)  no-repeat;
}


#main_content_middle {
	width: 655px;
	height: auto;
	float: right;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 130%;
	padding: 5px 10px 0px 18px;
	background: url(/img/layout/main_content_mid_bg.jpg) top left repeat;
}

#main_content_middle a:link, #main_content_middle a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: underline; color: #FFF; } 
#main_content_middle a:hover, #main_content_middle a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #FFF; } 



#main_content_bottom {
	width: 683px;
	height: 10px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(/img/layout/main_content_btm_bg.jpg)  no-repeat;
}


#happy_clients {
	width: 312px;
	height: 128px;
	float: left;
	margin: 10px 0px 5px 0px;
	background: url(/img/layout/content_testimonials_bg.jpg)  no-repeat;
}

#happy_clients_text {
	width: 247px;
	height: 15px;
	float: left;
	margin: 25px 0px 0px 10px;
	color: #FFF;
	font: Verdana,arial,sans-serif;
	font-size: 11px;
}

#happy_clients_text a:link, #happy_clients_text a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #FFF; } 
#happy_clients_text a:hover, #happy_clients_text a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: underline; color: #FFF; } 




#content_portfolio {
	width: 312px;
	height: 128px;
	float: left;
	margin: 10px 0px 5px 25px;
	background: url(/img/layout/content_contact_bg.jpg)  no-repeat;
}

#portfolio_thumbs {
	width: 247px;
	height: 65px;
	float: right;
	margin: 35px 0px 0px 5px;
}

#portfolio_text {
	width: 247px;
	height: 15px;
	float: right;
	margin: 5px 12px 5px 5px;
	color: #514d2a;
	font: Verdana,arial,sans-serif;
	font-size: 11px;
	text-align: right;
}

#portfolio_text a:link, #portfolio_text a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #514d2a; } 
#portfolio_text a:hover, #portfolio_text a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: underline; color: #514d2a; } 




#content_points ul {
        list-style-type: none;
		width: 640px;
		padding: 10px 10px 15px 10px;
		margin: 0px 0px 0px 0px;
		font: Verdana,arial,sans-serif;
		color: #FFF;
		float: left;

} 

#content_points li {
        margin: 4px 0px 0px 0px;
		color: #FFF;
		font: Verdana,arial,sans-serif;
		line-height: 170%;
		background: url(/img/layout/small_leaf_bullet.jpg) no-repeat scroll 0 50%;
		padding: 0px 5px 0px 25px;

}


#client_points ul {
        list-style-type: none;
		width: 250px;
		padding: 10px 10px 15px 10px;
		margin: 0px 0px 0px 0px;
		font: Verdana,arial,sans-serif;
		color: #FFF;
		float: left;

} 

#client_points li {
        margin: 4px 0px 0px 0px;
		color: #FFF;
		font: Verdana,arial,sans-serif;
		line-height: 170%;
		background: url(/img/layout/small_leaf_bullet.jpg) no-repeat scroll 0 50%;
		padding: 0px 5px 0px 25px;

}


/*	Content - Get in Touch Section
---------------------------------------------------------------------------------------------------------------------------*/

#content_callback_container {
	width: 258px;
	height: 220px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 25px 15px 0px 0px;
	background: url(/img/layout/content_callback_contact_bg.jpg) no-repeat top; 
	clear: none;
}


#callback_text {
	width: 240px;
	height: 60px;
	color: #FFFFFF;
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 200%;
	padding: 30px 0px 0px 15px;
}

#callback_text a:link, #callback_text a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #FFF; } 
#callback_text a:hover, #callback_text a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: underline; color: #FFF; } 





form#callback {
	width: 235px;
	font: 11px "Verdana",arial,sans-serif;
	color: #FFF;
	margin: 20px 0px 0px 15px;

}

.col1 {
	text-align: left;
	width: 97px;
	height: 25px;
	margin: 2px 2px 0px 0px;
	float: left;

}

.col2 {
	width: 145px;
	height: 25px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/bg_textfield.gif) no-repeat;
}

.col2comment {
	width: 145px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/bg_textarea.gif) no-repeat;
}

.col1comment {
	text-align: left;
	width: 97px;
	height: 98px;
	float: left;
	display: block;
	margin: 2px 2px 0px 0px;
	background: url(images/bg_label_comment.gif) no-repeat;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	clear: both;
	padding-left: 100px;
} 

.input {
	background-color: #608039;
	font: 11px "Verdana",arial,sans-serif;
	color: #FFF;
	margin: 4px 0 5px 3px;
	padding: 1px;
	border: 1px solid #FFF;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px "Verdana",arial,sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 3px;
}




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






/*	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: 15px 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;
}



/*	Services Content List
---------------------------------------------------------------------------------------------------------------------------*/

#services_content_list_container {
	float: left;	
	width: 620px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: "Georgia",Arial,Tahoma,Verdana; 
	color: #FFFFFF;
	font-size: 0.7em;
	line-height: 130%;
}




#services_content_list ul {
        list-style-type: none;
        width: 615px;
		padding: 0px 20px 0px 15px;
		margin: 0px 0px 0px 0px;
		font: "Georgia",Arial,Tahoma,Verdana;
		color: #FFFFFF;
} 

#services_content_list li {
        margin: 10px 0px 0px 0px;
		color: #FFFFFF;
		font: "Georgia",Arial,Tahoma,Verdana;
		line-height: 130%;
}

#services_content_list li a { 
        color: #FFFFFF;
        display: block;
        font: "Georgia",Arial,Tahoma,Verdana;
		font-size: 11px;
		line-height: 155%;
        padding: 2px 0px 10px 5px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
}

 * html #services_content_list li a {  /* make hover effect work in IE */
	width: 255px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;

	
}

#services_content_list li a:hover {
        background-color: #608039;
		font: "Georgia",Arial,Tahoma,Verdana;
		color: #FFFFFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
}


#services_content_list a:link, #services_content_list a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; } 
#services_content_list a:hover, #services_content_list a:active {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; } 



#services_content_list img {
		float: right;
		padding: 4px 0px 2px 5px;
		margin: 0px 5px 0px 0px;
		border: none;
}




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







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







/*	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_content_container {
margin-left:auto;
margin-right:auto;
padding: 0px 0px 0px 0px;
width: 958px;
height: 25px;
background-color: #a8e951;
clear:both;
}

	
#footer_content_text {
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px; 
font-weight: normal; 
color: #07560d;
margin: 5px 0px 20px 0px;
padding: 0px 35px 0px 0px;
}

#footer_content_text a:link, #footer_content_text a:visited {
font-family: Verdana,arial,sans-serif; font-weight: normal; text-decoration: none; color: #07560d; } 
#footer_content_text a:hover, #footer_content_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;
}