/*-----------------------------------------------------------------------------
Woodstock Furniture

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2009
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Site Wide Rules
----------------------------------------------------------------------------- */
* {
  	margin: 0;
	padding: 0;
}

body {
	background: #032147 url(../images/body_bg.jpg) top left repeat-x;
	color: #fff;
	text-align: center; /* for IE + auto margins */
	font-family: Arial, sans-serif;
	font-size: small;
	line-height: 140%;
	}

/* =Outer Container
----------------------------------------------------------------------------- */
#outer_container {
	position: relative;
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/outer_container2_bg.jpg) top left no-repeat;
	}
	
/* =Inner Container
----------------------------------------------------------------------------- */
#inner_container {
	width: 900px;
	min-height: 100%;
	overflow:hidden;
	margin: 0 50px;
	padding: 0;
	}
    
/* =Logo
----------------------------------------------------------------------------- */

#logo{
	height:33px;
	text-align:left;
	margin:20px 0 0 0;
	padding:0;
	
}

#logo img{
	margin: 0;
	padding:0;
	}
	
/* =Main Navigation
----------------------------------------------------------------------------- */
#main_nav {
	float: right;
	margin:0 0 0 0;
	padding: 0;}

	
#home #main_nav .t-home a, #all_projects #nav .t-projects a, #approach #nav .t-approach a, #about #nav .t-about a, #press #nav .t-press a , #contact #nav .far_right a{ /* highlights the ON page */
	color: #fff;
	cursor: default;}
	
	
#nav ul { /* all lists */
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav li { /* all list items */
	float: left;
	margin:0;
	padding:0;
	width:7em; /* width needed or else Opera goes nuts */
}

#nav li a:link, #main_nav li a:visited {
	display: block;
	color: #ccc;
	padding: 4px 12px;
	margin:0;
	text-decoration: none;
	}

#nav li a:hover , main_nav li a:active {
	display:block;
	background-color: #003167;
	}

#nav li ul { /* second-level lists */
	position:absolute;
	padding:0;
	margin:0;
	_margin: 0 0 0 -40px; /* only seen by IE6 */
	width: 7em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	display: block;
	color: #fff;
	background-color: #032147;
}

#nav li ul a:link, #main_nav ul ul a:visited {
	background-color: #003167;
	color: #fff;
	margin:0;
	padding: 5px 0 5px 0;}

#nav li ul a:hover {
	color: #fff;
	background-color: #032147; }

#main_nav ul li.far_right a:link {
	padding-right: 0;}
	

/* =Sub Navigation
----------------------------------------------------------------------------- */
#sub_nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
	background-color: #00264E;}

#sub_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;}
	
#sub_nav ul li {
	float: left;}
	
#sub_nav li ul {
	position: absolute;
	display: none;
	background: transparent;}
	
#sub_nav ul li a:link, #sub_nav ul li a:visited {
	display: block;
	text-decoration: none;
	color: #ebebeb;
	font-size: 100%;
	padding: 4px 12px;}
	
#sub_nav ul li a:hover {
	color: #fff;
	background-color: #003A7B;}
	
#home #sub_nav .t-home a { /* highlights the ON page and takes away the padding from the right */
	color: #003167;
	cursor: default;
	padding-left: 10px;}
	
#home #sub_nav .tab-home,
#all_projects #sub_nav .tab-projects, #approach #sub_nav .tab-approach, #about #sub_nav .tab-about, #press #sub_nav .tab-press,  #contact #sub_nav .tab-contact {
	background-color: #003167;}
	
#all_projects #sub_nav .tab-kitchens {
	background-color: #003167;}

/* =Main Content
---------------------------------------------------------------------------------------------------- */
#main_content {
	background:#001832 url(../images/main_content_bg.jpg) top left repeat-x;
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
	}

/* =Copy Content
---------------------------------------------------------------------------------------------------- */
#copy_content {
	width: 720px;
	margin: 10px 0 10px 189px;
	padding: 0;
	border-left: 1px solid #666;}
	
#copy_content_base {
	clear:both;
	width: 720px;
	margin: 0 0 20px 189px;
	padding: 0;
	border-left: 1px solid #666;}
	
#copy_content h1 {
	text-align: left;
	padding: 0 10px 6px 10px;
	margin: 0 0 0 0;
	font-size: 1.4em;
	font-weight: normal;}
	
#copy_content p, #copy_content_base p {
	padding: 0;
	margin:5px 20px 5px 10px;
	font-size: 100%;
	line-height: 1.6em;
	color: #ccc;
	text-align: left;}
	
#copy_content p.home_slogan {
	color:#fff;
	font-size:1.4em;
	font-style:italic;
	}

#copy_content p a:link, #copy_content p a:visited {
	color: #ccc;
	text-decoration: none;
	padding-bottom: 0.02em;
	border-bottom: 1px dotted #CCC;}

#copy_content p a:hover {
	color: #fff;
	border-bottom: 0;
	background-color: #586473;
	border-bottom: 1px solid #586473;}
	
/* =Copy Content in Practice
---------------------------------------------------------------------------------------------------- */

#copy_content_practice {
	width: 650px;
	margin: 10px 0 20px 235px;
	padding: 0;
	border-left: 1px solid #666;}
	

	
#copy_content_practice h1 {
	text-align: left;
	padding: 0 10px 6px 10px;
	margin: 0 0 0 0;
	font-size: 1.4em;
	font-weight: normal;}
	
#copy_content_practice p {
	padding: 0;
	margin:0 20px 0 10px;
	font-size: 100%;
	line-height: 1.6em;
	color: #ccc;
	text-align: left;}

#copy_content_practice p a:link, #copy_content_practice p a:visited {
	color: #ccc;
	text-decoration: none;
	padding-bottom: 0.02em;
	border-bottom: 1px dotted #CCC;}

#copy_content_practice p a:hover {
	color: #fff;
	border-bottom: 0;
	background-color: #586473;
	border-bottom: 1px solid #586473;}



/* =/ end Copy Content in Practice
---------------------------------------------------------------------------------------------------- */
	
#approach_content {
	margin:0;
	padding:0;
}

#approach_content ul{
	list-style:none;
	margin:15px 0 10px 10px;
	padding:0;
	}
	
#approach_content li{
	list-style:none;
	margin: 0 10px 20px 10px;
	float:left;
	display:inline;
	}

#approach_content li img{
	border: 1px solid #ccc;
	list-style:none;
	float:left;
	display:inline;
}


#workshop_content {
	color:#CCCCCC;
	text-align:left;
	margin:20px 0 10px 20px;
	padding:0;
}


#workshop_content .timberheading, #news_content .timberheading, #testimony_content .timberheading{
	font-size:1.2em;
	color:#FFFFFF;
	line-height:1.5em;
	}
	

#workshop_content p{
	float:left;
	display:block;
	margin: 8px 10px 0 0;
	padding:0 0 10px 0;
	text-align:left;
}

#news_content, #testimony_content {
	width: 670px;
	margin: 10px 0 20px 195px;
	padding: 0;
	border-left: 1px solid #666;
}

#news_content p, #testimony_content p{
	display:block;
	margin: 5px 0 30px 10px;
	padding: 0;
	text-align:left;
}

#news_content h1, #testimony_content h1{
	font-size:1.2em;
	margin: 5px 10px 0 10px;
	padding:0;
	text-align:left;
}

#workshop_content p img{
	float:left;
	border: 1px solid #ccc;
	margin: 5px 20px 40px 0;
	padding: 0 0 0 0;
}

#news_content p img, #testimony_content p img{
	float:left;
	margin: 5px 20px 40px 0;
	padding: 0 0 0 0;
}


#practice_content {
	float:left;
	margin:0;
	padding:0;
}

#practice_content ul{
	list-style:none;
	margin:15px 0 10px 10px;
	padding:0;
	}
	
#practice_content li{
	list-style:none;
	margin: 0 10px 20px 10px;
	
	}

#practice_content li img{
	border: 1px solid #ccc;
	list-style:none;
}
	
/* =Content below copy (large ad buttons on the home page)
---------------------------------------------------------------------------------------------------- */
#sub_content ul {
	float:left;
	margin: 10px 0 0 0;
	padding: 0 0 20px 10px;}

#sub_content li {
	margin: 0;
	padding:0;
	display:inline;
	list-style-type: none;}

#sub_content li img{
	margin: 0 0 10px 0;
	float: left;
	list-style-type: none;}
	
#sub_content li a{ /* used for the large ad buttons on the home page */
	display: inline;
	font-size: 1.25em;
	float: left;
	background-color: #6a6c73;
	margin: 0 11px 20px 0;
	padding: 1px 1px 12px 1px;
	width: 165px;
	text-decoration: none;
	color: #ccc;}
	
#sub_content li a:hover {
	background-color: #032147;
	padding: 0 0 11px 0;
	border-top: 1px solid #6a6c73;
	border-right: 1px solid #6a6c73;
	border-left: 1px solid #6a6c73;
	border-bottom: 1px solid #6a6c73;}


/* =Projects Strip (each project type has it's own div)
---------------------------------------------------------------------------------------------------- */	
#projects_strip_kitchens {
	border-top: 1px solid #666;
	float: left;
	width: 890px;
	margin: 0 20px 10px 10px;
	_margin: 5px;
	padding: 0;}
	
#projects_strip_bedrooms, #projects_strip_bathrooms, #projects_strip_studies, #projects_strip_others {
	float: left;
	width: 880px;
	margin: 0 0 10px 10px;
	padding: 0;}
	
#projects_strip_kitchens h1, #projects_strip_bedrooms h1, #projects_strip_bathrooms h1, #projects_strip_studies h1, #projects_strip_others h1 {
	font-size: 1.2em;
	text-align: left;
	font-weight: normal;
	padding: 0 0 6px 0;
	margin: 0;
	border-bottom: 1px solid #666;}
	
#projects_strip_kitchens ul {
margin: 10px 0 0 0;
padding:0;
}
	
#projects_strip_kitchens li, #projects_strip_bedrooms li, #projects_strip_bathrooms li, #projects_strip_studies li, #projects_strip_others li {
	display:inline;
	list-style-type: none;}
	
#projects_strip_kitchens li.projects_strip_image a {
	float:left;
	display:inline;
	}
	
#projects_strip_kitchens .img_margin {
	margin: 2px 9px 2px 0;
	_margin: 4px 9px 4px 0;
	padding:0;
	border: 1px solid #6a6c73;}
	
#projects_strip_kitchens li.projects_strip_image a:hover .img_margin {
	border: 1px solid #cccccc;}
	
/* =Projects detail (slideshow)
---------------------------------------------------------------------------------------------------- */	
#projects_detail {
	float:left;
	width: 880px;
	margin: 5px 0 20px 10px;
	padding: 0;
	overflow:hidden;
	}
	
#projects_detail h1 {
	float:left;
	font-size: 1.1em;
	text-align: left;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0;
	}
	
#image_container {
	margin: 0 0 0 0;
	padding: 0;}
	
#image_container p {
	padding: 0;
	margin: 0;}
	
	
#image_container p.numbers {
font-size: 0.8em;
font-weight:normal;
}
	
#image_container img {
	border: 1px solid #6a6c73;
	margin: 5px 0 0 0;
	padding: 0;}
	
#projects_detail_wrapper {
	float:left;
	width:98%;
	border-top: 1px solid #6a6c73;
	border-bottom: 1px solid #6a6c73;
	
}
	
#projects_detail ul {
	letter-spacing: 0.1em;
	float:left;
	padding: 0;
	margin: 0 0 0 15px;
	_margin: 0 0 0 15px;
	width: auto;
	border-left: 1px solid #666;
	}
	
	
#projects_detail li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0;}
	
#projects_detail p.nav_R a{
	letter-spacing: 0.1em;
	text-decoration:none;
	color:#fff;
	float: right;}
	
#projects_detail p.nav_L a {
	letter-spacing: 0.1em;
	text-decoration:none;
	color:#fff;
	float: left;}

#projects_detail li a:link, #projects_detail li a:visited ,#projects_detail p.nav_R a:link ,#projects_detail p.nav_R a:visited, #projects_detail p.nav_L a:link, #projects_detail p.nav_L a:visited {
	display: block;
	text-decoration: none;
	color: #ebebeb;
	font-size: 0.7em;
	text-transform: uppercase;
	padding: 3px 12px 3px 12px;}
	
#projects_detail li a:hover, #projects_detail p.nav_R a:hover , #projects_detail p.nav_L a:hover {
	color: #fff;
	background-color: #586473;}

#projects_detail  li a:link .thumb_icon, #projects_detail  li a:visited .thumb_icon {
	border: 0;
	padding: 3px 6px 0 0;}
	
#projects_detail  li a:link .next_icon, #projects_detail  li a:visited .next_icon {
	border: 0;
	padding: 3px 0 0 6px;}
	
#projects_detail  li a:link .previous_icon, #projects_detail  li a:visited .previous_icon {
	border: 0;
	padding: 3px 6px 0 0;}
	
	
	
#google_map{
margin:0 10px 0 0;
padding:0;
float:right;
}
	
	
	
/* =Contact Form
---------------------------------------------------------------------------------------------------- */
	
#contact_form {
	float:left;
	margin: 10px 0 20px 20px;
	border-left: 1px solid #666;
	}
	
#contact_details p{
	text-align:left;
	width:200px;
	margin: 0 0 10px 20px;
	padding:0;
}

#contact_details p.thankyou{
	text-align:left;
	width:500px;
	margin: 0 0 10px 20px;
	padding:0;
}
	
#contact_form form {
	float:left;
}
	
#contact_form h1{
	margin: 0 0 20px 20px;
	text-align:left;
	font-size:1.4em;
	}

	
#contact_form fieldset {
	margin: 20px 20px 40px 20px;
	padding: 20px 80px 20px 80px;
	border: 1px  dotted #ccc;}
	
#contact_form legend {
	margin:0 0 0 0;
	padding: 0 0 20px 0;
	display:block;
	font-size:1.2em;
	}
	
#contact_form ul {
	font: 10px Verdana;
	color: #ccc;
	text-align: left;
	padding: 0;
	margin:0;
	list-style-type: none;
	}
#contact_form li {
	list-style: none;
	margin:0;
	line-height: 1.5em;
	padding: 0px 10px 10px;
	}
	
#contact_form li input, #contact_form li textarea {
	width: 400px;
	}
#contact_form li input.submit {
	width: auto;
	}

#contact_form a {
	color: #ccc;
	text-decoration: underline;
	}
#contact_form a:hover {
	color: #FFFFFF;
	padding-bottom: 5px;
	border-bottom-style: solid;
	padding-left: 30px;
	border-bottom-color: #FFFFFF;
	background-color: #A5ABB2;
	border-bottom-width: 1px;
	text-align: left;
	font-size: 10px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 30px;
	line-height: 1em;
	margin: 0px;
	}
	
.firstpara {
	font-weight: bold;
}
	
	
	
/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 900px;
	background-color: #032147;
	font-size: 80%;
	color: #afafaf;
	padding-top: 50px;}
	
#footer p {
	text-align: center;
}
	
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #afafaf;}
	
#footer a:hover {
	color: #fff;}
	
#footer ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;}
	
#footer ul li {
	display: inline;
	padding: 0 12px;
}
	
#footer li ul {
	position: absolute;
	display: none;
	background: transparent;}
	
#footer .siteby a:link, #footer .siteby a:visited {
	float: right;
	color: #292c37;}
	
#footer .siteby a:hover {
	color: #afafaf;}