@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:#000 }
p {font:12px Verdana, Arial, Helvetica, sans-serif}

a {color:#0000FF; text-decoration:underline}
a:hover {color:#FF0000; text-decoration:underline}
h1,h2,h3 {line-height:normal; font-weight:normal; padding:0; margin:0}

/* ID Styles */
#bg {width:100%; margin:0 auto; }
#container {width:945px; margin:0 auto}
#header {position:relative; background:url(images/template_01.jpg) no-repeat center; width:945px; height:153px;}
#headtext {height:30px; text-align:center; padding-top:10px}
#flash {position:relative; background:url(images/template_03.jpg) no-repeat top center ; width:925px; height:325px; padding:15px 10px 0px 10px; }
#content {position:relative; margin:0px; background:url(images/template_04.jpg) repeat-y top center; width:825px; padding:1px 60px 20px 60px; }
#footer { background:url(images/template_05.jpg) no-repeat center; width:885px; height:28px; padding:17px 0px 0px 60px;}

/* Navigation */

div.menu{
width:929px;
position:relative;
height:50px;
padding-left:16px;
z-index:1;
background:url(images/template_02.jpg)
}
ul.menu{
position:relative;
padding:0px;
margin:0px;
list-style-type:none;
color:#FFFFFF;
float:left;
width:auto;
text-align:center;
}
ul.menu a {padding:8px 39px; margin:0px 0px;}
ul.menu ul{
position:absolute;
list-style-type:none;
display:none;
margin-left:0px;/*position in FF*/
z-index:1;
width:170px;
text-align:left;
opacity:.95;
background:#666;
}
ul.menu ul ul{
position:absolute;
display:none;
margin-top:-26px;
margin-left:125px;/*position in FF*/
z-index:-1;
width:120px;
text-align:left;
opacity:.95;
}
ul.menu:hover ul {
display:block;}
ul.menu:hover ul ul{
display:none;}
ul.menu ul li:hover ul{
display:block;
}
ul.menu ul a, ul.menu ul ul a
{padding:5px 0px 5px 4px; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; margin: 0px}
a.menu{
display:block;
padding:5px 0px 5px 0px;
width:auto;
text-decoration:none;
color:#FFFFFF;
font:12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
a.menu:hover{
background:url(images/nav2.jpg);
color:#000;
}
body#home a#homenav,
body#about a#aboutnav,
body#manufacturing a#manufacturingnav,
body#office a#officenav,
body#contact a#contactnav,
body#joinery a#joinerynav,
body#club a#clubnav,
body#shop a#shopnav{
color: #60554d;
background:url(images/nav2.jpg);
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/*********** #navigation styles ***********/

ul#navigation { margin:1px 15px 1px 23px; padding:0; list-style:none; position:relative; display:block; height:25px; width:945px;  }

ul#navigation li { display:block; float:left; padding:0px; margin:0px; }

ul#navigation a { display:block; float:left; height:20px;  list-style:none; color:#fff; text-decoration:none; padding:5px 40px 0px 40px; font:12px Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; border-right:1px solid #5a534b; }

ul#navigation a:hover { color:#000066}

ul#navigation a.current {background:url(images/nav2.jpg); color:#333; padding-bottom:4px; margin-top:1px; }


/* subnavigation */
ul#subnavigation {position:absolute; left:270px; background:url(images/nav3.jpg); top:29px; margin:0px; padding:0px; list-style:none; display:block; height:20px; width:auto;  }

ul#subnavigation li { display:block; float:left; padding:0px; margin:0px; text-align:center;}

ul#subnavigation a { display:block; float:left; padding:5px 15px 0px 15px;  list-style:none; color:#000099; text-decoration:none;  font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; border:none; text-decoration:underline  }

ul#subnavigation a:hover {color:#000066; text-decoration:none  }

ul#subnavigation a.subcurrent { background:url(images/navdown_blue.gif) left no-repeat; color:#333; }


/* begin gallery styling */
#jgal { list-style: none; width: 290px;}
#jgal li { opacity: .5; float: left; display: block; width: 55px; height: 55px; background-position: 50% 50%; cursor: pointer; border: 3px solid #999; outline: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 15px; left: 385px; display: none; }
#jgal li.active img { display: block; border:3px solid #ccc}
#jgal li.active, #jgal li:hover { border: 3px solid #999; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; height:300px; width:900px; overflow:hidden; }
#gallery li { float: left; margin: 0 10px 10px 0; }

/* Class */

.header {font:20px Tahoma; color:#666; font-weight:normal; }
.bodyText {font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:justify; line-height:18px}
.center {font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:center; line-height:18px}
.small {font:10px Verdana, Arial, Helvetica, sans-serif; color:#333}
.footer {font:11px Verdana, Arial, Helvetica, sans-serif; color:#666}