@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:1.8em;
	}
	input {padding:2px 4px; }

/*_______________________________________________________________ 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 */
#headerClass {
	position:relative;
	background:#FFFFFF url(/images/layout/oakheaderbg.jpg) 50% 0 no-repeat;
	padding:110px 30px 8px;
	z-index:20;
	}
.countrybuildings #headerClass {
	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;
	}
#pagemaincontent {
	background:#FFFFFF;
	width:900px;
	height:23em;
	}
html > body #pagemaincontent {
	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:860px;
	height:0;
	padding-top:17px;
	overflow:hidden;
	}

/*__________________________________________________________________ CONTENT */
p.intro {
	font-size:1.15em;
	margin-bottom:1.1em;
	}
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;
	}
	
	
	
/*------------------------------------------------------------ADMIN AREA */
#adminBlock {width:800px;}	
#projectsTable tr td {padding:5px;}
#blackLinks a {color:#a7a09a;display:block;margin-bottom:10px;font-weight:normal;border-bottom:1px solid #eeeeee;}
#blackLinks a:hover {color:#000;display:block;margin-bottom:10px;font-weight:normal;border-bottom:1px solid #eeeeee;}
.lbtn  {color:#a7a09a;display:block;margin-bottom:10px;font-weight:normal;}
#ctl00_ContentPlaceHolder1_gvEvents td {padding:10px;}
#ctl00_ContentPlaceHolder1_gvEvents th {padding:10px;background-color:#ededed;}
.textHeader {text-align:justify;font-weight:bold;color:#a7a09a;font-size:16px;}
#loginTable tr td {padding:5px;}
.menuLink {color:#ad745c;font-weight:normal;}
#newsEditTable tr td {padding:5px;}
.adminBack {font-size:x-small;color:#a27866;}
#addUsersTable tr td {padding:5px;}
#vacancyEditTable tr td {padding:5px;}
#newsImageTable1  tr td {padding:5px;}
#newsImageTable2  tr td {padding:5px;}
#newsImageTable3  tr td {padding:5px;}
#newsImageTable4  tr td {padding:5px;}

#newsImageTable1  {background-color:#eee;border:1px slid #ccc;width:850px;}
#newsImageTable2    {background-color:#eee;border:1px slid #ccc;width:850px;}
#newsImageTable3    {background-color:#eee;border:1px slid #ccc;width:850px;}
#newsImageTable4    {background-color:#eee;border:1px slid #ccc;width:850px;}


/*----------------------------------------------------------- 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:50% 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-archi-design-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-bespoke {
	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-royal {
	background-image:url(/images/home/watermark-crown.png);
	}
	
.contentpanels ul li#cp-current-projects div {
	background-image:url(/images/home/oak-framed-house-frame.jpg);
	}
.contentpanels ul li#cp-archi-design-diary div {
	background-image:url(/images/home/oak-framed-architecture-design.jpg);
	}
.contentpanels ul > li#cp-archi-design-diary div {
	background-image:url(/images/case-studies/planning-consent-stories/features/2012-01-rural-suffolk.png);
	background-position:50% 15px;
	}
.contentpanels ul li#cp-case-studies div {
	background-image:url(/images/home/oak-framed-building-stubblefield.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-royal div {
	background-image:url(/images/home/cp-gloucester.jpg);
	}
.contentpanels ul li#cp-bespoke div {
	background-image:url(/images/home/cp-bespoke.jpg);
	}
.contentpanels ul li#cp-diarydates div {
	background-image:url(/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.3em;
	}
#home-fl-oak-brochure-img {
	background:url(/images/home/oakbrochuresprite.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:-18px;
	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:-18px;
	}
#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;
	}



/*__________________________________________________ STANDARD CONTENT LAYOUT */
.content {
	float:left;
	width:520px;
	margin-right:60px;
	}
.sidebar {
	float:right;
	width:320px;
	}

.secondaryHeader {
	border-bottom:1px solid #485354;
	margin-left:20px;
	}
.secondaryHeader, #rightContainer .secondaryHeader a, #rightContainer .secondaryHeader a:hover {
	color:#485354;
	}

.content h1 {
	font-size:1.75em;
	margin:0.5em 0 1.5em;
	}
.content p {
	line-height:1.33em;
	margin:0 0 1em;
	}

.studylinkblock {
	background-position:0 0;
	background-repeat:no-repeat;
	}
.studylinkblock a {
	display:block;
	font-size:1.333em;
	font-weight:bold;
	color:#FFFFFF;
	}

.adblock.side {
	position:relative;
	margin-left:20px;
	}
.adblock.side a.blocklink {
	display:block;
	padding:25px 15px;
	}
.adblock.side a.blocklink span.adheading {
	display:block;
	padding-bottom:0.5em;
	font-size:1.333em;
	color:#FFFFFF;
	}
.adblock.side a.blocklink span.adtext {
	display:block;
	font-size:1.167em;
	font-weight:normal;
	color:#FFFFFF;
	}
.adblock.side a.blocklink img.ap-right {
	position:absolute;
	top:5px;
	right:-25px;
	left:auto;
	}


/* Planning Stories */

table .planning {margin-left:20px;}



.pdf-link {background-color:#CFC1A3; font-size:1.077em; display:block; width:300px; padding:12px 20px;}
.pdf-link:hover {background-color:#695822; color:#FFF;}
.pdf-link img {position:absolute; bottom:-20px; right:5px;}
html body.oakwrights form#aspnetForm div#pageshadow div#pagewrapper div#page div#contentwrapper div#pagemaincontent table tbody tr td div#rightContainer h3{font-size:12px;font-weight:normal;font-family:Arial;width:320px;margin-left:20px;}