@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:100.01%;
	font-family: 'Open Sans', sans-serif;
	color:#333;
	background-image:url(../graphics/footer-background.jpg);
	background-repeat:repeat;}
	
.clear {
	clear:both;}
	
a img {
	border:none;}
	
.wrapper {
	width:1000px;
	margin:0px auto;
	padding:0px auto;}
	
	
	
/* BACKGROUNDS ********************************************/


#background-one {
	background-image:url(../graphics/footer-background.jpg);
	background-repeat:repeat;
	width:100%;
	height:100%;
	margin:0;
	padding:0;}
	
#background-two {
	background-color:#FFF;
	width:100%;
	margin:0;
	padding:0;}
	
#background-three {
	background-image:url(../graphics/main-illustration-background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	margin:0;
	padding:0;}
	
#background-four {
	background-image:url(../graphics/main-illustration.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	margin:0;
	padding:0;}
	
#background-five {
	background-image:url(../graphics/red-top-backgroud.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	margin:0;
	padding:0;}
	
#background-six {
	background-image:url(../graphics/slogan-split-background.jpg);
	background-position:center;
	background-repeat:repeat-x;
	width:100%;
	margin:0;
	padding:0;}
	
#background-seven {
	background-image:url(../graphics/slogan-background.jpg);
	background-repeat:repeat;
	width:100%;
	margin:0;
	padding:0;}
	

/* TOP ********************************************/

#top {
	position:relative;}

/* TOP ENQUIRE ********************************************/

#enquire {
	text-align:center;
	position:absolute;
	top:10px;
	left:570px;
	background-image:url(../graphics/enquire-badge.png);
	background-repeat:no-repeat;
	width:182px;
	height:182px;
}

#enquire h1 {
	line-height:40px;
	padding:45px 0px 0px 0px;
	font-size:40px;}
	
#enquire h1 .small {
	font-size:30px;}
	
#enquire a {
	color:#FFF;
	text-decoration:none;}
	
#enquire a:hover {
	color: #124A76;}
	
/* TOP NAVS ********************************************/

#topnavs {
	z-index:10;
	height:40px;
	width:1000px;}
	

#topnavs p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:40px;
	font-size:13px;
	font-weight:700;
	color:#fff;}
	
#topnavs a {
	text-decoration:none;
	font-weight:600;
	color:#fff;}
	
#topnavs a:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;}
	
.social {
	float:right;
	width:20px;
	height:20px;
	margin:10px 0px 0px 10px;
	padding:0px;}
	
.social:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;}
	
#google {
	background-image:url(../graphics/social-google.png);
	background-repeat:no-repeat;}
	
#facebook {
	background-image:url(../graphics/social-facebook.png);
	background-repeat:no-repeat;}
	
#twitter {
	background-image:url(../graphics/social-twitter.png);
	background-repeat:no-repeat;}


/* HEADER ********************************************/

#header {
	height:250px;
	width:1000px;
}

#header img {
	padding:20px 0px 15px 0px;}

#header h1 {
	font-family: 'Oswald', sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:52px;
	font-size:52px;
	font-weight:normal;
	color:#124a76;}
	
	
#header h2 {
	font-family: 'Oswald', sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:40px;
	font-size:40px;
	font-weight:normal;
	color:#fff;}
	
#header h2 a {
	text-decoration:none;
	color:#fff;}

/* INTRO ********************************************/

#intro {
	width:1000px;
}
	
#intro img {
	float:left;
	padding:40px 50px 20px 0px;}
	
#serviceslist {
	float:left;
	padding: 170px 0px 0px 0px;
}
	
.thirdcol {
	float:left;
	width:160px;
}
	
.thirdcol-sep {
	float:left;
	width:30px;
	height: 30px;

}

.thirdcol ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
	
.thirdcol ul li{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:16px;
	font-size:16px;
	color:#1d4808;}

/* SLOGAN ********************************************/

#slogan {
	width:1000px;
	text-align:center;
}

#slogan h1 {
	font-family: 'Oswald', sans-serif;
	margin:0px 0px 0px 0px;
	padding:22px 0px 22px 0px;
	line-height:26px;
	font-size:26px;
	font-weight:normal;
	color:#fff;}

/* CONTENT ********************************************/

#content {
	width:1000px;}
	
#text-content {
	float:left;
	width:410px;
	margin:0px 50px 0px 0px;
	padding:40px 0px 30px 0px;
}
	
#image-content {
	float:left;
	width:540px;
	margin:0;
	padding:40px 0px 0px 0px;
}

#image-content ul {
	list-style-type:none;
	padding:0;
	margin:0;}
	
#image-content ul li{
	list-style-type:none;
	padding:0;
	margin:0;}

/* FOOTER ********************************************/

#footer {
	padding:40px 0px 40px 0px;
	width:1000px;}
	
#footer-left {
	float:left;
	width:500px;}
	
#footer-right {
	text-align:right;
	float:left;
	width:500px;}
	
#footer p {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:13px;
	font-size:13px;
	font-weight:normal;
	color:#233511;
}

#footer p.bold {
	font-size:14px;
	font-weight:bold;}
	
#footer a {
	text-decoration:none;
	color:#233511;}
	
#footer a:hover {
	color:#000;}
	


/* TYPE ********************************************/

h1 {
	font-family: 'Oswald', sans-serif;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	line-height:30px;
	font-size:30px;
	font-weight:normal;
	color:#1d4808;}
	
	
h2 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:130%;
	font-size:20px;
	font-weight:normal;
	color:#333;}
	
	
h3 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:130%;
	font-size:15px;
	font-weight:bold;
	color:#333;}
	
	
h4 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:130%;
	font-size:15px;
	font-weight:normal;
	color:#333;}
	
p {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:20px;
	font-size:13px;
	font-weight:normal;
	color:#333;
}
	
	
ul {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px px;
	font-size:12px;
	color:#666;
}
	
ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
	line-height:150%;
	font-size:12px;
	color:#666;}
	
ol {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px px;
	font-size:12px;
	color:#666;
}
	
ol li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
	line-height:150%;
	font-size:12px;
	color:#666;}
	
a {
	color:#333;}
	
a:hover {
	color:#B5B5B5;}