/* generated by tripleginteractive.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:url(images/bg_texture.jpg) repeat;
 font-family:Arial, Helvetica, sans-serif;
} 
#furniture{
 width:100%;
 background:url(images/bg_furniture.gif) no-repeat center top;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
} 
 
#pagewidth{ 
 width:960px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
} 
 
#header{
 position:relative; 
 height:183px; 
 width:100%;
 /*ie6 trick*/overflow:hidden;
} 
#header_left_corner{
 float:left;
 width:8px;
 margin-top:177px;
 height:6px;
 background:url(images/bg_header_left_corner.png) no-repeat;
}
*html #header_left_corner{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_header_left_corner.png", sizingMethod="image");
} 
#header_left{
 width:290px;
 float:left;
}
#header_mid{
 margin-top:177px;
 width:87px;
 height:6px;
 float:left;
 background:url(images/bg_header1.png) repeat-x;
}
*html #header_mid{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_header.png", sizingMethod="image");
} 
#header_right{
 float:left;
 width:546px;
 margin-top:144px;
}
#header_right_corner{
 float:left;
 width:29px;
 margin-top:177px;
 height:6px;
 background:url(images/bg_header_right_corner.png) no-repeat;
}
*html #header_right_corner{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_header_right_corner.png", sizingMethod="image");
} 
/*navigation */

.nav{
width: 100%;
overflow: hidden;
height:39px;
}

.nav ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

.nav li{
display: inline;
margin: 0;
}

.nav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
}
.nav li a.mission-active{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_mission_active.png) no-repeat;
width:121px;
height:39px;
}
*html .nav li a.mission-active{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_mission_active.png", sizingMethod="crop");
 cursor:pointer;
}
.nav li a.mission{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_mission.png) no-repeat;
width:121px;
height:39px;
}
*html .nav li a.mission{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_mission.png", sizingMethod="crop");
 cursor:pointer;
}


.nav li a.featured-active{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_featured_active.png) no-repeat;
width:143px;
height:39px;
}
*html .nav li a.featured-active{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_featured_active.png", sizingMethod="crop");
 cursor:pointer;
}
.nav li a.featured{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_featured.png) no-repeat;
width:143px;
height:39px;
}
*html .nav li a.featured{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_featured.png", sizingMethod="crop");
 cursor:pointer;
}


.nav li a.products{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_designs.png) no-repeat;
width:126px;
height:39px;
}
*html .nav li a.products{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_designs.png", sizingMethod="crop");
 cursor:pointer;
}
.nav li a.products-active{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_designs_active.png) no-repeat;
width:126px;
height:39px;
}
*html .nav li a.products-active{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_designs_active.png", sizingMethod="crop");
 cursor:pointer;
}
.nav li a.contact{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_contact.png) no-repeat;
width:133px;
height:39px;
}
*html .nav li a.contact{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_contact.png", sizingMethod="crop");
 cursor:pointer;
}
.nav li a.contact-active{
float: left;
display: block;
text-decoration: none;
margin: 0;
background:url(images/nav_contact_active.png) no-repeat;
width:133px;
height:39px;
}
*html .nav li a.contact-active{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_contact_active.png", sizingMethod="crop");
 cursor:pointer;
}
.nav li a span{ display:none; }

.nav li a:visited{ }

.nav li a:hover, .nav li.selected a{
}
/*END navitgation */

#logo {
 margin:78px 0 0 0px; padding:0;
}
#logo a {
 display:block;
 width:290px; height:105px;
 margin:0; padding:0;
 background:url("images/oak-barrel-company-logo.png") top left no-repeat;
 text-decoration: none;
 outline:none;
}
#logo a span { display:none; }
*html #logo a{
 background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/oak-barrel-company-logo.png", sizingMethod="crop");
}
.banner{
 float:left;
 display:inline; 
 position: relative; 
 width:909px;
 background:url(images/bg_banner.gif) repeat-y;
 padding:24px 27px 0 24px;
}
.slideshow{ border:5px solid #393734; height:360px; }
.subpagebanner{
 float:left;
 display:inline; 
 position: relative; 
 width:100%;
 background:url(images/bg_banner.gif) no-repeat;
}
.subpageslideshow{ padding:24px 0 0 24px; }

.featuredbanner{
 float:left;
 display:inline; 
 position: relative; 
 width:100%;
 background:url(images/bg_banner.gif) repeat-y;
 padding-bottom:25px;
}

#featured{
 background-color:#393734;
 width:904px;
 height:602px;
 padding:5px;
 margin:24px 0 0 24px;
 float:left;
 display:inline;
}
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:100%;
 padding:16px 0 24px 0;
 background:url(images/bg_body.gif) repeat-y; 
}
.maincol-content{
 float:left;
 display:inline;
 margin:0 27px 0 24px;
 width:909px;
}
.sidebar-left{
 float:left;
 width:350px;
}
.products-left{
 float:left;
 width:216px;
}
.body-right{
 float:right;
 display:block;
 width:519px;
 text-align:left;
}
.products-right{
 float:right;
 display:block;
 width:678px;
 text-align:left;
}
.products-main-right{
 float:right;
 display:block;
 width:683px;
 text-align:left;
}
#products-container1, #products-container2{ width:100%; }
.align-right{ text-align:right; }
.align-left{ text-align:left; padding-left:7px; }
#main_image{
 width:670px; 
 height:445px; 
 margin-top:12px;
 float:left;
}
#main_image img{ border:1px solid #393734; }
ul.gallery_thumbs {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width:678px;
}

.gallery_thumbs li{
 display: inline;
 margin: 0;
 padding:0;
 width:160px;
 height:106px;
 border:1px solid #393734;
 margin: 10px 8px 10px 0;
}


h2.title {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 24px;
	display: inline;
	text-transform:uppercase;
	color:#3c403c;
}
p{
 font-size:13px;
 line-height:21px;
 color:#3c403c;
 margin:0;
 padding:0;
}
.featured_top{
 margin:4px 0 20px 0;
 border:none;
}
.moto{
 padding-top:7px;
}
.productmenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 213px;
}

.productmenu a{
 font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color: #3c403c;
 display: block;
 width: auto;
 padding: 3px 0;
 padding-left: 10px;
 text-decoration: none;
 border-bottom:1px solid #eeeeee;
}
* html .productmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 213px;
}
.productmenu li a:visited, .productmenu li a:active{
color: #3c403c;
}
.productmenu li a:hover, .productmenu li.selected a{
color:#da3118;
}

.prod226{
 position: relative;
 overflow: hidden;
 float: left;
 width:221px;
 height:110px;
 margin:0 10px 10px 0;
}
.prod226R{
 position: relative;
 overflow: hidden;
 float:right;
 width:221px;
 height:110px;
 margin-bottom:10px;
}
.prod img {
position: absolute;
top: 0; left: 0;
border:none;
}

.success {
	width: 499px;
	padding: 10px;
	margin: 5px 0px;
	background: #669933;
	border: 1px solid #006600;
	color: #eeeeee;
}
.error {
	width: 499px;
	padding: 10px;
	margin: 5px 0px;
	background: #da3118;
	color: #eeeeee;
	border: 1px solid #990000;
}
.submitbtn{ background:url(images/btn_submit_sent.png) no-repeat; width:52px; height:22px; }
#submitinput{ background:url(images/btn_submit.png) no-repeat; width:52px; height:22px; border:none; cursor:pointer; }

p label { width:50px; float:left }

.front{ margin-top:82px; }
.noshow{ visibility:hidden; }
.new{ color:#1598e8; }

#footer{
 height:135px; 
 clear:both;
 background:url(images/bg_footer.png) no-repeat;
 padding-bottom:20px;
} 
.footer_text{
 padding-left:129px;
 padding-top:88px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:normal;
 color:#393734;
 font-size:12px;
 line-height:23px;
}
.footer_text a:link {color: #393734; text-decoration:none;}     /* unvisited link */
.footer_text a:visited {color: #393734; text-decoration:none;}  /* visited link */
.footer_text a:hover {color: #da3118; text-decoration:underline;}   /* mouse over link */
.footer_text a:active {color: #da3118; text-decoration:underline;}   /* selected link */

a.tripleginteractive:link {color: #393734; text-decoration:none;}     /* unvisited link */
a.tripleginteractive:visited {color: #393734; text-decoration:none;}  /* visited link */
a.tripleginteractive:hover {color: #1598e8; text-decoration:none;}   /* mouse over link */
a.tripleginteractive:active {color: #1598e8; text-decoration:none;}   /* selected link */ 
 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */