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

/******Generic Styles******/

body{
	background-color:#e2ab6b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../images/castle_back2.jpg);
	background-position:50% 0;
	background-repeat:repeat;}
	
h1, h2, h3, h4, h5, h6, ul, ol, p{
	margin:0 0 10px 0;}
	
#wrapper{
	margin:0 auto 0 auto;
	width:880px;
	background-image:url(../images/wrapper_bg.png);
	background-repeat:repeat-y;
	background-position:0 0;
	padding:0 0 0 10px;}
	
#wrapper{
	behavior: url(js/iepngfix.htc);}
	
#inner_wrapper{
	width:880px;}
	
.bold{font-weight:bold;}

.turq{
	color:#00aef0;}
	
.img_left{
	display:inline;
	float:left;
	margin:0 20px 0 0;}
	
.red{
	color:#F00;
	font-weight:bold;}
	
.clear{
	clear:both;}
	
/******Header Styles******/

#header{
	display:block;
	float:left;
	width:880px;}
	
#logo{
	display:inline;
	float:left;
	width:179px;
	height:140px;
	background-image:url(../images/floor_treatments_yorkshire.gif);}
	
#logo h3{
	text-indent:-9999px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

#logo a {
	display:block;
	width:179px;
	height:140px;
}

#contact_details{
	display:inline;
	float:right;
	width:350px;
	height:75px;
	background-image:url(../images/contact_details_bg.png);
	background-repeat:no-repeat;
	margin:20px 0 0 0;
	padding:25px 40px 0 30px;
	font-size:22px;
	color:#ffffff;
	text-align:right;}
	
#contact_details{
	behavior: url(js/iepngfix.htc);}
	
#contact_details a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	margin:4px 0 0 0;}
	
/*******Navigation Styles******/

#navigation{
	display:block;
	float:left;
	width:860px;
	background-image:url(../images/nav_blue_strip.gif);
	background-repeat:repeat-x;
	background-position:0 25px;
	margin:-20px 0 0 0;}
	
ul#navigation_list{
	display:block;
	float:right;
	margin:0;
	height:37px;
	text-align:right;}

ul#navigation_list li{
	display:inline;}
	
ul#navigation_list li a{
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;
	height:37px;
	margin:0 10px 0 0;}
	
ul#navigation_list li a:hover, ul#navigation_list li a.active{
	color:#007fd1;}
	
	
ul#navigation_list li a.home_active, ul#navigation_list li a.home:hover{
	background-image:url(../images/nav_home_active.gif);
	background-repeat:no-repeat;}
	
ul#navigation_list li a.about_active, ul#navigation_list li a.about:hover{
	background-image:url(../images/nav_about_active.gif);
	background-repeat:no-repeat;}
	
ul#navigation_list li a.services_active, ul#navigation_list li a.services:hover{
	background-image:url(../images/nav_services_active.gif);
	background-repeat:no-repeat;}
	
ul#navigation_list li a.projects_active, ul#navigation_list li a.projects:hover{
	background-image:url(../images/nav_projects_active.gif);
	background-repeat:no-repeat;}
	
ul#navigation_list li a.gallery_active, ul#navigation_list li a.gallery:hover{
	background-image:url(../images/nav_gallery_active.gif);
	background-repeat:no-repeat;}
	
	
ul#navigation_list li a.test_active, ul#navigation_list li a.test:hover{
	background-image:url(../images/nav_test_active.gif);
	background-repeat:no-repeat;}
	
ul#navigation_list li a.contact_active, ul#navigation_list li a.contact:hover{
	background-image:url(../images/nav_contact_active.gif);
	background-repeat:no-repeat;}
	
	
/******Flash Styles******/

#flash_placer{
	display:block;
	float:left;
	width:870px;}
	
/******Content Area******/

#content_area{
	display:block;
	float:left;
	width:880px;
	margin:23px 0 0 0;}
	
#leftside{
	width:355px;
	display:inline;
	float:left;
	padding:30px 0 0 20px;}
	
#leftside h1, #projects_leftside h1{
	font-size:21px;
	line-height:28px;
	font-weight:normal;}
	
#leftside p, #projects_leftside p{
	font-size:12px;
	line-height:16px;}
	
#leftside p a, #leftside ul li a, #projects_leftside p a{
	color:#018bcd;
	font-weight:bold;
	text-decoration:none;}
	
#leftside h2{
	font-size:18px;
	line-height:26px;
	font-weight:bold;}
	
#leftside ul{
	margin:5px 0 0 0;}
	
#leftside ul li{
	font-size:12px;
	margin:0 0 5px 20px;
	list-style-type:disc;
	line-height:15px;}
	
	
#rightside{
	display:inline;
	float:right;
	width:420px;}
	
	
/******Case Studies******/
#case_studies{
	display:inline;
	float:left;
	width:420px;}
	
#case_studies_top{
	display:block;
	float:left;
	background-image:url(../images/case_studies_top.gif);
	background-repeat:no-repeat;
	width:420px;
	height:27px;}
	
#case_studies_mid{
	display:block;
	float:left;
	background-color:#00aef0;
	width:420px;}
	
#case_studies_mid h2{
	font-size:21px;
	height:28px;
	color:#ffffff;
	font-weight:normal;
	margin-left:20px;}
	
#case_studies_mid p{
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	margin-left:20px;}
	
.case_study{
	display:block;
	float:right;
	width:390px;
	background-color:#00a0e2;
	padding:10px;
	margin:0 0 10px 0;}
	
.case_study h3{
	float:left;
	font-size:18px;
	font-weight:bold;
	background-image:url(../images/case_study_header_bg.gif);
	background-repeat:no-repeat;}
	
.case_study h3 a{
	display:block;
	float:left;
	text-decoration:none;
	color:#ffffff;
	width:240px;}
	
#case_studies_mid .case_study p{
	line-height:normal;
	margin:0;
	width:200px;}
	
.case_study_content{
	display:inline;
	float:left;
	width:240px;}
	
#case_studies_btm{
	display:block;
	float:left;
	width:420px;
	background-image:url(../images/case_study_btm.png);
	background-repeat:no-repeat;
	height:21px;}
	
#case_studies_btm{
	behavior: url(js/iepngfix.htc);}
	
/******Footer Styles******/

#footer_wrapper{
	display:block;
	float:left;
	width:840px;
	padding:70px 0 0 20px;}
	
#footer{
	display:block;
	float:left;
	width:780px;
	background-image:url(../images/footer_top.gif);
	background-repeat:no-repeat;
	background-color:#007fd1;
	padding:25px 20px 20px 20px;}
	
#footer ul{
	display:block;
	float:left;
	width:780px;}
	
#footer li{
	display:inline;
	float:left;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	border-right:1px solid white;}
	
#footer li a{
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;}
	
.footer_content{
	display:inline;
	float:left;
	font-size:11px;
	color:#ffffff;
	line-height:13px;
	margin:20px 30px 200px 0;}
	
.footer_content a{
	color:#ffffff;
	text-decoration:none;}
	
/******Projects Styles******/

#projects_leftside{
	width:240px;
	display:inline;
	float:left;
	padding:30px 0 0 20px;}
	
#projects_rightside{
	display:inline;
	float:left;
	width:620px;}
	
#projects_rightside_top{
	display:block;
	float:left;
	width:620px;
	height:19px;
	background-image:url(../images/projects_rightside_top.gif);
	background-repeat:no-repeat;}
	
#projects_rightside_mid{
	display:block;
	float:left;
	width:610px;
	background-color:#00aef0;
	padding:0 0 0 10px;}
	
.project{
	display:block;
	float:left;
	width:600px;
	background-color:#018bcd;
	margin:0 0 10px 0;
	padding:10px 0 10px 10px;}
	
.project_images{
	display:inline;
	float:left;
	width:261px;
	margin:0 10px 0 0;}
	
.project_image{
	display:block;
	float:left;
	margin:0 0 10px 0;}
	
.project_description{
	display:inline;
	float:left;
	width:290px;}
	
.project_description h3{
	font-weight:bold;
	font-size:18px;
	color:#ffffff;}
	
.project_description p{
	font-size:12px;
	color:#ffffff;
	line-height:15px;}
	
#projects_rightside_btm{
	display:block;
	float:left;
	width:620px;
	background-image:url(../images/projects_btm.png);
	background-repeat:no-repeat;
	height:21px;}
	
#projects_rightside_btm{
	behavior: url(js/iepngfix.htc);}
	
#project_links{
	display:block;
	float:left;
	font-size:12px;
	color:#007fd1;}
	
#project_links a{
	font-size:12px;
	color:#007fd1;
	text-decoration:none;}
	
/******Contact Styles******/
label{
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
	width:355px;}
	
input{
	display:block;
	float:left;
	width:250px;
	margin:0 105px 15px 0;}
	
textarea{
	display:block;
	float:left;
	width:250px;
	margin:0 105px 15px 0;}
	
input#submit{
	display:block;
	float:left;
	width:auto;}
	
/******Gallery Styles******/

.gallery_pair{
	width:174px;
	display:inline;
	float:left;
	padding:0 10px 0 0;
	border-right:1px solid #1ea5e1;
	margin:0 10px 0 0;}
	
.gallery_pair1{
	display:inline;
	float:left;
	margin:0 10px 0 0;}
	
.gallery_pair_end{
	width:174px;
	display:inline;
	float:left;
	padding:0 0 0 0;}
	
.divider{
	width:570px;
	height:1px;
	line-height:0;
	background-color:#1ea5e1;
	border:0;
	display:block;
	float:left;
	margin:10px 0 10px 0;}