/* 

STYLE SHEET FOR OAKWOOD BESPOKE
Created by Craig Grannell
www.snubcommunications.com

Table of contents
-------------------
	1. page defaults
	2. main layout
-------------------

>> baseline: 
>> grid settings: 

-------------------

Colour settings
Green: 007f60
Purple: 9c1351

Grid: 60/20

-------------------

*/

/* ---- 1. _page defaults  ---- */

@import url(css-defaults.css);

body {
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height: 20px;
		color: #252525;
		background: #389a82;
		}

#grid {
		}

/* ---- 2. _layout ---- */

.c {
		width: 940px;
		margin: 0 auto;
		}

#masthead {
		border-bottom: 10px solid #007f60;
		background: #ffffff;
		}

#masthead .c {
		position: relative;
		padding-top: 20px;
		height: 170px;
		}
		
	/* -- _logo -- */

h1 {
		background: url(images/oakwood-bespoke-logo.gif) no-repeat;
		}

h1 a {
		width: 320px;
		height: 130px;
		display: block;
		text-indent: -1000px;
		}

#callBlock {
		width: 320px;
		position: absolute;
		right: 0;
		top: 48px;
		color: #007f60;
		font-size: 18px;
		line-height: 39px;
		text-transform: lowercase;
		text-align: right;
		}
.cbBig {
		font-size: 24px;
		}
.cbNumber {
		font-size: 36px;
		background: #f7f5e2;
		padding: 0 5px;
		}
#callBlock strong {
		font-size: 24px;
		}
#callBlock a {
		color: #007f60;
		text-decoration: none;
		}
#callBlock a:hover {
		text-decoration: underline;
		}

	/* -- _navigation -- */

#navigation {
		position: absolute;
		bottom: 0;
		height: 30px;
		line-height: 30px;
		}

#navigation ul {
		list-style: none;
		}
	
#navigation li {
		display: inline;
		margin-right: 10px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		}

#navigation a {
		color: #007f60;
		text-decoration: none;
		}
#navigation a:hover {
		text-decoration: underline;
		}
li#nAboutUs, li#nStudies {
		border-right: 1px solid #007f60;
		padding-right: 10px;
		}

#facebook {
		position: absolute;
		right: -54px;
		top: 163px;
		}

/*
#pAboutUs #nAboutUs a {
		background: url(images/nav-active-page.gif) 50% 100% no-repeat;
		padding-bottom: 7px;
		}
	*/	

	/* -- content area -- */

#content {
		background: #efebc5;
		overflow-x: hidden;
		overflow-y: auto;
		padding-top: 37px;
		padding-bottom: 14px;
		}

#pHomePage #content {
		padding-top: 20px;
		padding-bottom: 0;
		}

#content h2 {
		font-size: 36px;
		font-weight: normal;
		color: #007f60;
		line-height: 40px;
		margin-top: -10px;
		margin-bottom: 19px;
		}

#content h3 {
		font-size: 16px;
		color: #252525;
		margin-bottom: 20px;
		}

#content h4 {
		font-size: 18px;
		color: #007f60;
		font-weight: normal;
		}

#content p {
		font-size: 13px;
		margin-bottom: 20px;
		}
		
#content p#thankyou {
		background: #ffffff;
		padding: 20px;
		font-size: 17px;
		text-align: center;
		}
		
#content p strong {
		color: #007f60;
		}
		
#content p.forQuote {
		font-size: 15px;
		}

#content p.forQuote strong {
		color: #252525;
		}

#content a {
		color: #000000;
		}

#content a:hover {
		background: #d9d07b;
		}

#copy, #imagery, #formColumn, #mapAndPhoneColumn {
		width: 460px;
		float: left;
		}

#pContactUs #copy,
#pAboutUs #copy,
#pKitchens #copy,
#pBedrooms #copy,
#pBathrooms #imagery,
#pStudies #imagery,
#formColumn {
		margin-right: 20px;
		}

blockquote {
		margin-top: 34px;
		color: #777777;
		font-size: 14px;
		font-weight: bold;
		background: url(images/blockquote.gif) 20px 3px no-repeat;
		padding: 0 60px;
		}

blockquote.cb {
		width: 620px;
		margin-left: auto;
		margin-right: auto;
		}

#content blockquote p {
		margin-bottom: 0;
		}

p.citation {
		text-align: right;
		}

#googleMap {
		margin-top: -5px;
		margin-bottom: 25px;
		padding: 5px;
		background: #ffffff;
		}
		
#googleMap p {
		margin: 0 !important;
		text-align: right;
		font-size: 11px;
		}
		
#googleMap img {
		display: block;
		}

#mapAndPhoneColumn {
		padding-top: 48px;
		}

.privacy {
		clear: both;
		color: #007f60;
		}

	/* -- _home page stuff -- */
				
#homePageStrap {
		background: #3c9c85 url(images/b-homePageStrap.gif) repeat-x;
		min-height: 200px;
		}

#homePageStrap .c {
		position: relative;
		}

#homePageStrap h2 {
		padding-top: 25px;
		margin-bottom: 20px;
		font-size: 36px;
		color: #ffffff;
		font-weight: normal;
		line-height: 40px;
		width: 620px;
		}
	
#homePageStrap p {
		font-weight: 14px;
		color: #ffffff;
		padding-left: 240px;
		}
	
#homePageStrap a {
		color: #ffffff;
		}

#homePageStrap a:hover,
#footer a:hover {
		background: #0f6650;
		}

#servicesBoxesContainer {
		overflow: hidden;
		height: 260px;
		width: 960px;
		margin-bottom: 19px;
		}

.servicesBox {
		width: 220px;
		height: 260px;
		float: left;
		margin-right: 20px;
		background-color: #d4c869;
		position: relative;
		}

.servicesBox img {
		border: 3px solid #ffffff;
		display: block;
		margin-bottom: 14px;
		}

.servicesBox:hover img {
		border-color: #007f60;
		}

.servicesBox a {
		display: block;
		position: absolute;
		width: 220px;
		height: 260px;
		background: url(images/shim.gif); /* required for IE/Win */
		}

.servicesBox a:hover {
		cursor: hand;
		background: transparent url(images/box-hover.png) 66px 31px no-repeat !important;
		}

.servicesBox:hover {
		background-color: #007f60;
		}	

#content .servicesBox h2 {
		font-size: 12px;
		line-height: 20px;
		text-transform: uppercase;
		margin: 0 5px 0 20px;
		color: #000000;
		font-weight: bold;
		float: left;
		}

#content .servicesBox:hover h2 {
		text-decoration: underline;
		color: #ffffff;
		}

#content .servicesBox p {
		font-size: 12px;
		font-weight: bold;
		padding: 0 18px 0 20px;
		margin-bottom: 0;
		}

#content .servicesBox:hover p {
		color: #ffffff;
		}

#showroomAd {
		position: absolute;
		top: 10px;
		right: -10px;
		width: 320px;
		height: 180px;
		background: url(images/home/showroom.jpg);
		}

#showroomAd p {
		padding-left: 0;
		padding-top: 115px;
		color: #000000;
		text-align: center;
		font-size: 12px;
		}

#showroomAd a {
		color: #000000;
		text-decoration: none;
		display: block;
		}

#showroomAd a strong {
		text-decoration: underline;
		}

#showroomAd a:hover {
		background: url(images/showroomAd-arrow.gif) 282px 50% no-repeat;
		}

#adBanner {
/*		height: 160px;*/
/*		padding: 0 20px 0 640px; */
		padding: 140px 0 0;
		background: #ffffff url(images/banners/home-2010-05.gif) no-repeat;
		margin-top: 20px;
		margin-bottom: 19px; 
		overflow: hidden;
		}

#adBannerS {
		margin-top: -6px;
		margin-bottom: 26px;
		width: 460px;
		height: 120px;
		overflow: hidden;
		}

.kitchensB {background: url(images/banners/kitchens-2010-05.gif);}
.bedroomsB {background: url(images/banners/bedrooms-2010-05.gif);}
.bathroomsB {background: url(images/banners/bathrooms-2010-05.gif);}

.bathroomsB p,
.kitchensB p,
.bedroomsB p {
		text-indent: -2000px;
		}

#adBannerS a {
		display: block;
		height: 120px;
		}

#adBannerS a:hover {
		background: none;
		}


#adBanner p {
		font: bold 13px/42px Arial, Helvetica, sans-serif;
		height: 39px;
		overflow: hidden;
		color: #9c1351;
/*		padding-top: 22px;*/
		margin-bottom: 0;
		background: #eee;
		padding: 0 20px;
		border-bottom: 1px solid #9c1351;
		position: relative;
		}

#adBanner p span {
		position: absolute;
		right: 20px;
		top: 0;
		}

#adBanner a {
		color: #9c1351;
		}

#content #adBanner strong {
		font-size: 18px;
		line-height: 20px;
		color: #9c1351;
		}
		
	/* -- form -- */
	
#content form strong {
		color: #252525;
		}

form input, form textarea {
		background: #faf7ed;
		border: 0;
		height: 20px;
		width: 270px;
		padding: 0 10px;
		border-left: 10px solid #d6cb6e;
		font: bold 13px/20px Georgia, "Times New Roman", Times, serif; 
		color: #000000;
		display: block;
		}

form textarea {
		height: 60px;
		}

form input:hover, form textarea:hover {
		background: #ffffff;
		}

form input:focus, form textarea:focus {
		border-left: 10px solid #007f60;
		background: #ffffff;
		}

form #checkboxes input, form #checkboxes input:focus, form #checkboxes input:hover {
		height: auto !important;
		display: inline !important;
		border: 0 !important;
		width: auto !important;
		padding: 0 !important;
		background: none !important;
		}

.formButton {
		border: 1px solid #252525;
		width: 150px;
		height: 30px;
		background: #faf7ed;
		text-align: center;
		line-height: 30px;
		}
		
.formButton:hover {
		border-color: #007f60;
		background: #ffffff;
		}

	/* -- footer -- */		
#footer {
		background: #389a82 url(images/b-footer.gif) repeat-x;
		overflow: auto;
		border-top: 1px solid #ffffff;
		min-height: 220px;
		}

#contactDetails, #standingCopy {
		padding-top: 26px;
		}

#contactDetails {
		width: 230px;
		float: left;
		margin-right: 10px;
		}

#standingCopy {
		width: 460px;
		padding-right: 240px;
		float: left;
		background: url(images/b-footer-logo.jpg) 480px 0 no-repeat;
		}

#footer p {
		font-size: 11px;
		color: #ffffff;
		margin-bottom: 20px;
		}

p#kbsa {
		padding-left: 80px;
		background: url(images/kbsa-footer.gif) 0 5px no-repeat;
		}

#footer a {
		color: #ffffff;
		}