/*
CSS Stylesheet
www.lostbayrv.net
Designed by: Jonathan Dozier-Ezell
Date: 02/11/09
Version: 1.0
 */

/*----------Global Styles----------*/
body {font-size:62.5%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

/*----------Container Styles----------*/
.container {width:755px; min-height:500px; margin:0 auto; position:relative;}
.main {background:#ffffef url(images/laughing_girls.png) no-repeat; font-size:1.5em; float:left; display:inline-block; width:755px; padding:1em 0;}
.column {float:left; width:11.55em; margin:1em, auto; display:inline-block; padding:.5em;}
.attractions { width:200px; display:inline-block;}
.main span, .main span span {clear:both; display:block;}
.footer {width:755px; margin:0 auto;}
.navi {position:relative; width:755px; height:25px; margin-top:-13px;}

/*----------Nav Styles----------*/
#nav {list-style:none; margin-left:-40px;}
#nav li a, .attractions li a {display:inline-block; float:left;}
#nav li a:hover, .attractions li a:hover {border:#3e7c94 1px solid;}
.home {background:url(images/home.jpg); width:92px; height:25px; position:absolute; left:0px; top:0px;}
.home:hover {background:url(images/home_on.jpg); width:90px; height:23px;}
.att {background:url(images/area.jpg); width:191px; height:25px; position:absolute; left:92px; top:0px;}
.att:hover {background:url(images/area_on.jpg); width:189px; height:23px;}
.fac {background:url(images/facilities.jpg); width:120px; height:25px; position:absolute; left:283px; top:0px;}
.fac:hover {background:url(images/facilities_on.jpg); width:118px; height:23px;}
.rate {background:url(images/rates.jpg); width:234px; height:25px; position:absolute; left:403px; top:0px;}
.rate:hover {background:url(images/rates_on.jpg); width:232px; height:23px;}
.mail {background:url(images/email.jpg); width:118px; height:25px; position:absolute; left:637px; top:0px;}
.mail:hover {background:url(images/email_on.jpg); width:116px; height:23px;}
.facilities {position:absolute; z-index:3; list-style:none; left:242px; bottom:25px;}
.facilities li a {display:none; float:none;}
.amen {background:url(images/amenities.png); width:160px; height:26px; position:absolute; bottom:102px;}
.amen:hover {width:158px; height:24px;}
.kab {background:url(images/kabins.png); width:160px; height:26px; position:absolute; bottom:76px;}
.kab:hover {width:158px; height:24px;}
.camp {background:url(images/camp.png); width:160px; height:25px; position:absolute; bottom:51px;}
.camp:hover {width:158px; height:23px;}
.rules {background:url(images/rules.png); width:160px; height:25px; position:absolute; bottom:26px;}
.rules:hover {width:158px; height:23px;}
.dir {background:url(images/direct.png); width:160px; height:26px; position:absolute; bottom:0px;}
.dir:hover {width:158px; height:24px;}

/*----------List Styles----------*/
.amen_a, .amen_b {float:left; display:inline-block; font-weight:bold; margin:20px	;}
.amen_b {float:right;}
.amen_a ul, .amen_b ul {font-weight:normal;}
th, td {text-align:left; border-bottom:#000000 thin solid}
.attractions li {list-style:none; margin:-1em 0 0 -2.65em;}
.attractions li a {height:24px; width:200px;}
.attractions li a:hover {height:22px; width:198px;}

/*----------Attraction Styles----------*/
.attract {display:inline-block; position:absolute; right:0; padding:1.5em; float:right; width:530px;}
.attract a img {border:none; text-decoration:none; outline:none; float:left; width:200px; padding:2em;}
#vlounges, #vwatersports, #vcharterfishing, #vdolphintours, #vlocalrestaurants, #vseafood, #vminigolf, #vhorsebackriding, #vboatrental, #vgolfflorida, #vgolfalabama, #vmiscellaneous, #vmilitary, #vcabin, #vrealtor {display:none;}