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

/*********************************/
/*      BEGIN CONTENT AREA
/*********************************/

#contentarea {
min-height:333px;
height:auto;
background:url(../images/contentarea_bkgd.jpg) repeat-x top #151515;
}

#rightcol { 
top:12px;
}

/*********************************/
/*      MAIN NAVIGATION
/*********************************/

#nav {
position:relative;
top:6px;
left:6px;
margin:0;
padding:0;
}

#nav ul {
height:38px;
width:875px;
margin:0;
padding:0;
}

#nav ul li {
display:inline;
float:left;
margin:0 2px;
padding:0;
}

#nav ul li a {
display:block;
width:169px;
height:38px;
}

#nav ul li a span {
display:none;
}

.boats a{
background:url(../images/nav/boats.jpg) 0 0 no-repeat;
background-position:top left;
}

.boats a:hover {
background:url(../images/nav/boats.jpg) 0 -38px no-repeat;
}

.rv a{
background:url(../images/nav/rv.jpg) 0 0 no-repeat;
background-position:top left;
}

.rv a:hover{
background:url(../images/nav/rv.jpg) 0 -38px no-repeat;
}

.snowmobile a{
background:url(../images/nav/snowmobile.jpg) 0 0 no-repeat;
background-position:top left;
}

.snowmobile a:hover{
background:url(../images/nav/snowmobile.jpg) 0 -38px no-repeat;
}

.dive a{
background:url(../images/nav/dive.jpg) 0 0 no-repeat;
}

.dive a:hover{
background:url(../images/nav/dive.jpg) 0 -38px no-repeat;
}

.service a{
background:url(../images/nav/service.jpg) no-repeat;
width:169px;
height:36px;
}

.service a:hover{
background:url(../images/nav/service.jpg) 0 -38px no-repeat;
}

/*********************************/
/*       SUB-NAVIGATION
/*********************************/

/*the whole box*/
#subnav  {
background-color:#393939;
width:204px;
position:relative;
float:left;
left:11px;
color:#FFFFFF;
top:12px;
padding:0;
margin:0;
}

#subnavtop {
background:url(../images/subnav_top.jpg) no-repeat top;
width:204px;
height:16px;
}

#subnavbot {
background:url(../images/subnav_bot.gif) no-repeat bottom;
width:204px;
height:26px;
position:relative;
bottom:-15px;
left:0px;
}

#subnavtxt {
position:relative;
left:13px;
}


#subnav ul {
position:relative;
/* commented out because we noe have subnav */
/*min-height:100px;*/
left:0px;
top:2px;
padding:0 0 15px 0px;
margin:0;
}

#subnav li {
list-style:none;
line-height:1.4em;
} 

#subnav li a {
color:#FFFFFF;
text-decoration:none;
background:url(../images/nav/subnavbullet.jpg) no-repeat left;
padding:0 0 0 10px;
font-size:1.1em;
}

#subnav a:hover {
text-decoration:underline;
font-weight:bold;
color:#f3e41a;
font-size:1em;
} 

#subnav a.selected {
text-decoration:underline;
font-weight:bold;
color:#f3e41a;
font-size:1em;
} 


/*third tier*/
#subnav ul ul {
position:relative;
/* commented out because we noe have subnav */
/*min-height:100px;*/
left:0px;
top:2px;
padding:0 0 15px 13px;
margin:0;
}

/*********************************/
/*    top right contact button
/*********************************/

#contact {
position:absolute;
top:15px;
margin:0 0 0 770px;
}

#contact a {
background:url(../images/contact.jpg) 0 0 no-repeat;
width:101px;
height:24px;
display:block;
margin:0 0 0 0;
outline:none;
} 

#contact a:hover {
background:url(../images/contact.jpg) 0 0 no-repeat;
height:24px;
background-position: 0 -24px;
} 

#contact span {
display:none;
}

#home {
position:absolute;
top:15px;
margin:0 0 0 660px;
}

#home a {
background:url(../images/homeButton.jpg) 0 0 no-repeat;
width:101px;
height:24px;
display:block;
margin:0 0 0 0;
outline:none;
} 

#home a:hover {
background:url(../images/homeButton.jpg) 0 0 no-repeat;
height:24px;
background-position: 0 -24px;
} 

#home span {
display:none;
}