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

body {
	margin: 0px;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 17px;
}

* {
	margin: 0px;
}

h1 {
	font-family: sans-serif;
	font-weight: bold;
	line-height: 24px;
	font-size: 18px;
	color: #0099ff;
}

h2 {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: white;
}
	
p {
	margin: 15px 0px;
}

a:link , a:visited {
	color: #000;
}

a:hover {
	color: #0099ff;
}

#wrapper {
	width: 830px;
	margin: 10px auto 0px auto;
	text-align: centre;
}

#header {
	width: 830px;
	height: 308px;
	background: url(images/header_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	text-align: center;
}

#strapline h1 a {
	width: 830px;
	color: white;
	position: absolute;
	top: 222px;
	left: 0px;
	text-decoration: none;
	font-family: 'Dancing Script', serif;
  	font-size: 24px;
  	font-style: normal;
  	font-weight: 200;
  	text-shadow: none;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0em;
  	word-spacing: 0em;
  	line-height: 1.2;
}

#strapline h1 {
	font-weight: normal;
}

#nav {
	font-size: 14px;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 270px;
	left: 45px;
	text-align: left;
	padding: 0px;
	width: 100%;
}

#nav span {
	padding: 0px 90px 0px 0px;
}

#nav span { float: right;}

#nav a {
 	text-decoration: none;
	color:#FFF;
	font-size: 12px;
	padding: 0px 15px 0px 0px;
	float: left;
}

#nav a:hover {
	color: #0099ff;
}

#nav .active {
	color: #0099ff;
}

#content {
	width: 830px;
	min-height: 350px;
	background: url(images/content_bg_repeat.jpg);
	background-position: top;
	background-repeat: repeat-y;
	position: relative;
	padding: 10px 0px 0px 0px;
	float: left;
}

h1.page_titles {
	font-family: sans-serif;
	font-weight: bold;
	line-height: 30px;
	font-size: 24px;
	color: #0099ff;
}

#copy_home {
	width: 480px;
	padding: 0px 0px 0px 45px;
	float: left;
}

.big_text {
	font-size: 15px;
	line-height: 18px;
}

#copy_success {
	width: 600px;
	height: 350px;
	padding: 0px 0px 0px 45px;
	float: left;
}

#copy_services {
	width: 730px;
	float: left;
	padding: 0px 20px 0px 45px;
}

#copy_services img {
	float: right;
	padding: 0px 0px 0px 30px;
}

#repairs {
	width: 231px;
	height: 167px; 
	float: left;
	padding: 0px;
	background: url(images/repairs.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#repairs p {
	width: 210px;
	padding: 0px 0px 0px 10px;
}

#copy_refurb {
	width: 740px; 
	float: left;
	padding: 0px 20px 0px 45px;
}

.services_title {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0px 0px 0px;
	color: #000;
}

#services_types {
	width: 740px;
	float: left;
	clear: both;
	padding: 15px 0px 0px 45px;
}

#services_types p {
	width: 200px;
	padding: 0px 0px 0px 10px;
}

.refurb {
	width: 740px;
	float: left;
	clear: both;
	border-bottom: 2px solid #0099ff;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	position: relative;
}

.refurb img {
	float: left;
	margin: 0px 0px 20px 0px;
}

ul.bullets {
	margin-bottom: 20px;
	padding: 10px 0px 0px 15px;
}

.bullets {
	color: #0099ff;
}

.bullets span {
	color: #000;
}

#bronze {
	position: relative;
	width: 231px;
	height: 185px;
	float: left;
	margin: 0px 24px 0px 0px;
	background: url(images/bronze.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

.bronze_link a {
	position:absolute;
	bottom: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 13px;
	width: 200px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	}
	
.bronze_link a:hover {
	color: #0099ff;
	}

#silver {
	position: relative;
	width: 231px;
	height: 185px;
	float: left;
	margin: 0px 23px 0px 0px;
	background: url(images/silver.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

.silver_link a {
	position:absolute;
	bottom: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 13px;
	width: 200px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	}

.silver_link a:hover {
	color: #0099ff;
	}
	
#gold {
	width: 231px;
	height: 185px;
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	background: url(images/gold.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

.gold_link a {
	position:absolute;
	bottom: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 13px;
	width: 200px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	}
	
.gold_link a:hover {
	color: #0099ff;
	}

#service_notes {
	width: 740px;
	padding: 0px 0px 0px 45px;
	float: left;
	clear: both;
}

#copy_enquiry {
	width: 450px;
	padding: 0px 0px 0px 45px;
	float: left;
}

#copy_enquiry ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	float: left;
}

#copy_enquiry li {
	padding: 0px 0px 15px 0px;
}

#copy_enquiry form {;
	margin: 0px;
	padding: 0px;
	float: left;
}

#copy_enquiry fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
}

#copy_enquiry label {
	padding: 10px 0px 0px 0px;
	float: left;
	clear: both;
}

#copy_enquiry input {
	width: 250px;
	padding: 0px;
	float: left;
	clear: both;
}

#copy_enquiry textarea {
	width: 450px;
	height: 300px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
}

#copy_enquiry .req {
	color: red;
}

#copy_enquiry .submit input {
	width: 80px;
	float: left;
	clear: none;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}

#right {
	width: 230px;
	float: right;
	margin: 0px 45px 0px 20px;
}
	
#contact_info {
	width: 230px;
	clear: both;
}

#contact_info ul {
	list-style-type: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#contact_info li {
	padding: 0px 0px 10px 0px;
}

#call_back {
	width: 230px;
	height: 157px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(images/call_back_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
}	

#call_back ul {
	list-style-type: none;
	padding: 10px 0px 0px 20px;
	margin: 0px;
	float: left;
}

#call_back li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	float: left;
}

#call_back input {
	clear: both;
	float: left;
}

#call_back .submit {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	float: left;
}

#service_list h3 {
	font-size: 14px;
}

#service_list ul {
	padding: 10px 0px 0px 0px;
	list-style-type: none;
}

#service_list  li {
	padding: 0px 0px 1px 15px;
	margin: 5px 0px 0px 0px;
	background: url(images/tick.jpg) left top no-repeat;
}

#service_list a {
	font-weight: bold;
	text-decoration: none;
}

.testimonials {
	margin: 30px 0px;
	font-family: 'Rock Salt', arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	z-index: 1; 
	color: #0099ff;
}
	
#footer {
	width: 830px;
	height: 138px;
	background: url(images/footer_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	clear: both;
	margin: 0px auto 200px auto;
	text-align: center;
	padding: 90px 0px;
	color: #666;
}

#footer h2 {
	font-family: 'Dancing Script', serif;
	font-weight: normal;
	font-size: 18px;
}

#footer a {
	color: #666;
}

.checkatrade a , .checkatrade img {
	text-decoration: none;
	border: none;
	margin: 20px 0px 0px -5px;
}

/*-------LINKMAN STYLES-------*/

#links { margin: 0px 0px 0px 37px; text-align: left; width: 750px; }

table { margin: 0px 0px 20px 0px; color: #444; text-align: left; }

p.linkman { margin: 10px 0px 10px 0px; color: #444; text-align: left; }

a.linkman { clear: right; color: #009cdd; margin: 0px; text-align: left; }

.linkman_recip { font-size: 14px; text-align: left; }

.linkman_desc { height: 60px; width: 435px; text-align: left; }

.linkman_submit { font-size: 14px; border-top: 1px solid black; padding: 10px 0px 10px 0px; line-height: 60px; text-align: left; }

td, tr { text-align: left; margin: 0px 0px 10px 0px;  }

textarea { width: 435px; margin: 0px 0px 20px 0px; color: #444; text-align: left; }

.inline { display: inline; text-align: left; }

.linkman { text-align: left; }