/*Richard Foster-Hall Warwickshire Furniture-maker Copyright 2006/7/8*/
/*Design Rob Harland, RHA Ltd.*/ 

body {
	background-color: #b7aba5;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	text-align: 	center;
	}
	
/* =-=-=-=-=-=-=-[Layout and Navigation]-=-=-=-=-=-=-=- */
	
div#container  {	
	position:		relative;	/*datum for positioning and centering*/
	margin-left: 	auto;
	margin-right:	auto;  
	width:			988px;
	text-align:		center;
	background:		#b7aba5;
	}	
div.top {
	position:		relative;
	z-index:		20;
	top:			30px;
	left:			40px;
	width:			725px;
	font-size: 		14px;
	color: 			#f4eeec;
	font-weight: 	600;
	letter-spacing: 0.15em;
	text-align:		left;
	}
div.top h1 	{	
	padding: 0; margin: 0;  font-size: 1em; 	
	}
.top p span {
	padding: 		2em 0.5em;
	color:  		#fbffff;		/*#f1dbba tan #c04f2b	red */
	font: 			400 140%/100% Verdana, Arial, Helvetica, sans-serif;
	}
#nav {
	position:		absolute;
	z-index:		20;
	top:			170px;
	left:			40px;
	height:			650px;
	width:			190px;
	background-image: url(assets/images/grad1.jpg);
	background-repeat: repeat-x;
	font-size: 		95%;
	line-height: 	24px;
	font-weight: 	bold;
	text-align: 	center;
	}
em.contacts {	/*was highlighted in the sidebar v1*/
	font-size:		18px;
	font-weight:	bold;
	text-align:		center;
	color: 			#c04f2b;
	font-style: 	normal;
	line-height: 	28px;
	}
#pg 	{ 	
	position: 		absolute; 
	z-index: 		30; 
	top: 			186px; 
	left: 			205px;
	height: 		400px; 
	width: 			24px; 
	padding: 		0;  
	}
div.gallery {
	z-index:		20;
	position:		absolute;
	top:			170px;
	left:			290px;
	/*height:			650px;*/
	width:			264px;
	}
div.gallery2 {
	z-index:		20;
	position:		absolute;
	top:			170px;
	left:			610px;
	/*height:		650px;*/
	width:			264px; 
	}
	
.blurb		{
	position: 		absolute; 
	top: 			170px; 
	left: 			270px;
	height: 		450px;  
	width: 			500px;  
	text-align:		left;	
	}
.blurb h2, .blurb h3	{
	color:			#faf6ef;
	}	
.blurb img 	{
	float: 			right;
	}
.blurb p	{
	padding: 		0em 2em 0em 0em;  
	font-size: 80%;
	}
.altnav 	{
	width:			875px;
	position: 		absolute;
	top: 			970px;
	left: 			75px;
	padding:		10px 0px ;
	border:			none;
	font-size:		90%;	
	color: 			red;
	text-align:		center;			
	}	
		
/* contact links only */
.nav  a:link	{	font-weight: bold;  color: #c04f2b; text-decoration: none;	}
.nav  a:visited	{	font-weight: bold;  color: #c04f2b; text-decoration: none;	}	
.nav  a:hover	{	color:  #f4eb8e;  }
.nav  a:active	{	color:  #f4eb8e;  }	

/* altnav links only */
.altnav  a		{	
	font:  			800 90%/140% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	padding: 		0.4em 0 0.1em 0; 
	border-bottom: 	1px solid #fff;
	color:			#fff;
	}	
.altnav  a:hover	{	color:  #f4eb8e;  	}
.altnav  a.strap	{	color:	#fff;		}

div.layer {
	position:		absolute;
	background:		url(assets/images/blockplane_270.jpg) no-repeat;
	height:			187px;
	width:			270px;		
	top:			0px;
	left:			700px;
	z-index:		10;
	}
div.layer2 {
	position:		absolute;
	background:		url(assets/images/beechleaves_270.jpg) no-repeat;
	height:			201px;
	width:			270px;		
	top:			550px;
	left:			0px;
	z-index:		30;
	text-align:		left;
	}
#valid		{
	position:	absolute;
	top:		900px;
	left:		75px;
		
	}
#valid img {
	border:		none;	
	}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.altnav h3 {
	font: normal 90%/140% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}	
/* =-=-=-=-=-=-=-[Navigation Menu]-=-=-=-=-=-=-=- */
	
#menu2 {
	width: 			170px;
	margin: 		15px 5px 5px 5px;
	text-align:		left;
	padding-left:	0px;
	text-indent: 	10px;
	}
#menu2 li a {
	height: 		32px;
	width:		160px;
	text-decoration: none;
	display:		block;
	padding:		6px 0px 2px 0px;
  	voice-family: "\"}\""; 
  	voice-family: 	inherit;
	height: 		24px;
	}
#menu2 li a {
	color: 			#fff;
	}
#menu2 li a:hover {
	color: 			#283a50;
	background: 	url(assets/images/menu2_2.gif) 0px -32px;
	}
#menu2 li a:active	{
	color: 			#fff;
	background: 	url(assets/images/menu2_2.gif) 0px -32px;
	}
#menu2 ul ul li	{
	font-size: 		85%;
	padding-left: 	6px;
	}
body#home div#pg {
	background:		url(assets/images/arrow2.gif) 100% 0% no-repeat;
	}
body#kitchens div#pg {
	background:		url(assets/images/arrow2.gif) 100% 32px no-repeat;
	}	
body#dining div#pg {
	background:		url(assets/images/arrow2.gif) 100% 64px no-repeat;
	}
body#libraries div#pg {
	background:		url(assets/images/arrow2.gif) 100% 96px no-repeat;
	}	
body#panelled div#pg {
	background:		url(assets/images/arrow2.gif) 100% 128px no-repeat;
	}
body#pieces div#pg {
	background:		url(assets/images/arrow2.gif) 100% 160px no-repeat;
	}
body#joinery div#pg {
	background:		url(assets/images/arrow2.gif) 100% 192px no-repeat;
	}	
body#construction div#pg {
	background:		url(assets/images/arrow2.gif) 100% 224px no-repeat;
	}
body#about div#pg {
	background:		url(assets/images/arrow2.gif) 100% 256px no-repeat;
	}	
body#commissions div#pg {
	background:		url(assets/images/arrow2.gif) 100% 288px no-repeat;
	}
body#contacts div#pg {
	background:		url(assets/images/arrow2.gif) 100% 320px no-repeat;
	}					
/*body#about #menu2 li.about	{				alternative page indicator
	border-right:	3px solid #810908;
	}*/
	
/*=-=-=-=-=-=-Gallery-=-=-=-=-=-=-=-*/
img.thumb {		/*could eliminate this class*/
	border:	2px black solid;
	}

.gallery img  {	border: 2px black solid;	}
.gallery2 img {	border: 2px black solid;  	}

div.gallery a:hover img, div.gallery2 a:hover img	{
	border:	2px #fbffff solid;
	}
.caption {
	font-size: 85%;
	font-weight: bold;
	color: #fbffff;	/*was f4eeec*/
	margin-bottom: 15px;
	margin-top: 8px;
	width: 264px;
	text-align: center;
	height: 20px;
	}