/*  

colors

	off white #fffbed
	dark green #625931
	light green #ad9442
	dark red #5c1600 
	dark tan #eac371

*/


*

{ margin: 0; padding: 0; }


.clearfix

{	clear:both; 
	display:block; 
	height: 1px; 
	margin:-1px 0 0; }

body

{	font: 62.5% Georgia, "Times New Roman", Times, serif;  
	background: url(../images/body-bg.jpg) top center no-repeat #eac371;
	color:#625931;
	hi}
	
p { font-size:1.4em;
	line-height: 1.6em; 
	font-family:Georgia, "Times New Roman", Times, serif; }

a img, img

{ border: none; }

.right-img 

{ 	float:right; 
	margin: 2px 2px 2px 16px; }
	
.right-img img 

{	border: solid 3px #ad9442; }


.left-img 

{ 	float:left; 
	margin: 2px 16px 2px 2px; }
	
.left-img img
	
{ border: solid 3px #ad9442; }

a, a:visited

{	color:#5c1600; text-decoration:none; outline: none;   }

a:hover, a:active 

{	color:#fffbed; text-decoration:underline; outline: none;  }


ul	{ list-style: none; }


#page-wrap

{ 	width: 960px; 
	margin: 0 auto; }

#border-top

{	background: url(../images/border-top.gif) top center repeat-x; 
	height:9px; }

#header 

{	margin:25px 0 0 0; }

#logo 

{ 	background:url(../images/kitchen-bath-design-logo.jpg); 
	text-indent: -9999em;
	width:228px; 
	height:155px;
	float:left; }

#global-nav 

{	float:left; 
	width:732px; }


/* 
	LEVEL ONE
*/
ul.dropdown                         

{ 	position: relative;
	top:-11px; }

ul.dropdown li                      

{ 	font-weight: normal; 
	float: left; 
	zoom: 1; 
	height:26px; 
	width:121px; 
	font-size:1.6em;  }

ul.dropdown a:hover		            

{ 	color: #5c1600; 
	background:url(../images/nav-li-bg.png) center top no-repeat; 
	height:30px; 
	width:121px;
	padding:10px 0 0 0;    }

ul.dropdown a:active                

{ color: #fffbed; }

ul.dropdown li a                    

{ 	display: block; 
	padding: 10px 0 0 0; 
	color: #5c1600;
	height:30px; 
	width:121px; 
	text-decoration: none;
	text-align:center;}

ul.dropdown li:last-child a        

{ border-right: none; } /* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover                

{ position: relative; }

ul.dropdown li.hover a              

{ color: #625931; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }


                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



#content 

{	width:825px; 
	margin: 20px auto 10px auto;}
	
	


h2 

{	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.1em;
	line-height:2.6em; 
	color:#625931; }
	
h3 

{	color:#5c1600; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	line-height:1.6em;	}
	
#hp-featured 

{	background-image:url(../images/featured-box.png); 
	width:750px; 
	height:220px;
	padding:30px 50px 20px; }
	
#hp-featured h2 

{	color:#5c1600; 
	font-size:1.6em; }
	
#hp-featured ul li
 
{ float:left; display:inline; margin:0 0 0 30px;  }

#hp-featured a img { border: 3px #ad9442 solid; }

#hp-featured a:hover img {  border: 3px #fffbed solid;}

#hp-featured p { font-size:1.2em; color:#5c1600; font-weight:bold;  }

#hp-featured p span { font-size:1.0em; color:#625931; font-weight:normal;  }


/* Gallery styles  */
.photo-link

{ padding: 0; margin: 8px; border: 2px solid #999; display: block; width: 100px;
					  float: left; }
.photo-link:hover	

{ border-color: #fffbed; }

#footer-wrap

{	background-image:url(../images/footer-bg-top.gif); 
	background-repeat:repeat-x; 
	background-position:top; 
	background-color:#8e7b3b;
	padding: 20px 0 0 0;
	height:100%;
	margin: 20px auto 0 auto; }

#footer 

{	margin: 0 auto; 
	width:850px;
	padding: 0 0 0 30px; }	
	
#footer p

{ 	color:#fffbed;
	font-size:1.4em;
	padding:0 0 0 0 20px; }
q 

{	font-style: normal;  }



#contact

{	background-image:url(../images/contact-bg.jpg); 
	background-repeat:no-repeat; 
	background-position:center top;
	height:350px;
	width:824px; }

#contact-us 

{	float:left; 
	width: 260px;
	margin: 25px 0 0 50px;}

#contact h2

{	color:#fffbed; }

#contact-area 

{	width: 400px;
	margin: 25px 0 0 0;
	float:left; }

#contact-area input, #contact-area textarea 

{	padding: 5px;
	width: 270px ;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #eac371;
	background-color:#eac371;
	outline:none;}

#contact-area textarea 

{	height: 90px; }

#contact-area textarea:focus, #contact-area input:focus 

{	border: 2px solid #900;
	background-color:#eac371; 
	outline:none;}

#contact-area input.submit-button 

{	width: 285px;
	float: right; }

label 

{	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
	color:#ad9442; }

#product-list

{	font-size:1.4em; 
	list-style:inside; 
	width:270px;
	float:left;
	margin: 16px 0 0 0; }

#product-list li

{	padding: 9px 0 0 20px; }


#map

{	width:425px;
	height:350px; 
	float:right; 
	margin: 0 0 3px 6px;
	border: solid 3px #625931; }
	
#hours p

{	padding: 0 0 0 50px; 
	clear:both; }