/**
* Saponaqua
* Layout CSS			
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
* Contributors: Stuart Bamforth
*/

body{
	background-image:url(../images/bg-body.jpg);
	margin:0;
	padding:0;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-color:#fff;
	}

#container{
	width:936px;
	margin:0 auto;
	padding:0 0 30px 0;
	}
	
#header{
	float:left;
	height:97px;
	width:936px;
	}
	#header h1{
	margin:0;padding:0;
	float:left;
	text-indent:-9000px;
	}
	#header h1 a{
	background-image:url(../images/bg-h1-a.jpg);
	width:348px;
	height:97px;
	display:block;
	}
	#header ul{
	float:left;
	margin:60px 0 0 270px;
	}
	#header ul li{
	float:left;
	}
	#header ul li a{
	color:#666;
	border-right:1px solid #09f;
	padding:0 10px 0 10px;
	font-size:100%;
	}
	#header ul li a.end{
	border:none;
	}
	
#banner{
	float:left;
	width:600px;
	padding:0 0 0 14px;
	margin:47px 0 0 0;
	}
	#banner h2{
	margin:0 0 10px 0;
	padding:0;
	background-image:url(../images/bg-h2-banner.png);
	width:448px;
	height:30px;
	text-indent:-9000px;
	}
	#banner p{
	margin:0 0 1em 0;
	color:#00263e;
	font-size:100%;
	padding:0 50px 0 0;
	}
	#banner p.bttn{
	margin:20px 0 0 0;
	}
	#banner a{
	color:#fff;
	font-weight:bold;
	background-image:url(../images/bg-a-enquire.png);
	width:109px;
	height:25px;
	text-align:center;
	display:block;
	padding:7px 0 0 0;
	}
	#banner-main{
	background-image:url(../images/bg-banner-top.png);
	width:555px;
	padding:22px;
	height:202px;
	}
	#banner-bottom{
	background-image:url(../images/bg-banner-bottom.png);
	width:599px;
	height:8px;
	}
	
#big-image{
	float:left;
	width:293px;
	height:254px;
	background-image:url(../images/bg-big-image.png);
	margin:47px 0 0 17px;
	}
	#big-image img{
	float:left;
	margin:-18px 0 0 0;
	position:relative;
	}
	
	
#testimonials{
	float:left;
	width:600px;
	padding:0 0 0 14px;
	margin:17px 0 0 0;
	}
	#testimonials h3{
	margin:0 0 13px 0;
	padding:0;
	background-image:url(../images/bg-h3-testimonials.png);
	width:426px;
	height:19px;
	text-indent:-9000px;
	}
	#testimonials p{
	margin:0 0 1em 0;
	color:#00263e;
	font-size:100%;
	padding:0 0 20px 0;
	border-bottom:1px solid #809fb1;
	width:325px;
	}
	#testimonials p em{
	color:#006cb8;
	font-style:normal;
	}
	#testimonials-main{
	background-image:url(../images/bg-banner-top.png);
	width:555px;
	padding:22px;
	height:202px;
	}
	#testimonials-bottom{
	background-image:url(../images/bg-banner-bottom.png);
	width:599px;
	height:8px;
	}
	#testimonials img{
	float:right;
	margin:-8px 0 0 0;
	}	
	
#list{
	float:left;
	width:249px;
	background-image:url(../images/bg-list.png);
	margin:17px 0 24px 17px;
	padding:22px 22px 40px 22px;
	height:210px;
	}
	#list h3{
	background-image:url(../images/bg-h3-list.png);
	width:213px;
	height:38px;
	margin:0 0 10px 0;padding:0;
	text-indent:-9000px;
	}
	#list ul{
	float:left;
	}
	#list ul li{
	background-image:url(../images/bg-orange-tick.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0 0 0 15px;
	margin:0 0 .75em 0;
	font-size:100%;
	color:#00263e;
	line-height:1.2em;
	}
	#list img{
	float:right;
	border:1px solid #95d0f3;
	padding:1px;
	}
	#list a{
	color:#fff;
	font-weight:bold;
	background-image:url(../images/bg-a-enquire.png);
	width:109px;
	height:25px;
	text-align:center;
	display:block;
	padding:7px 0 0 0;
	}
	p.callbttn{
	float:left;
	clear:left;
	font-size:100%;
	}
	
	
#footer{
	clear:both;
	width:879px;
	height:27px;
	background-image:url(../images/bg-footer.png);
	padding:5px 15px 0 15px;
	margin:0 0 0 15px;
	}
	#footer p{
	color:#006cb8;
	font-size:100%;
	float:left;
	margin:5px 0 0 0;padding:0;
	}
	#footer ul{
	float:right;
	margin:0 -10px 0 0;padding:0;
	}
	#footer ul li{
	float:left;
	font-size:100%;
	}
	#footer ul li a{
	color:#006cb8;
	padding:0 10px 0 10px;
	border-right:1px solid #006cb8;
	}
	#footer ul li a.end{
	border:none;
	}
	
	
	
	
#pebbles{
	clear:both;
	background-image:url(../images/footer.png);
	height:290px;
	margin:0;
	padding:0;
	background-position:50% 0;
	background-repeat:repeat-x;
	width:100%;
	}
	

