/*
Jean Louis
	  
*/

* { padding: 0; margin: 0; }

html, body {
height: 100%;
}

h4 {
color:#7d6136;
padding:2px;
}

.titleBrown {
color:#7d6136;
font-weight:bold;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px;
}

.SubHead {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.boldTitles {
color:#91826b;
font-size:14px;
font-weight:bold;
}
	
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#926c32;
margin-left: auto; 
margin-right: auto;
}
#table_01 {
width: 703px;
*width:718px;
background-color:#FFFFFF;
}

table {
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.tableBorderL {
background-color:#6699FF;
background: #585858 url(images/index_01.jpg);
background-repeat:repeat-y;
background-color:#585858;
width: 89px;
*width: 39px;
}

.tableBorderR {
background-image:url(images/index_03.jpg);
background-repeat:repeat-y;
background-color:#585858;

*width: 35px;
}

.gallerycontainer{
position: relative;
width: 648px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.brown {
width:650px;
background-color: #7d6136;
height:27px;
*height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.brown a:visited{
color:#FFFFFF;
text-decoration:none;
}

.brown a:hover{
color:#FFFFFF;
text-decoration:none;
}

#header {
width: 647px;
*width: 660px;
color: #333;
padding: 5px;
height: 25px;
*height: 35px;
background-color: #7d6136;
border-bottom: 1px solid #FFFFFF;
}

#navigation {
margin: 0;
width: 635px;
*width: 655px;
height:295px;
color: #333;
background-color:#FFFFFF;
}

.smallBanner {
margin-left: 20px;
*margin-left: 0px;
width: 443px;
height:56px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

.flashBanner {
margin-left: 0px;
*margin-left: 0px;
width: 419px;
*width: 443px;
height:356px;
*height:295px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

#flashContainer {
width:420px;
padding-right: 15px;
*padding-right: 0px;
}

#menuContainer {
margin: 0;
float:left;
width:185px;
height:290px;
background-color:#FFF;
}

#content {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 650px;
*width: 650px;
color: #333;
background-color:#FFFFFF;
padding-bottom:30px;
*padding-bottom:0px;
}

#textBlock {
float:left;
width: 435px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#fadeRight {
float:left;
width:195px;
*width:200px;
height:479px;
*height:375px;
background-image:url(images/brownFade.jpg);
background-repeat:no-repeat;
background-position:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px;
*padding:5px;
}

.btCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color:#333333;
}

.btCopy a:link , a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
}

#footer {
width: 644px;
*width: 660px;
height:35px;
*height:45px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
padding:7px;
color:#FFFFFF;
background-image:url(images/index_09.jpg);
margin-top:5px;
bottom:0;
}

#footer a:link {
color:#FFFFFF;
}

#footer a:visited {
color:#FFFFFF;
}

#footer a:hover {
color:#7d6136;
}

.topButtons {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.topButtons a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
}

.topButtons a:visited {
color:#FFFFFF;
text-decoration:none;
}

.topButtons a:hover {
color:#FF0000;
text-decoration:none;
}


#logo {
width: 215px;
*width: 215px;
height:120px;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#navcontainer {
width: 190px;
*width: 200px;
color:#6666CC;
}

#navcontainer ul
{
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

#navcontainer li {
margin: 1px 0 1px 0;
text-indent: 25px; 
}

#navcontainer li a
{
display: block;
padding: 5.5px 5px 8px 20px;
*padding-bottom: 9px;
width: 190px;
*width: 216px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #FFF;
background-image: url(images/menu_off.jpg);
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer a:hover
{
background-color: #FFF;
background-image: url(images/menu_on.jpg);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
background-color: #FFFFFF;
background-image: url(images/menu_on.jpg);
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#subnavlist ul
{
border: 0;
border-left: 0.8em solid #26a;
padding: 3px 4px;
margin-left: -20px;
background-color:#999900;
}

#subnavlist li a
{
border: 0;
border-left: 0.8em solid #26a;
padding: 3px 4px;
margin-left: -20px;
background-color:#999900;
}

/*Gallery Menu*/
#gallery{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#gallery ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 500px;

}

* html #gallery ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#gallery ul li{
display: inline;
}


#gallery ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 4px 4px 4px;
text-decoration: none;
background: white url(images/menudivide.gif) top right repeat-y;
}

#gallery ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 3px solid #d2c8b9;
padding-bottom: 0;
}

/*Gallery Menu 2*/
#galleryMenu2{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#galleryMenu2 ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#galleryMenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#galleryMenu2 a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#galleryMenu2 a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#galleryMenu2 #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
}

#galleryMenu2line{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

/*Menu Sublist*/
#subMenu{
padding: 0;
width: 643px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#subMenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#subMenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#subMenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 2px 7px;
text-decoration: none;
letter-spacing: 1px;
background-color: #957f5a; /*Default menu color*/
border-bottom: 1px solid white;
}

#subMenu a:hover{
background-color: #7d6136; /*Menu hover bgcolor*/
}

#subMenu #current a{ /*currently selected tab*/
background-color: #af9f85; /*Brown color theme*/ 
border-color: #af9f85; /*Brown color theme*/ 
}

#subMenuline{
clear: both;
padding: 0;
width: 657px;
*width: 660px;
height: 5px;
line-height: 5px;
background: #af9f85; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

/*Railing Style*/
#railingContainer {
width:635px;
*width:640px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.railingIMG {
float:left;
width:185px;
padding: 5px;
}

.railingText {
float:left;
width:430px;
*width:435px;
padding: 5px;
}

#railingContainer a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#railingContainer a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}

#railingContainer a.p1:hover .large {
display:block; 
position:absolute; 
top:-65px; 
left:150px; 
width:300px; 
height:300px; 
border:10px solid #ccc;
}

#linkContainer {
width:640px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.linksIMG {
float:left;
width:315px;
padding: 5px;
}

.linksText {
float:left;
width:300px;
*width:315px;
padding: 5px;
}

.woodIMG {
float:left;
width:288px;
padding: 5px;
}

.woodText {
float:left;
width:350px;
*width:335px;
padding: 5px;
}

#linkContainer a:link{
color:#7d6136;
font-weight:bold;
}

#linkContainer a:visited{
color:#7d6136;
font-weight:bold;
}

#linkContainer a:hover{
color:#000000;
font-weight:bold;
text-decoration:none;
}



#deckContainer {
width:640px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.deckIMG {
float:left;
width:260px;
*width:320px;
padding: 10px;
padding-left: 50px;
}

#railContainer {
width:640px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin-left: 20px;
}

.railTitle {
color:#91826b;
font-size:14px;
font-weight:bold;
}

.railIMG {
float:left;
width:284px;
padding: 10px;
}

.railText {
float:left;
width:470px;
height:130px;
padding:5px;
}

/*Containers*/
.shiftcontainer{
float:left;
position: relative;
left: 15px; /*Number should match -left shadow depth below*/
padding-left: 10px;
top: 15px; /*Number should match -top shadow depth below*/
padding-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.shadowcontainer{
width: 300px; /* container width*/
background-color: #beb09a;
height: 110px;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

a.linkopacity img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

a.linkopacity:hover img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
}

.style1 {
	font-size: 25px;
	font-weight: bold;
}

.gallery {
float:left;
background-color:#7d6136;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
border-right: 1px solid #FFFFFF;
padding: 2px;
text-align:center;
}

.gallery a:link {
text-decoration:none;
color:#FFFFFF;
}

.gallery a:visited {
text-decoration:none;
color:#FFFFFF;
}

.gallery a:hover {
text-decoration:none;
color:#FFFFFF;
background-color: #957f5a;
}

a:link {color:#000000;text-decoration:none;}
a:visited {color:#000000;text-decoration:none;}
a:hover {color:#CC0000;text-decoration:underline;}
a:active {color:#000000;text-decoration:none;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*Form*/
.column1-unit {
padding-left:0px;
padding-bottom:10px;
float:left;
}

.contactform {
width:630px; 
padding:0px 0px 0 0px; 
border:solid 1px #FFF;
}

.contactform fieldset {
padding:0px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; 
margin:0 0 0px 0; 
border:solid 1px #FFF;
}

.contactform fieldset legend {
margin:0 0 0 5px !important /*Non-IE*/; 
margin:0 0 10px 5px /*IE6*/; 
padding:0 2px 0 2px; 
color:#FFF;
font-weight:bold; 
font-size:12px;
}

.contactform label.left {
float:left; 
width:100px; 
margin:0 0 0 10px; 
padding:2px; 
font-size: 12px;
color: #FFF;
}

.contactform select.combo {
width:175px; 
padding:2px; 
border:solid 1px #FFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

.contactform input.field {
width:275px; 
padding:2px; 
border:solid 1px #FFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

.contactform textarea {
width:275px; 
padding:2px; 
border:solid 1px #FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.contactform input.button {
float:right; 
width:9.0em; 
margin-right:32px; 
margin-top: 5px;
margin-bottom:2px;
padding:1px !important /*Non-IE6*/; 
padding:0 /*IE6*/; 
background-color:#f0f0f0;
border:solid 1px #FFF;
text-align:center; 
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size: 12px;
}

.contactform input.button:hover {
cursor: pointer; 
border:solid 1px #FFF;
background-color:#f0f0f0;
color:#FFF;
}

/*End Form*/
#typeIMG {
float:right;
z-index:-1;
}
.order {
z-index:-1;
}

#navcontainer2 {
float:left;
width: 100px;
*width: 120px;
color:#6666CC;
z-index:1;
}

#navcontainer2 ul
{
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
}

#navcontainer2 li {
margin: 1px 0 1px 0;
text-indent: 38px; 
}

#navcontainer2 li a
{
display: block;
padding: 3px 3px 4px 7px;
width: 100px;
*width: 120px;
background-color: #FFF;
background-image: url(images/menu_off.jpg);
}

#navcontainer2 a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #FFF;
background-image: url(images/menu_on.jpg);
color: #333;
}