/* 

Version		1.0

Created:	2011-05-09 

Edited:		2011-05-10 

Author: 	Luke Scott {prominentmarketing.co.uk}

*/

.mod:after

	{
	display: block;
	visibility: hidden;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}



/* IE6 */ * html .mod {zoom: 1;}

/* IE7 */ *:first-child+html .mod {zoom: 1;}


body 
	{
    text-align: left;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000;
    background: #bb484b url(../images/bg.jpg) repeat-y  center;
	}


/*	Typography

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

h1
	{
	font-size: 19px;
	font-weight:bold;
	line-height: 1.26em;
	margin: 10px 0 6px 0;
	color: #005aac;
	}
h1 span {color:#bb484b }

h2
	{
	font-size: 20px;
	font-weight:bold;
	margin: 0px 0 6px 0;
	color: #005aac;
	}
h2 span {color:#bb484b }

h3
	{
	font-size: 14px;
	font-weight:bold;
	line-height: 1.636em;
	margin: 5px 0 6px 0;
	color: #fff;
	}
h3 span {color:#fff }

h4
	{
	font-size: 20px;
	font-weight:bold;
	margin: 10px 0 0px 0;
	color: #fff;
	}
h4 span {color:#fff }

h5
	{
	font-size: 16px;
	font-weight:bold;
	line-height: 1.636em;
	margin: 5px 0 6px 0;
	color: #fff;
	}
	
h5 a:link {color:#fff; text-decoration:none }
h5 a:hover {color:#fff; text-decoration:none }
h5 a:visited {color:#fff; text-decoration:none }

h4 a:link {color:#fff }
h4 a:hover {color:#fff }
h4 a:visited {color:#fff }

h6
	{
	font-size: 18px;
	font-weight:bold;
	margin: 0px;
	color: #fff;
	text-align:center
	}
	
h6 a:link {color:#77287b }
h6 a:hover {color:#77287b }
h6 a:visited {color:#77287b }
	
h7
	{
	font-size: 12px;
	font-weight:bold;
	margin: 2px 0 2px 0;
	color: #999; text-align:center; line-height:0.5em}

p
	{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 10px 0; font-weight:normal
	}

.contact li span
	{
	color: #0091d1;
	}

.topmenu {float:left; width: 100%; background:#005aac; height: 35px; margin-bottom:0px}

.topmenu_text {float:right; color:#FFF; padding: 10px 20px; margin-right:0px; font-weight: lighter; font: Verdana, Geneva, sans-serif; font-size:12px}

.topmenu_text ul li { display:inline; padding: 10px 10px;}

.topmenu_text a:link { text-decoration:none; color:#FFF}
.topmenu_text a:visited { text-decoration:none; color:#FFF}
.topmenu_text a:hover { text-decoration:none; color:#8fb877}

.topmenu_strapline {float: left
;font: Verdana, Geneva, sans-serif; color:#FFF; font-weight:bold; font-size: 15px; padding: 10px 10px; margin-left:0px; text-align:center; width:1024px}
.topmenu_strapline span {color:#bb484b}
 .topmenu_strapline a:link { text-decoration:none; color:#FFF}
.topmenu_strapline a:visited { text-decoration:none; color:#FFF}
.topmenu_strapline a:hover { text-decoration:none; color:#bb484b}

	/*	Layout

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

.wrap
	{
    width: 1024px;
    margin: -10px auto;
	}
	
.page,

.footer
	{
    padding: 0 0px;
    overflow: hidden;
    margin: 0;
    background: #fff;
	clear: both;
	}

.footer
	{	
	font-size: 12px;
	line-height: 1.5em;/* 18px */
	margin: 20px 0 0px 0;
	}

.footer
	{
	background: #005aac;
	color: #fff;
	}

.logo
	{float: left;
	width: 1024px;
	height: 250px;
	margin-left: 0px;
	margin-top: 0px; 
	background:#fff}

.icon
	{
	float: left;
	width: 750px;
	margin-left: 220px;
	margin-top: 15px
	}

.social {float:left; width:100px; 	margin-top:25px}

.contact
	{
	float: left;
	width: 350px;
	height: 107px;
	text-align: left;
	margin-top: 5px;
	margin-left: 200px; }

.contactheader {float: right; 	
font: Verdana, Geneva, sans-serif;
	font-size: 16px; color:#fff; font-weight:bold; margin-right: 0px; margin-top: 10px; width: 500px; 	margin-bottom: 10px; text-align:center; line-height:1em}

.contacttext {float: right; 	
font:  Verdana, Geneva, sans-serif;
	font-size:18px; color:#000;
	line-height: 0.6em; margin-right: 0px; margin-top:0px; width: 410px; 	margin-bottom: 10px; text-align:left; font-weight:bold }

.contacttext span {font:  Verdana, Geneva, sans-serif; font-size:18px; color:#51b948;}

.contacttext2 {float: right; 	
font:  Verdana, Geneva, sans-serif;
	font-size: 24px; color:#fff;
 margin-right: 1px; margin-top:0px; width: 350px; 	margin-bottom: 5px; text-align: center; font-weight:bold; line-height: 1.2em }
.contacttext2 span {font:  Verdana, Geneva, sans-serif; font-size:18px; color:#006;}
.contacttext2  a:link {color:#fff; text-decoration:none; }
.contacttext2  a:hover {color:#fff; text-decoration:none;}
.contacttext2  a:visited {color:#fff; text-decoration:none;}

.cities {float: left; text-align:left; width:900px; margin-left:62px; line-height: 1.2em; padding: 10px 0}

.booknow {float:right; width:385px; height: 50px}

.newstextbox {float:left; width: 230px; margin-left: 12px; font-size:12px; font-weight:normal}

.newstextboxright {float:right; width: 130px; margin-right: 20px; font-size:12px; text-align:right; color:#fff; padding-bottom:10px }

.newstextboxright a:link {color: #fff; text-decoration:none}
.newstextboxright a:visited {color: #fff; text-decoration:none}
.newstextboxright a:hover {color: #fff; text-decoration:none}

.greysection {float:right; margin-top:10px; width:750px; margin-bottom:10px}

.leftmenu {	float:left;	width:250px; color:#FFF;	font:Verdana, Geneva, sans-serif;	font-size:14px;	font-weight:bold; margin-top: 0px;	font-family: Verdana, Geneva, sans-serif; height: 190px; margin-bottom:5px}

.promo	{float: left;  height: 300px; width:1000px; margin-bottom:10px	}
.centertext {text-align:center}

.content {margin-top: 0px; background: #FFF;}

.main {	float: right; width: 700px; margin-right:20px	}
.main2 {float: left; width: 1000px;}
	
.main .section
	{
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
	text-align:left;
	}

.section a:link {color:#fff ; text-decoration:none; font-weight:bold}
.section a:visited {color:#fff ; text-decoration:none; font-weight:bold}
.section a:hover {color:#fff ; text-decoration:none; font-weight:bold}

.contactpageleft {float: left; width:300px; margin-left:30px}

.section li	{	float: left;
	display: inline;	}
.sideBar	{	float: left;
	width: 250px;	background: #ffffff;}
	

.contactbox {float: left; width:250px;  margin-bottom:15px; margin-top:10px; background: #bb484b; border-radius:0px 10px 10px 0px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;    }
.contactboxtop {float:left;  height:27px; width: 250px; text-align:left; color:#fff; font-size:20px; font-weight:bold; padding-left:10px; margin-top:10px}
	
.newsbox {float: left; width:250px;  margin-bottom:15px; margin-top:10px; background: #005aac; border-radius:0px 10px 10px 0px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;    }
.newsboxtop {float:left;  height:27px; width: 250px; text-align:left; color:#fff; font-size:20px; font-weight:bold; padding-left:10px; margin-top:10px}

.contactform { float:left; width:230px;  font-size:12px; color:#fff; padding-left:10px; }

.contactbottom {float:left; width: 230px; height: 21px; ; padding-left:10px;}

input {width:98%}
textarea {width:98%}
	
.submit {
   border: none;
   padding: 0;
   text-decoration: none; /* if desired */
   text-align:left;
   background:url(../images/submit.jpg) no-repeat; height:30px; width: 100px
}
	
.text_button {
   border: none;
   background: url(../images/red-submit-button.png) no-repeat center; height: 64px; width: 240px;
   padding: 0;
   text-decoration: none; /* if desired */
   color: #fff;   text-align:right;
}

.text_button2 {
   border: none;
   background-color: #90b879;   padding: 0;
   text-decoration: none; /* if desired */
   color: #fff;
 text-align:center; width:100px
}

.image1 {float: left; width: 140px; height: 155px; margin-right:5px; margin-left:20px; background:#8fb877; color: #fff; font-weight:bold;  text-align:center; border: solid 1px #77287b; font-size:12px}

.image2 {float: left; width: 140px; height: 155px; margin-right:5px; margin-left:0px; background:#8fb877; color: #fff; font-weight:bold;  text-align:center; border: solid 1px #77287b; font-size:12px}
	
.image3 {float: left; width: 140px; height: 155px; margin-right:5px; margin-left:0px; background:#8fb877; color: #fff; font-weight:bold;  text-align:center; border: solid 1px #77287b; font-size:12px}

.image4 {float: left; width: 140px; height: 155px; margin-right:5px; margin-left:0px; background:#8fb877; color: #fff; font-weight:bold;  text-align:center; border: solid 1px #77287b; font-size:12px}

.image5 {float: left; width: 140px; height: 155px;  margin-left:0px; background:#8fb877; color: #fff; font-weight:bold;  text-align:center; border: solid 1px #77287b; font-size:12px}
	

.enquiryform {float:left; margin-left:35px; width:690px; border: 2px solid #77287b; color:#77287b; padding-left:20px; margin-bottom:20px}
	
#bulletslist{float:left; width: 200px; margin-left:20px;}

#bulletslist ul li{
	font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#77287b; margin-bottom: 5px; list-style-image: url(../images/greensquare.jpg);
}

#bulletslistwide{float:left; width: 480px; margin-left:20px; margin-bottom:20px}

#bulletslistwide ul li{
	font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:14px; color:#666; margin-bottom: 5px; list-style-image: url(../images/greensquare.jpg);
}

#bulletslist2{float:left; width: 250px; margin-left:20px;}

#bulletslist2 ul li{
	font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#77287b; margin-bottom: 5px; list-style-image: url(../images/greensquare.jpg);
}
	
#bulletsmanhole {float:left; width: 700px; margin-left:35px;}

#bulletsmanhole ul li{
	font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#77287b; margin-bottom: 5px; list-style-image: url(../images/greensquare.jpg);
}
	
#bullets1 {float:left; width: 200px; margin-left:20px;}

#bullets1 ul li{
	font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#77287b; margin-bottom: 5px; list-style-image: url(../images/greensquare.jpg);
}

#bullets2 {float:left; width: 200px; margin-left:0px; }

#bullets2 ul li{
	font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#77287b; margin-bottom: 5px; list-style-image: url(../images/greensquare.jpg);}

#bullets3 {float:left; width: 200px; margin-left:0px;}

#bullets3 ul li{
	font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#77287b; margin-bottom: 5px; list-style-image: url(../images/greensquare.jpg);}


.whychooseheader {float:left;  margin-left: 10px; margin-top:10px; margin-bottom:10px;  color:#FFF; font-size: 22px; font-weight:bold; }

.whychoose {float:left; width: 750px}

.whychoosebullets {float:left;font-family:Verdana, Geneva, sans-serif; margin-left: 0px; font-weight: bold; font-size:14px; margin-bottom: 10px; width: 550px; color:#000; line-height:0.9em;  vertical-align:middle }

.services1 {float:left;font-family:Verdana, Geneva, sans-serif; margin-right: 0px; font-weight: bold; font-size:14px; width: 150px; color:#000; line-height:0.9em; margin-bottom:20px  }
.services2 {float:left; font-family:Verdana, Geneva, sans-serif; font-weight: bold; font-size:14px;  width: 190px; color:#000; line-height:0.9em; margin-left:10px }

.servicesimages1 {float:left ; width:140px;  margin-right:0px; margin-left:20px; position:relative}

.servicestext {float:left;font-family:Verdana, Geneva, sans-serif; margin-left: 0px; font-weight: bold; font-size:14px; margin-bottom: 10px; width: 700px; color:#000; line-height:0.9em;  vertical-align:middle }

.smallimages {float:left ; width:140px; height:140px; margin-right:20px}

.contactborder {float: left; border: 0px solid #005aac; margin-left:0px;  width:700px; }
.contactleft { float:left; width:100px; margin-left:0px; color:#005aac; font-size:20px; font-weight:bold; line-height:1.2em}
.contactright{ float:left; width:600px; color:#bb484b; font-size:20px; font-weight:bold; line-height:1.2em; margin-bottom:20px}
.contactright a:link {color:#bb484b; text-decoration:none}
.contactright a:hover {color:#bb484b; text-decoration:none}
.contactright a:visited {color:#bb484b; text-decoration:none}

.casestudies {float:left; width:350px; margin-top:0px; height:255px; margin-left:10px;  background: #6c6c6f}

.casestudiesheader {float:left;  margin-left: 0px; margin-top:3px; margin-bottom:0px;  color:#FFF; font-size: 18px; height:27px; font-weight:bold; text-align:center; width:350px; background:url(../images/clientstop.jpg) repeat-x; padding-top:10px }

.casestudiestext {float:left;  margin-left: 10px; margin-top:0px; color:#FFF; font-size: 11px; height:196px; font-weight:bold; text-align:left; width:330px; background: url(../images/line.jpg) center repeat-x   }
.casestudiestext a:link {text-decoration:none; color:#fff}
.casestudiestext a:hover {text-decoration:none; color:#fff}
.casestudiestext a:visited {text-decoration:none; color:#fff}

.newsreadmore {float:right; width:230px; text-align:right; margin-right:10px; color:#FFF; background:url(../images/greennews.jpg) no-repeat}

.newsreadmore a:link {text-decoration:none; color:#fff}
.newsreadmore a:hover {text-decoration:none; color:#fff}
.newsreadmore a:visited {text-decoration:none; color:#fff}

.casestudiesreadmore {float:right; width:200px; text-align:right; margin-right:10px; color:#FFF}

.casestudiesreadmore a:link {text-decoration:none; color:#fff}
.casestudiesreadmore a:hover {text-decoration:none; color:#fff}
.casestudiesreadmore a:visited {text-decoration:none; color:#fff}

.casestudiestextformat {color:#FFF; font-size: 14px; font-weight:bold; text-align:left; }

.casestudiestextformat a:link { text-decoration:none; color:#FFF; font-size: 14px; font-weight:bold;  }
.casestudiestextformat a:hover { text-decoration:none; color:#FFF; font-size: 14px; font-weight:bold;  }
.casestudiestextformat a:visited { text-decoration:none; color:#FFF; font-size: 14px; font-weight:bold;  }

.casestudiestext1 {float:left;  margin-left: 10px; margin-top:0px; color:#8fb877; font-size: 14px; height:160px; font-weight:bold; text-align:left; width:90px  }


.casestudies_r {float:left; width:230px; margin-top:20px; height:255px; margin-left:0px;  background: #6c6c6f }

.casestudiesheader_r {float:left;  margin-left: 0px; margin-top:3px; margin-bottom:5px;  color:#FFF; font-size: 16px; height:30px; font-weight:bold; text-align:center; width:350px; background:url(../images/clientstop.jpg) repeat-x; padding-top:10px; width: 230px }

.casestudiestext_r {float:left;  margin-left: 5px; margin-top:0px; color:#FFF; font-size: 11px; height:200px; font-weight:bold; text-align:left; width:220px; background: url(../images/line.jpg) center no-repeat  }

.casestudiestext_r a:link {text-decoration:none; color:#fff}
.casestudiestext_r a:hover {text-decoration:none; color:#fff}
.casestudiestext_r a:visited {text-decoration:none; color:#fff}


.bottomsection {float:left; width: 1004px; margin-left:20px; margin-bottom: 20px}


.testimonialspage {float: left; width: 100%}	
.testimonialspagetext { font-family:Verdana, Geneva, sans-serif; font-size: 12px; color:#333; margin-left: 0px}

.testimonials
	{
		float:left;
		padding: 0 0 0 15px;
height: 226px; width: 100%;
background: url(../images/greybox.jpg) no-repeat;
	}
	
.button
	{
	float: right;
	margin-right: 25px;
	}


.copyright
	{
	float: left;
	text-align: left;
	margin-left: 40px;
	font-size:36px;
	}

	
.copyright2
	{
	float: right;
	text-align: left;
	padding-right: 20px;
	font-size:36px 
	}

.copyright2 a:link {color:#fff; text-decoration:none}
.copyright2 a:hover {color:#fff; text-decoration:none}
.copyright2 a:visited {color:#fff; text-decoration:none}

.readmore {color:#53b747; font-size:11px; text-decoration: none;}
.readmore a:link {color:#53b747; text-decoration: none; font-size:11px}
.readmore a:visited {color:#53b747; font-size:11px; text-decoration: none;}
.readmore a:hover {color:#53b747; font-size:11px; text-decoration: none;}

.line {float: left; background:#b84a4e; height: 1px; width: 680px; margin-bottom:10px; border: 0px solid #b84a4e}

.footerlink	{float: left;	background: #b84a4e; height:35px; width: 1024px; }

.footerlinks {float:left; margin-left:0px;  width: 1024px; margin-bottom:0px; background:#b84a4e; height:130px}

.footerlinks1 {float:left; color:#fff; width: 200px;  font-weight:bold; margin-left:20px; margin-top:10px}

.footerlinks1 a:link {color:#fff ; text-decoration:none}
.footerlinks1 a:visited {color:#fff; text-decoration:none}
.footerlinks1 a:hover {color:#fff; text-decoration:none}

.footerlinks2 {float:left; color:#fff; width: 200px;  font-weight:bold; margin-top:10px}

.footerlinks2 a:link {color:#fff ; text-decoration:none}
.footerlinks2 a:visited {color:#fff ; text-decoration:none}
.footerlinks2 a:hover {color:#fff ; text-decoration:none}


.footerlinks3 {float:left; color:#fff; width: 200px; font-weight:bold; margin-top:10px}

.footerlinks3 a:link {color:#fff ; text-decoration:none}
.footerlinks3 a:visited {color:#fff ; text-decoration:none}
.footerlinks3 a:hover {color:#fff ; text-decoration:none}

.footerlinks4 {float:right; width: 260px; margin-right:20px; margin-top: 20px}


.newstitle_large {color:#00355f; text-decoration:none; font-weight:bold; font-size:24px; padding-bottom:10px; line-height: 1.3em}

.newstitle {color:#00355f; text-decoration:none; font-weight:bold; font-size:16px; padding-bottom:10px}
.newstitle a:link {color:#00355f; text-decoration:none; padding-bottom:10px}
.newstitle a:visited {color:#00355f; text-decoration:none; padding-bottom:10px}
.newstitle a:hover {color:#00355f; text-decoration:none;padding-bottom:10px}

.newstitledate {font-size:10px}

#archive {background:#51b948; width: 900px; height:15px; padding: 1px; color:#FFF; font-size:12px; font-weight:normal}
#archive span {color:#000}
#archive a:link {color:#FFF; font-weight:normal}
#archive a:visited {color:#FFF; font-weight:normal}
#archive a:hover {color:#FFF; font-weight:normal}



#gallery {
	float: left;
	height: 145px;
	width: 220px;
	margin-left: 0px;
}

#container { width:100%; overflow:hidden; }

#imagegallery {	float: left;
width: 740px; min-height:460px;	padding-left: 0px; 	margin-left:20px}

.imagecontainer { float:left; width:200px; border:solid 1px #003; margin: 10px 20px 10px 0; font-family: Arial; text-align: center; overflow:hidden; position: relative;}

.imagebox { width:220px; height:150px; margin:0px; overflow:hidden; margin-left:0px  }
.imagetitle { width:220px; height:20px; background-color:#005aac; padding:0px; overflow:hidden; position:absolute; bottom:0; color:#ffffff; text-align:center; margin-left:-10px }


.marquee{
 position:absolute;
 left:0px;
 top:10px;
 overflow:hidden;
 width: 130px;
 height: 400px;
}

.buttons{
 position:absolute;
 left:420px;
 top:160px;
 overflow:hidden;
 width: 110px;
}

.imagecontainer { float:left; width:125px; height:106px; border:solid 1px; border-color:#005aac; margin: 5px 5px 10px 0; font-family: Arial; text-align: center;}

.imagebox { float: left; margin-left:0px; width: 125px; height:106px;   }