@charset "utf-8";
body.bd{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #a48f72;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #d0c6a9;
}
.bd #container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #a48f72;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.bd #header {
	background: #a48f72 url(images/header.jpg) no-repeat top; 
	height:176px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.bd #menu{background:url(images/menubg.jpg) top no-repeat;height:42px;position:relative; top:134px;}

.bd #cart{float:right;width:55px;color: #d0c6a9;font-family:Arial, Helvetica, sans-serif;font-size:11px;position:relative; top:5px;right:115px;}
.bd #cart a{color:#d0c8a9; text-decoration:none;}
.bd #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.bd #mainWrapper {
	background: url(images/body.jpg) no-repeat;
	width:950px;
	height:390px;
}
.bd #contentWrapper {width:770px; height:390px;margin:0 auto;float:none; }

.bd #leftContent {float:left; width:261px; overflow:hidden;}
.bd #leftContent #leftText	 {height:390px; width:195px;padding-left:50px; padding-top:112px; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:21px;} 
.bd #mainContent {float:right; width:509px;}
.bd #mainContentText {background:url(images/contentBg.jpg) no-repeat top left; padding-top:58px; padding-left:23px; height:332px; float:left; width:486px; text-align:left;font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:21px;}
.mainBG{background:url(images/mainbg.jpg) no-repeat top left; height:390px;}
.faqBG{padding-left:22px;}
#galleryDiv {position:relative; left:15px; top:0px; height:390px; overflow:hidden;}
#gallery td{width:120px;height:180px;}
.bd #footer {
	height:81px;
	width:950px;	
	background:url(images/footer.jpg) #a48f72 no-repeat top;
}


/* 
	LEVEL ONE
*/
#menu ul {list-style:none;}
ul.dropdown                         {list-style:none; padding-top:5px; position:relative; left:55px; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: none; }
ul.dropdown a:hover		            { color: #d0c6a9; }
ul.dropdown a:active                { color: #d0c6a9; font-weight:bold; }
ul.dropdown li a                    { display: block; padding: 3px 23px; font-size:10px; font-family:arial; text-decoration:none; clear:both; border-right: 1px solid #d0c6a9;
	 								  color: #d0c6a9; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: none; color: black; position: relative; }

ul.dropdown li.hover a              { color: #d0c6a9; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ visibility: hidden; position: absolute; top: 100%; left:0; border:none;  }
ul.dropdown ul li 					{ font-weight: normal; width:115px; margin-left:-40px; background: #61836c; color: #d0c6a9; 
									  border-bottom: 1px solid #53785f; float: none; }
ul.dropdown ul li:hover,ul.dropdown ul li.hover 			{ background:#53785f;}				  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color: #d0c6a9; } 
.visible{ visibility:visible; }

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

li .menuactive {font-weight:bold; font-size:105%;}
a.menuactive {color:#fff;}

#navigation{ width:460px; position:relative; line-height:1.2; left:25px; height:245px; border-bottom:1px solid #495735; top:5px;}
#navigation ul {list-style:none; padding:0;}

#navigation a:link, #navigation a:visited{ font-size:11px; color:#6e8f69;}
#navigation a.odd {color:#e5dbbc;}

#content-scroll {

  width: 450px;
  height: 112px;
  margin-top: 8px;
  position:relative; top:7px; left:25px; 
  overflow: hidden;}
#content-scroll div {
height:117px;
}
#content-scroll div ul{padding:0; list-style:none;}
.faq_a{color:#e5dbbc; font-size:10px; font-style:italic;}
.faq_q{color:#e5dbbc; font-weight:bold; font-size:11px;}

a:link {color:#fff; text-decoration:none;}
a:hover {text-decoration:underline;}