*{
	margin:						0px;
	padding:					0px;
}
body{
	text-align:					center;
	background:					#FFF url(../img/wrapper.gif) repeat-y center;
	font:						12px Arial, Helvetica, Verdana, Geneva, sans-serif;
	color:						#666666;
}
a{
	text-decoration:			none;
	color:						#999;
	outline:					none;
}
	a:hover{
		text-decoration:			underline;
	}
p{
	margin:						0px 0px 10px 0px;
}
h1{
	color:						#51B848;
	font-size:					24px;
	margin:						0px 0px 15px 0px;
	text-decoration:			underline;
}
h2{
	color:						#51B848;
	font-size:					18px;
	margin:						0px 0px 15px 0px;
}
dt{
	clear:						left;
	display:					block;
	float:						left;
	width:						200px;
}
dd{
	display:					block;
	float:						left;
	width:						400px;
	font-style:					italic;
}
body.home h1,
body#about-us h1,
body#contact h1,
body#services h1,
body#portfolio h1{
	display:					block;
	height:						25px;
	overflow:					hidden;
	text-indent:				-5000px;
	width:						280px;
}
body.home h1{
	background:					url(../img/h1-welcome.gif) no-repeat;
}
body#about-us h1{
	background:					url(../img/h1-about-us.gif) no-repeat;
}
body#contact h1{
	background:					url(../img/h1-contact-us.gif) no-repeat;
}
body#services h1{
	background:					url(../img/h1-services.gif) no-repeat;
}
body#portfolio h1{
	background:					url(../img/h1-portfolio.gif) no-repeat;
}
h2{
	font-size:					20px;
	margin:						0px 0px 15px 0px;
}
h3{
	font-size:					16px;
	margin:						0px 0px 15px 0px;
}
	h1 span,
	h2 span,
	h3 span{
		color:						#51B848;
	}
ul, ol{
	margin:						0px 0px 15px 30px;
}
img{
	margin:						0px;
	border:						0px;
}
	img.left{
		margin:						0px 10px 10px 0px;
		float:						left;
	}
	img.right{
		margin:						0px 0px 10px 10px;
		float:						right;
	}
	#rhs form label{
		background:					transparent url(../img/input.gif) no-repeat 60px 0;
		display:					block;
		height:						20px;
	}
	#rhs form label.enquiry{
		background:					transparent url(../img/textarea.gif) no-repeat 60px 0;
		height:						60px;
	}
	#rhs form label.submit{
		background:					none;
		margin:						3px 0 0 0;
	}
		#rhs form label.submit span{
			margin:						0;
		}
		#rhs form label.submit input{
			background:					transparent url(../img/btn-submit.gif) no-repeat;
			margin:						3px 0 0 0;
			width:						87px;
		}
	#rhs form label.address{
		background:					none;
		height:						100px;
		margin:						13px 0 0 60px;
	}
	form label span{
		display:					block;
		float:						left;
		margin:						0 0 0 10px;
		width:						60px;
	}
	form label input{
		background:					transparent;
		border:						0px;
		font:						11px Arial, Helvetica, Verdana, Geneva, sans-serif;
		width:						180px;
		height:						16px;
	}
	form label textarea{
		background:					transparent;
		border:						0px;
		font:						11px Arial, Helvetica, Verdana, Geneva, sans-serif;
		width:						190px;
		height:						60px;
	}
#wrapper{
	margin:						0 auto;
	text-align:					left;
	position:					relative;
	width:						980px;
	background:					transparent url(../img/wrapper.gif) repeat-y;
}
		#header{
			background:					#FFF url(../img/header.gif) no-repeat;
			height:						70px;
		}
		
			#brand{
				background:					transparent url(../img/logo.gif) no-repeat;
				width:						225px;
				height:						50px;
				display:					block;
				text-indent:				-5000px;
				margin:						0px 0px 0px 10px;
				overflow:					hidden;
			}
				#contact span{
					color:						#51B848;
				}
		#banner{
			background:					transparent url(../img/banner.gif) no-repeat;
			height:						100px
		}
		body#about-us #banner{
			background:					transparent url(../img/banner-about-us.gif) no-repeat;
			height:						100px
		}
		body#contact #banner{
			background:					transparent url(../img/banner-contact.gif) no-repeat;
			height:						100px
		}
		body#services #banner{
			background:					transparent url(../img/banner-services.gif) no-repeat;
			height:						100px
		}
		body#portfolio #banner{
			background:					transparent url(../img/banner-portfolio.gif) no-repeat;
			height:						100px
		}
		#banner #banner-contact,
		#banner #social-media{
			color:						#FFF;
			display:					block;
			font-size:					12px;
			font-weight:				bold;
			height:						35px;
			line-height:				35px;
			padding:					0 20px;
			text-align:					right;
		}
		#banner #menu{
			float:						right;
			font-size:					16px;
			margin:						0 20px 0 0;
		}
		
		#banner #menu a{
			background:					transparent url(../img/menu.gif) no-repeat;
			display:					block;
			float:						left;
			height:						30px;
			overflow:					hidden;
			text-indent:				-5000px;
		}
		#banner #menu a#menu1{
			width:						44px;
		}
		#banner #menu a#menu2{
			background-position:		-56px 0;
			width:						70px;
		}
		#banner #menu a#menu3{
			background-position:		-136px 0px;
			width:						70px;
		}
		#banner #menu a#menu4{
			background-position:		-214px 0px;
			width:						74px;
		}
		#banner #menu a#menu1:hover{
			background-position:		0 -60px;
			width:						44px;
		}
		#banner #menu a#menu2:hover{
			background-position:		-56px -60px;
			width:						70px;
		}
		#banner #menu a#menu3:hover{
			background-position:		-136px -60px;
			width:						70px;
		}
		#banner #menu a#menu4:hover{
			background-position:		-214px -60px;
			width:						74px;
		}
		#banner #menu a#menu1-focus{
			background-position:		0px -30px;
			width:						44px;
			cursor:						default;
		}
		#banner #menu a#menu2-focus{
			background-position:		-56px -30px;
			width:						70px;
			cursor:						default;
		}
		#banner #menu a#menu3-focus{
			background-position:		-136px -30px;
			width:						70px;
			cursor:						default;
		}
		#banner #menu a#menu4-focus{
			background-position:		-214px -30px;
			width:						74px;
			cursor:						default;
		}
		#banner #menu span{
			display:					block;
			float:						left;
			padding:					0px 5px;
			color:						#FFF;
		}
		#left-col{
			width:						230px;
			float:						left;
			text-align:					center;
			padding-top:				20px;
		}
			#left-col ul{
				text-align:					left;
				margin-top:					40px;
			}
				#left-col ul li{
					margin-bottom:				20px;
					list-style:					none;
				}
					#left-col ul a{
						font-size:					16px;
					}
						#left-col ul a.focus{
							font-weight:				bold;
							padding-left:				20px;
						}
			#testimonials{
				height:						150px!important;
			}
			.testimonial{
				text-align:					left;
				margin:						15px 20px 0 20px;
				width:						560px!important;
			}
				.testimonial .quote{
					display:					block;
					color:						#666666;
					font-style:					italic;
					font-size:11px;
				}
				.testimonial .author{
					display:					block;
					padding-left:				10px;
				}
				.testimonial .site{
					display:					block;
					padding-left:				20px;
				}
					#.testimonial .site a{
						color:						#51B848;
					}
		#content{
			width:						610px;
			float:						left;
			margin:						20px 20px 20px 30px;
		}
		#rhs{
			width:						300px;
			float:						left;
			margin:						0;
		}
		.box{
			background:					transparent url(../img/box.gif) repeat-y;
			margin:						20px 0 0 0;
			width:						300px;
		}
		.box .box-head{
			background:					transparent url(../img/box.gif) no-repeat -300px 0;
			height:						30px;
		}
		.box .box-head-contact{
			background:					transparent url(../img/box-header-contact.gif) no-repeat;
			height:						30px;
		}
		.box .box-head-twitter{
			background:					transparent url(../img/box-header-twitter.gif) no-repeat;
			height:						30px;
		}
		.box .box-head h3,
		.box .box-head-contact h3,
		.box .box-head-twitter h3{
			display:					none;
		}
		.box .box-body{
			padding:					10px 10px 0 10px;
		}
		.box #contact-form{
			background:					transparent url(../img/ani-bg.gif) no-repeat 280px 100%;
		}
		.box .box-foot{
			background:					transparent url(../img/box.gif) no-repeat -600px -10px;
			height:						20px;
		}
			#sites .site{
				display:					block;
				width:						180px;
				height:						140px;
				float:						left;
				background-repeat:			no-repeat;
				margin:						10px;
				text-align:					center;
			}
			#sites .site a{
				display:					block;
				margin-top:					123px;
			}
				#sites .site a:hover{
					color:						#51B848;
				}
		#content p a{
			color:						#51B848;
			text-decoration:			underline;
		}
		#footer{
			color:						#999;
			font-size:					10px;
			height:						33px;
			line-height:				40px;
			text-align:					center;
			overflow:					hidden;
			clear:						both;

			margin:						20px auto;
			position:					relative;
			width:						960px;
		}
#footer-wrapper{
	text-align:					center;
}
.hidden{
	display:					none;
}
.left{
	float:						left;
}
.right{
	float:						right;
}
.clear{
	clear:						both;
	height:						1px;
	overflow:					hidden;
}
.hilight{
	color:						#51B848;
}
#spiel{
	border-bottom:				1px solid #CCC;
	margin-bottom:				10px;	
}
#what-we-offer, #latest-site{
	display:					block;
	float:						left;
	margin-bottom:				10px;
	height:						200px;
}
#what-we-offer h2, #latest-site h2, #why-are-you-here h2{
	font-size:					16px;
	color:						#51B848;
}
#what-we-offer h3, #latest-site h3{
	font-size:					14px;
	color:						#51B848;
}
#what-we-offer{
	margin-right:				5px;	
	width:						220px;
}
#latest-site{
	font-size:					11px;
	width:						384px;
	border-left:				1px solid #CCC;
}
#latest-site img, #latest-site h2{
	margin-left:				10px;	
}
#latest-site h3, #latest-site span {
	color:						#51B848;
}
#latest-site h3, #latest-site p {
	margin:						2px 0;
}
#why-are-you-here{
	border-top:					1px solid #CCC;
	clear:						both;
	padding-top:				10px;
}
/*Twitter overrides */
#rhs .twtr-hd{
	display:					none;
}