body {
	background-color: #000;
	margin:0;
	padding:0;
	text-align:center;
	font: "Book Antiqua", "Times New Roman" serif;
}

/*page divs*/
div#container{text-align:center; padding:0;  width:900px; margin:auto; padding-top:18px;}

div#content{ color:rgb(220,220,220); float:left; margin:0; padding:0; z-index:1; width:900px;}
div#content a{text-decoration:none; color:rgb(240,220,140);}
div#content a:hover{text-decoration:underline;}

div#welcome{ text-align:center; float:left; width:220px; margin:0 0 0 40px; }
div#leftcontent{ float:left; width:240px; margin:0; }
#leftmenu{color:#fff; float:left; width:220px;}


div#right-welcome{ text-align:left;  margin:-30px 0 0 300px;}
div#right{text-align:left;  margin:0 0 0 220px; z-index:0; }

div#rightbox{float:left; width:120px; margin:15px 10px;  }

div#footer{
font-size:.9em;
padding-top: .3em;
text-align:center;
}

/*other page styles*/
div#right p{font-size:14px; line-height: 1.5em; margin:.5em 10px 0 10px;  text-align:left; width:520px;}
div#right img{text-align:left;}
div#welcome p{text-align:left; serif; font-size:14px; line-height: 1.5em; margin:.5em 0; }
div#welcome h1{ margin:0;}
p.caption {margin:10px 0; font-size:10px; text-align:left;}

div#leftcontent h2{margin:0 0 8px 0;  font-size:16px; line-height:1.5em; text-align:center;}
div#leftcontent p{margin:0 30px 8px 20px;  text-align:left; font-size:13px; line-height:1.5em;}
div#leftcontent span{display:none;}

div#rightbox h1{font-size:13px; font-weight:bold; margin: 0;}
div#rightbox p{font-size:12px; width:130px;}
div#rightbox a { background-image:url(/images/star.gif); background-repeat:no-repeat; background-position:left; display:block; height:16px; padding: 6px 20px; margin:0;}

a.star { background-image:url(/images/star.gif); background-repeat:no-repeat; background-position:left; display:block; height:16px; padding: 6px 20px; margin:0;}

/*image styles*/
div#right img {padding:0; margin:10px 0;}
div#right-welcome img {padding:0; margin:10px 20px;}
div#gallerybox img{float:left; padding:6px;}

/*heading styles*/
h1.wf-head{background-image:url(images/wfarmer-head.gif); background-repeat:no-repeat; height:60px;}

/* top level menu appearance*/
#menuwrap{text-align:center; }

#menu span{display:none;}

#menu, #menu ul {
padding: 0; 
margin: 0; 
list-style: none; 
text-align:center; 
height:114px;
z-index:2;

}


#menu ul li a { 
height:38px;
display: block;
text-align:center;

}

#menu  li { 
float: left; 
}

#menu ul li ul li { 
float:none;
height:15px;

}

#menu ul li ul li a { 
height:16px;
padding:0;
margin:0;}
/*drop down menu items - left position ensures invisibility */

#menu li ul { 
position:absolute; 
/*width:175px;*/
left: -999em; 

}


/* drop down magic */

#menu li:hover ul {left: auto; }

#menu li:hover ul, #menu li.sfhover ul { left: auto; }

#home {
width:80px;
height:38px;
display:block;
background-image:url(nav/nav-home.gif);
color:#fff;
}

#home ul li a{
width:80px;
display:block;
color:#fff;
}

#home a:hover{
background-image:url(nav/nav-home-ov.gif);
}

#about {
width:88px;
height:38px;
display:block;
background-image:url(nav/nav-about.gif);
color:#fff;
}

#about ul li a{
width:88px;
display:block;
color:#fff;
}

#about a:hover{
background-image:url(nav/nav-about-ov.gif);
}

/*#const{height:140px;}*/
#const {
background-image:url(nav/nav-const.gif);
background-repeat:no-repeat;
width:186px;
display:block;
text-align:left;
}

#const a:hover{background-image:url(nav/nav-const-ov.gif);}

#const ul li a{
width:186px;
display:block;
height:16px;
text-align:left;
padding:0;
margin:0;
background-color:#000;
}

#const ul li ul{width:186px; display:block;}
/*#const ul li ul{height:16px;  display:block;}*/

#overview a {background-image:url(nav/const-sub-view.gif); background-repeat:no-repeat;}
#overview a:hover {background-image:url(nav/const-view-ov.gif); background-repeat:no-repeat;}

#fins a {background-image:url(nav/const-sub-fins.gif); background-repeat:no-repeat;}
#fins a:hover {background-image:url(nav/const-fins-ov.gif); background-repeat:no-repeat;}

#stringers a{background-image:url(nav/const-sub-string.gif); background-repeat:no-repeat;}
#stringers a:hover{background-image:url(nav/const-string-ov.gif); background-repeat:no-repeat;}

#wood a{background-image:url(nav/const-sub-wood.gif); background-repeat:no-repeat;}
#wood a:hover{background-image:url(nav/const-wood-ov.gif); background-repeat:no-repeat;}


#models {
background-image:url(nav/nav-models.gif);
background-repeat:no-repeat;
background-color:#000;
width:118px;
display:block;
text-align:left;
}

#models a:hover{background-image:url(nav/nav-models-ov.gif);}

#models ul li a{
width:130px;
display:block;
text-align:left;
}

#models ul li ul{width:160px; display:block;}

#longboards a {background-image:url(nav/models-sub-long.gif); background-repeat:no-repeat;}
#longboards a:hover {background-image:url(nav/models-long-ov.gif); background-repeat:no-repeat;}

#transitionals a{background-image:url(nav/models-sub-trans.gif); background-repeat:no-repeat;}
#transitionals a:hover{background-image:url(nav/models-trans-ov.gif);background-repeat:no-repeat;}

#special a{background-image:url(nav/models-sub-se.gif);background-repeat:no-repeat; }
#special a:hover{background-image:url(nav/models-se-ov.gif);background-repeat:no-repeat; }

#riders {
width:98px;
height:38px;
display:block;
background-image:url(nav/sliders.gif);
color:#fff;
}

#riders ul li a{
width:98px;
display:block;
color:#fff;
}


#riders a:hover{
background-image:url(nav/sliders-ov.gif);
}

#gallery {
width:122px;
height:38px;
display:block;
background-image:url(nav/nav-gall.gif);
}

#gallery ul li a{
width:122px;
height:38px;
display:block;
color:#fff;
}

#gallery a:hover{
background-image:url(nav/nav-gallery-ov.gif);}

#contact {
width:112px;
height:38px;
display:block;
background-image:url(nav/nav-contact.gif);
}

#contact ul li a{
width:112px;
height:38px;
display:block;
color:#fff;
}


#contact a:hover{
background-image:url(nav/nav-contact-ov.gif)
}

/*end menu*/

/*you are here markers*/
a.home-urhere{background-image:url(nav/home-urhere.gif);}
a.about-urhere{background-image:url(nav/urhere.gif);}
a.mod-urhere{background-image:url(nav/urhere-03.gif);}
a.con-urhere{background-image:url(nav/urhere-02.gif);}
a.slid-urhere{background-image:url(nav/sliders-urhere.gif);}
a.gal-urhere{background-image:url(nav/urhere-04.gif);}
a.cont-urhere{background-image:url(nav/urhere-06.gif);}


/*left menu*/


#leftmenu ul{
list-style: none; 
text-align:center; 
padding:0;
margin:0;
}
#leftmenu ul li{
text-align:center; 
}

#leftmenu span{display:none;}
li.urhere { padding:11px 0 12px;}
li.longbrd-sub{background-image:url(images/longboard-head.gif);background-repeat:no-repeat; height:60px; background-position:center;}
li.trans-urhere{background-image:url(images/trans-head.gif); background-repeat:no-repeat; background-position:center; height:60px;}

#longbrd-left a{background-image:url(nav/longbrd-left.gif); background-repeat:no-repeat; background-position:center;  height:40px; display:block;}
#longbrd-left a:hover{background-image:url(nav/longbrd-left-ov.gif); background-repeat:no-repeat; background-position:center; height:40px;}

#wavefarmer a{background-image:url(nav/wavefarmer.gif); background-repeat:no-repeat; background-position:center; height:36px; display:block;}
#wavefarmer a:hover{background-image:url(nav/wavefarm-ov.gif); background-repeat:no-repeat; background-position:center; height:36px; }
#vbottom a{background-image:url(nav/v-bottom.gif); background-repeat:no-repeat; background-position:center; height:36px; display:block;}
#vbottom a:hover{background-image:url(nav/v-bottom-ov.gif); background-repeat:no-repeat; background-position:center; height:36px; }
#transporter a{background-image:url(nav/transporter.gif); background-repeat:no-repeat; background-position:center; height:36px;display:block;}
#transporter a:hover{background-image:url(nav/transporter-ov.gif); background-repeat:no-repeat; background-position:center; height:36px;}
#coupe a{background-image:url(nav/coupe.gif); background-repeat:no-repeat; background-position:center; height:36px; display:block;}
#coupe a:hover{background-image:url(nav/coupe-ov.gif); background-repeat:no-repeat; background-position:center; height:36px;}
#pintail a{background-image:url(nav/pintail.gif); background-repeat:no-repeat; background-position:center; height:36px; display:block;}
#pintail a:hover{background-image:url(nav/pintail-ov.gif); background-repeat:no-repeat; background-position:center; height:36px; }

#trans-left a{background-image:url(nav/trans-left.gif); background-repeat:no-repeat; background-position:center;  height:40px; display:block;}
#trans-left a:hover{background-image:url(nav/trans-left-ov.gif); background-repeat:no-repeat; background-position:center; height:40px;}

#eggs a{background-image:url(nav/eggs.gif); background-repeat:no-repeat; background-position:center; height:36px; display:block;}
#eggs a:hover{background-image:url(nav/eggs-ov.gif); background-repeat:no-repeat; background-position:center; height:36px; }
#speed3 a{background-image:url(nav/speed3.gif); background-repeat:no-repeat; background-position:center; height:36px; display:block;}
#speed3 a:hover{background-image:url(nav/speed3-ov.gif); background-repeat:no-repeat; background-position:center; height:36px; }
#hulls a{background-image:url(nav/hulls.gif); background-repeat:no-repeat; background-position:center; height:36px; display:block;}
#hulls a:hover{background-image:url(nav/hulls-ov.gif); background-repeat:no-repeat; background-position:center; height:36px; }
#fishes a{background-image:url(nav/fishes.gif); background-repeat:no-repeat; background-position:center; height:36px;display:block;}
#fishes a:hover{background-image:url(nav/fishes-ov.gif); background-repeat:no-repeat; background-position:center; height:36px;}

#special-left a{background-image:url(nav/special-left.gif); background-repeat:no-repeat; background-position:center;  height:40px; display:block;}
#special-left a:hover{background-image:url(nav/special-left-ov.gif); background-repeat:no-repeat; background-position:center; height:40px;}