@charset "utf-8";

* { padding: 0; margin: 0; }

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #355e3b url(../images/bg.gif);
	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: #000000;
}

#wrapper { 
	width: 765px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(../images/wood048.jpg);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 2px solid #003300;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
 width: 765px;
 float: left;
}

#navigation {
	float: left;
	width: 765px;
	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: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#leftcolumn {
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-bottom: 5px;
	width: 220px;
	float: left;
	height: 700px;
}


.fbconnect {
	width: 200px;
	margin-top: 20px;
	background-color: white;
	margin-left: 10px;
	border: 2px solid #003300;
}

#rightcolumn {
	float: right;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 523px;
	display: inline;
	opacity:0.85;
	filter:alpha(opacity=85);
	min-height: 700px;
}

#footer {
	width: 745px;
	height: 90px;
	border-top: 2px solid #003300;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	color: white;
	vertical-align: bottom;
}





ul#tabnav {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

ul#tabnav li {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 153px;

}

ul#tabnav li a, ul#tabnav li a:visited {
	text-decoration: none;
	display: block;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 8px;
	height: 21px;
}

ul#tabnav li a:hover, ul#tabnav li a.selected {
	background-position: -153px 0px;
	color: #FFFFCC;
}

#main-image {
	width: 765px;
	height: 291px;
}	

#image-left {
	width: 500px;
	height: 175px;
	float: left;
}

#image-right {
	background-image: url(../images/image-right.png);
	height: 175px;
	float: right;
	padding-top: 80px;
	width: 265px;
	float: right;
}
	
#select {
	position: absolute;
	top: 50px;
	left: 5px;
}

#content {
	height: auto;
	margin: 0;
	padding: 0;
}

#menuColumn {
	width: 250px;
	float: left;
	height: 500px;
}

#content-info {
	width: 510px;
	float: right;
	height: 500px;
	background-color: #FFFFFF;
	overflow: auto;
}


.arrowsidemenu{
	width: 220px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../images/arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #006600;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #003300;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
	background-color:#FFFFFF;
	letter-spacing: .3 ;
}

.arrowsidemenu ul li a:hover{
	background: #d5e5c1;
}

#specials {
	width: 150px;
	height: 150px;
	text-align: center;
	background-color:#FFFFFF;
	border: 2px solid #003300;
	opacity:0.85;
	filter:alpha(opacity=85);
}

#specials a:link {
	font: 12px "Times New Roman", Times, serif;
	color: #009900;
	text-decoration:none;
}

#specials a:visited {
	font: 12px "Times New Roman", Times, serif;
	color: #009900;
	text-decoration:none;
}

#copy {
	float: left;
}

#foot-right {
	float: right;
	margin-right: 50px;
}

#images {
	width: 450;
	text-align: center;
	border: 5px #006600 outset;
	height: 160px;
}

#images-btm {
	width: 98%;
	text-align: center;
	border: 5px #006600 outset;
	height: 95px;
}

#left {
	float: left;
	width: 150px;	
	padding: 5px;
	vertical-align: middle;
}

#center {
	float: left;
	width: 150px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	vertical-align: middle;
}

#right {
	float: right;
	width: 150px;
	padding: 5px;
	vertical-align: middle;
}

#left-duette {
	float: left;
	width: 50%;
}

#right-duette {
	float: right;
	width: 50%;
}

#row-1, #row-2, #row-3 {
	width: 530px;
	height: 165px;
	font: 12px "Times New Roman", Times, serif;
}

#prod-head {
	width: 250px;
	text-align: center;

}

#product1, #product3, #product5 {
	border: 2px #006600 outset;
	float: left;
	width: 250px;
	padding: 0 5px 5px 5px;
}

#product2, #product4, #product6 {
	border: 2px #006600 outset;
	float: right;
	width: 250px;
	padding: 0 5px 5px 5px;
}

#prod1-detail, #prod2-detail, #prod3-detail, #prod4-detail, #prod5-detail, #prod6-detail  {
	text-align: center;
	width: 120px;
	float: right;
}

#prod1-image, #prod2-image, #prod3-image, #prod4-image, #prod5-image, #prod6-image {
	float: left;
	width: 100px;
	padding-right: 5px;
}

.cat-head { 
	cursor: pointer;
}

#product1 a:link, #product2 a:link, #product3 a:link, #product4 a:link, #product5 a:link, #product6 a:link {
	font: 12px "Times New Roman", Times, serif;
	color: #009900;
	text-decoration: none;
}

#product1 a:visited, #product2 a:visited, #product3 a:visited, #product4 a:visited, #product5 a:visited, #product6 a:visited {
	font: 12px "Times New Roman", Times, serif;
	color: #009900;
	text-decoration: none;	
}

.p-cont {
	height: 60px;
}

#link-head {
	width: 250px;
	text-align: center;

}

#link-row {
	width: 530px;
	height: 100px;
	font: 12px "Times New Roman", Times, serif;
}

#link-left {
	border: 2px #006600 outset;
	float: left;
	width: 250px;
	padding: 0 5px 5px 5px;
}

#link-right {
	border: 2px #006600 outset;
	float: right;
	width: 250px;
	padding: 0 5px 5px 5px;
}

#link-detail {
	text-align: left;
	width: 150px;
	float: right;
}

#link-image {
	float: left;
	width: 90px;
	padding-right: 5px;
}

#link-row a:link {
	font: 12px "Times New Roman", Times, serif;
	color: #009900;
	text-decoration: none;
}

#link-row a:visited {
	font: 12px "Times New Roman", Times, serif;
	color: #009900;
	text-decoration: none;	
}

.testimonial {font-size: 12px}

#promo {
	font-size:xx-small;
	float: left;
	margin-top: -10px;
	width: 430px;
}