/* CSS Document */
/* zero all defaults */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
background-color:#e9e8e6;
border:0; padding:0;
}

img	{border:0;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:670px;
		height:190px;
		overflow:hidden; 
		margin-bottom:30px !important;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* Higlight colour */

::selection         {background:#f6ff00; color:#3e3e3e; /* Safari */ }
::-moz-selection    {background:#f6ff00; color:#3e3e3e; /* Firefox */ }

/* Font styles */

p 		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; line-height:1.5em; margin-bottom:20px;}

h1 		{font-family:Arial, Helvetica, sans-serif; font-size:27px; color:#4765ab; font-weight:bold;}
h2 		{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:bold; margin-bottom:10px;}
h3 		{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#4765ab; font-weight:bold; margin-bottom:10px;}


/* Header Structure */

.header_full		{width:100%; background-color:#FFF;}
.header_container	{width:960px; height:120px; margin-left:auto; margin-right:auto; border:0px solid #000; padding-top:49px;}

.header_left		{width:490px; float:left;}

.header_mid			{width:240px; float:left;}
.header_mid li		{list-style:none;}

.header_right		{width:230px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; line-height:1.7em; }
.header_right li	{list-style:none; }

.logo				{}

.navlink			{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-decoration:none;}
.navlink:hover		{color:#a4a4a4; text-decoration:underline;}

.blue_link			{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4765ab; text-decoration:none;}	
.blue_link:hover	{color:#a4a4a4; text-decoration:underline;}

/* Main Structure */

.main_body222		{width:960px; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:35px;}

.left_body			{width:670px; float:left; overflow:hidden;}
.right_body			{width:230px; float:right; overflow:hidden;}

.services_icons		{ float:left; padding-bottom:30px; padding-left:0px; padding-right:40px;}

/* Quote section */

.quote_body			{width:230px; overflow:hidden; background-color:#4765ab; padding:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; margin-bottom:30px;}
.quote_box_style	{width:200px; height:33px; border:0; margin-top:10px; margin-bottom:10px; color:#999999;}

.testimonials		{ margin-bottom:30px;}

/* Navigation section */

.navigation_bar		{width:100%; height:33px; background-color:#4765ab; padding-top:14px;}

.navigation_con		{width:960px; margin-left:auto; margin-right:auto;}

.main_nav			{font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#FFF; text-decoration:none; padding-right:25px;}
.main_nav:hover		{color:#c2c2c2;}

.main_nav2			{font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#FFF; text-decoration:none; padding-right:25px; padding-left:25px;}
.main_nav2:hover	{color:#c2c2c2;}

/* Home section */

.check_boxes		{ float:left;}


.left				{width:310px; overflow:hidden; float:left; margin-top:30px;}
.right				{width:310px; overflow:hidden; float:right; margin-top:30px;}
.right ul			{margin-bottom:20px; list-style:square;}
.right li			{ list-style:square;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-decoration:none; line-height:1.5em;}

/* Our work section */

.left2				{width:310px; overflow:hidden; float:left; }

.before				{width:140px;  float:left; margin-left:30px;}
.after				{width:140px;  float:left; margin-left:30px;}

.thumbnail			{width:140px; height:140px; margin-top:20px; background-color:#999; display:block;}
.thumbnail:hover	{filter:alpha(opacity=60); opacity:0.6;}


/* Services section */

.services_box		{ width:670px; overflow:hidden; padding-top:20px;}
.services_icons		{ width:100px; float:left;}
.services_text		{ width:500px; float:left;}

.more	{ width:640px; height:25px; background-color:#cccccc; color:#4765ab; margin-right:30px; display:block; text-align:center; padding-top:10px; padding-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.more:hover {background-color:#4765ab; color:#FFFFFF;}
/* Footer section */

.footer				{width:960px; min-height:80px; border-top:1px solid #b8c0d4; margin-left:auto; margin-right:auto; margin-top:30px; padding-top:20px;}

.checkatrade		{float:left;}
.buywithconfidence	{float:left;}

.footer_right		{float:right; width:260px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-decoration:none;}