@charset "utf-8";
@import url('/styles/oakwrightsnav.css');

/*GENERIC STYLESHEET for Oakwrights :::::::::::::::::::::::::::::::::::::::: */

/* AUTHOR:	Chris Wilsdon, Pepperneck Ltd.
/* DATE:		October 2009


/*_________________________________________________________ COLOUR REFERENCE */

/*	OAK				OCB						Normal		Light			Medium	Dark		Darker

/* Home				Home			SLATE		#485354	|	#919898	|	--			--			--
/*	Showcase			Showcase		BROWN		#b18e68	|	#d0bba4	|	--			#533715	#472d0b
/*	Design&Build	Ordering		BEIGE		#d3c2a8	|	#e4dacb	|	--			#473b26	#3c311d
/*	News				Quotations	BLUE		#a1b7c4	|	#c7d4dc	|	#98aebc	#2c414b	#213540
/*	About				About			GREY		#b8b4ab	|	#d4d2cd	|	#aeaaa1	#403d36	#35322b
/*	Contact			Contact		GREEN		#a6b7af	|	#cad4cf	|	#9faea7	#33413a	#28352f
/*	Outbuildings	Houses		MINT		#ccdede	|	#e0ebeb	|	#c1d3d3	#324040	#273535


/*______________________________________________________ BASIC CONFIGURATION */
body {
	background:#FFF url(/images/layout/bodybg.jpg) 50% 0 repeat;
	font:81.25%/1.3 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#485354;
	}
a {
	text-decoration:none; font-weight:bold; color:#2e3539;
	}
a:hover {
	color:#000000;
	}
h1, h2, h3, h4, h5, h6 {
	font-family:'Lucida Grande', 'Lucida Sans', Arial;
	}
h1 {
	margin-bottom:0.5em;
	}
h1.small {
	font-size:1.15em;
	}
hr {
	height:0;
	border:0;
	border-top:1px dotted #FFFFFF;
	margin-bottom:2.0em;
	}

/*_______________________________________________________________ PAGE SETUP */
#pagewrapper {
	background:url(/images/layout/pageshadow.png) 50% 0 no-repeat;
	width:960px;
	padding:0 6px;
	margin:0 auto;
	}
#page {
	text-align:left;
	margin-bottom:4.0em;
	}
/*------------------------------------------------------------------- HEADER */
#header {
	position:relative;
	background:#FFFFFF url(/images/layout/oakheaderbg.jpg) 50% 0 no-repeat;
	padding:110px 30px 8px;
	z-index:20;
	}
.countrybuildings #header {
	background-image:url(/images/layout/ocbheaderbg.jpg);
	}
/*------------------------------------------------------------------- FOOTER */
#footer {
	position:relative;
	background:url(/images/layout/footerbg.jpg) 50% 0 no-repeat;
	padding-top:55px;
	border-top:2px solid #FFFFFF;
	}
#footer ul {
	background:url(/images/layout/footershadow.png) 0 0 no-repeat;
	list-style-type:none;
	height:50px;
	margin:0;
	padding:10px 15px;
	}
html > body #footer ul {
	height:auto;
	min-height:50px;
	}
/*------------------------------------------------------------------ CONTENT */
#contentwrapper {
	position:relative;
	background:#FFFFFF url(/images/layout/pagewrapperbg.jpg) 50% 100% no-repeat;
	padding:0 30px 7em;
	z-index:10;
	}
#content {
	background:#FFFFFF;
	width:900px;
	height:23em;
	}
html > body #content {
	height:auto;
	min-height:23em;
	}
/*---------------------------------------------------------------- FOOTERNAV */
#footernav {
	background:url(/images/layout/footernavshadow.png) 50% 0 no-repeat;
	padding-top:1.5em;
	}
	

/*___________________________________________________________________ HEADER */
span#logo {
	position:absolute;
	top:44px;
	left:680px;
	display:block;
	}
span#logo a {
	display:block;
	width:180px;
	height:0;
	padding-top:130px;
	overflow:hidden;
	}
span#logostrap {
	position:absolute;
	top:4px;
	left:68px;
	display:block;
	}
span#logostrap a {
	display:block;
	width:114px;
	height:0;
	padding-top:82px;
	overflow:hidden;
	}

/*___________________________________________________________________ FOOTER */
#footerlogo {
	position:absolute;
	top:26px;
	left:48px;
	margin:0;
	}
#footerlogo a {
	background:url(/images/layout/footerlogo.jpg) 0 0 no-repeat;
	display:block;
	width:189px;
	height:0;
	padding-top:17px;
	overflow:hidden;
	}

/*__________________________________________________________________ CONTENT */
p.intro {
	font-size:1.15em;
	margin-bottom:1.4em;
	}
div.contenthead {
	position:relative;
	background:#FFFFFF url(/images/home/contentheadbg.png) 0 0 repeat-y;
	margin-bottom:10px;
	}
div.feature {
	position:relative;
	background:url(/images/home/featureshadow.png) 100% 0 no-repeat;
	float:left;
	width:540px;
	padding-right:10px;
	}
div.pagesummary {
	background:url(/images/home/pagesummarybg.jpg) 100% 0 no-repeat;
	float:right;
	width:300px;
	padding:1.6em 30px 0 20px;
	}
div.pagesummary hr {
	margin:0 -30px 1.5em -30px;
	}
#footernav ul {
	margin-left:0;
	list-style-type:none;
	}
#footernav ul li {
	float:left;
	padding:0 10px;
	border-left:1px solid #8c7b74;
	line-height:1;
	}
#footernav ul li:first-child {
	border-left:0;
	padding-left:0;
	}
#footernav ul li a {
	color:#8c7b74;
	}

/*----------------------------------------------------------- CONTENT PANELS */
.contentpanels {
	}
.contentpanels ul {
	/*background:url(/images/home/contentpanelsbg.png) 0 0 repeat-y;*/
	width:900px;
	list-style-type:none;
	margin:0;
	}
.contentpanels ul li {
	background-position:100% 100%;
	background-repeat:no-repeat;
	float:left;
	width:225px;
	font-size:1.08em;
	}
.contentpanels ul li div {
	position:relative;
	background-position:0 15px;
	background-repeat:no-repeat;
	min-height:8em;
	padding:165px 15px 2em;
	}
.contentpanels ul li h3 {
	font-size:1.07em;
	margin-bottom:0.4em;
	}
.contentpanels ul li div a.cp-more {
	position:absolute;
	top:auto;
	bottom:19px;
	left:15px;
	}
.contentpanels ul li div a.cp-img {
	position:absolute;
	top:18px;
	left:17px;
	display:block;
	width:190px;
	height:0;
	padding-top:135px;
	overflow:hidden;
	}
.contentpanels ul li p {
	color:#FFFFFF;
	}

.contentpanels ul li.green {
	background-color:#9faea7;					/* Medium */
	}
.contentpanels ul li.green h3,
.contentpanels ul li.green h3 a {
	color:#28352f;							/* Darker */
	}
.contentpanels ul li.green a {
	color:#33413a;							/* Dark */
	}

.contentpanels ul li.blue {
	background-color:#98aebc;
	}
.contentpanels ul li.blue h3,
.contentpanels ul li.blue h3 a {
	color:#213540;
	}
.contentpanels ul li.blue a {
	color:#2c414b;
	}

.contentpanels ul li.grey {
	background-color:#aeaaa1;
	}
.contentpanels ul li.grey h3,
.contentpanels ul li.grey h3 a {
	color:#35322b;
	}
.contentpanels ul li.grey a {
	color:#403d36;
	}

.contentpanels ul li.mint {
	background-color:#c1d3d3;
	}
.contentpanels ul li.mint h3,
.contentpanels ul li.mint h3 a {
	color:#273535;
	}
.contentpanels ul li.mint a {
	color:#324040;
	}
.contentpanels ul li.mint p {
	font-size:0.846em;
	color:#485354;
	}
.contentpanels ul li#cp-current-projects {
	background-image:url(/images/home/watermark-globe.png);
	}
.contentpanels ul li#cp-eco-build-diary {
	background-image:url(/images/home/watermark-padpaper.png);
	}
.contentpanels ul li#cp-case-studies {
	background-image:url(/images/home/watermark-frame.png);
	}
.contentpanels ul li#cp-showcase {
	background-image:url(/images/home/watermark-globe.png);
	}
.contentpanels ul li#cp-ordering-guide {
	background-image:url(/images/home/watermark-padpaper.png);
	}
.contentpanels ul li#cp-faq {
	background-image:url(/images/home/watermark-question.png);
	}
	
.contentpanels ul li#cp-current-projects div {
	background-image:url(/images/home/cp-current-projects.jpg);
	}
.contentpanels ul li#cp-eco-build-diary div {
	background-image:url(/images/home/cp-eco-build-diary.jpg);
	}
.contentpanels ul li#cp-case-studies div {
	background-image:url(/images/home/cp-case-studies.jpg);
	}
.contentpanels ul li#cp-showcase div {
	background-image:url(/images/home/cp-showcase.jpg);
	}
.contentpanels ul li#cp-ordering-guide div {
	background-image:url(/images/home/cp-ordering-guide.jpg);
	}
.contentpanels ul li#cp-faq div {
	background-image:url(/images/home/cp-faq.jpg);
	}
.contentpanels ul li#cp-diarydates div {
	/*background-image:url(/images/home/cp-diarydates3.jpg);*/
	background-image:url(http://www.oakwrights.co.uk/images/home/oak-framed-home.jpg);
	min-height:9.8em;
	padding-bottom:0.2em;
	}



ul.featuredlinks {
	list-style-type:none;
	margin-left:0;
	}
ul.featuredlinks li {
	position:relative;
	margin-bottom:1.5em;
	}
ul.featuredlinks li h2 {
	font-size:1.5em;
	margin-bottom:0.4em;
	}
#home-fl-oak-brochure-img {
	background:url(/images/home/oakbrochuresprite.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:-8px;
	left:213px;
	width:139px;
	height:0;
	padding-top:106px;
	overflow:hidden;
	z-index:20;
	}
#fl-oak-brochure:hover #home-fl-oak-brochure-img,
#home-fl-oak-brochure-img:hover {
	background-position:0 -106px;
	top:-9px;
	}
#home-fl-ocb-brochure-img {
	background:url(/images/home/ocbbrochuresprite.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:32px;
	left:185px;
	width:162px;
	height:0;
	padding-top:128px;
	overflow:hidden;
	z-index:20;
	}
#fl-ocb-brochure:hover #home-fl-ocb-brochure-img,
#home-fl-ocb-brochure-img:hover {
	background-position:0 -128px;
	}

#home-fl-try-before-you-buy-img {
	background:url(/images/home/trybeforeyoubuybg.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:auto;
	right:0;
	bottom:0;
	left:auto;
	width:123px;
	height:0;
	padding-top:84px;
	overflow:hidden;
	z-index:20;
	}

.question {
	font-weight:bold;
	}