body	{
font-family : "trebuchet ms", tahoma, verdana, arial, sans-serif; 
font-size: 12px;
background : #ffffff url(../images/body_background.gif) repeat 50% 0%; 
margin : 0 auto; 
padding : 0; 
} 

#body-container	{
margin : 0 auto; 
padding : 0 0 0 2px; 
width : 712px; 
voice-family : "\"}\""; 
voice-family : inherit; 
width : 710px; 
} 

html > body #body-container , html > #body-container 	{
width : 710px; 
}
 
#logobox {
overflow : hidden; 
text-decoration : none; 
background: #00cccc url(../images/cap2logo.jpg) repeat 0 0; 
height : 92px; 
width : 710px; 
margin : 0; 
padding : 0; 
display : block; 
} 

#nav, #bottomnav 			{
width : 710px;
margin : 0; 
padding :6px 0px; 
background : #ff9933 url(../images/navbackground.gif) repeat 0 0; 
display : block; 
border-bottom : 3px solid #006666; 
font-size: 12px;
font-weight: bold;
color: #ffff00;
}

#nav a, #footer a, #bottomnav a {

text-decoration: none;
height: 20px;
padding: 1px 2px 1px 12px;
font-weight: bold;
background-color: transparent;
background-image: url("../images/linkarrow2.gif");
background-repeat: no-repeat; 
background-position: 0 50%;
}
	
#nav a:link, #footer a:link, #bottomnav a:link {color: #ffffff;
background-color: transparent;}
#nav a:visited, #footer a:visited, #bottomnav a:visited {color: #ccffff;
background-color: transparent;}
#nav a:hover, #footer a:hover, #bottomnav a:hover {color: #ffff33;
background-color: #3366cc;
background-image: url("../images/location.gif");
background-repeat: no-repeat; 
background-position: 0 50%;
}
#nav a:active, #footer a:active, #bottomnav a:active {color: #ffff33;
background : #3366cc;
text-decoration: underline;
background-image: url("../images/location.gif");
background-repeat: no-repeat; 
background-position: 0 50%;
}

#drama {
display: block;
overflow : hidden; 
width : 710px; 
height: 148px;
padding : 0; 
margin : 0; 
border-bottom : 3px solid #006666; 
background: #ffffff url(../images/banner8.jpg) no-repeat 0 0;
} 

#content .left 	{
float : left; 
width : 510px; 
text-align : left; 
border-right: 1px dotted #c2c2c2;
}
 
#content .right 	{
text-align : left; 
float : right; 
width : 168px; 
margin-top : 0px; 
color : #666666; 
font-size: 10px;
} 

#content .full 	{
float : left; 
width : 710px; 
text-align : left; 
} 

#content .photofloat	{
float: left;
margin: 5px;
}

#content .photofloat img
{
border:0;
}

#content p 	{
padding : 0 20px; 
margin : 0 0 20px; 
font-size : 12px; 
line-height : 18px; 
color : #333333; 
} 

#content p.comments {
padding : 0 10px 10px; 
margin : 10px 20px 0; 
font-size : 11px; 
line-height : 20px; 
color : #333333; 
border-top : 1px solid #cccccc; 
} 

#content .right p {
padding : 0 0 20px; 
margin : 0; 
font-size : 9px; 
line-height : 14px; 
} 

#content p.first {
padding-left : 20px; 
margin : 20px 0 30px;
font-size: 12px; 
line-height : 18px; 
} 

#content p.ownerscomments {
margin : 20px 0 30px 20px; 
font-size : 12px; 
font-style: italic;
line-height : 18px; 
color : #333333; 
padding : 10px 10px 90px 10px; 
border-top: 1px dashed #c2c2c2;
border-bottom: 1px dashed #c2c2c2;
border-left: 1px dashed #c2c2c2; 
background-image: url("../images/jw2e_fishthree.jpg");
background-repeat: no-repeat; 
background-position: 50% 100%;
} 

#content p.ownerscabanacomments {
margin : 20px 0 30px 20px; 
font-size : 12px; 
font-style: italic;
line-height : 18px; 
color : #333333; 
padding : 10px 10px 90px 10px; 
border-top: 1px dashed #c2c2c2;
border-bottom: 1px dashed #c2c2c2;
border-left: 1px dashed #c2c2c2; 
background-image: url("../images/jw2e_turtle.jpg");
background-repeat: no-repeat; 
background-position: 50% 100%;
} 



#content p.reviewcomments {
margin : 10px 0; 
font-size : 12px; 
font-style: italic;
line-height : 18px; 
color : #333333; 
padding : 5px 80px; 
border: 0;
background-color: transparent;
} 


#content p.rates {
padding : 0 10px; 
margin : 5px 0 20px 20px; 
font-size : 9px; 

line-height : 16px; 
color : #000000; 
border: 0;
} 

#content p.ratesbold {
padding : 0 10px; 
margin : 5px 0 20px 20px; 
font-size : 11px; 
line-height : 16px; 
color : #000000; 
border: 0;
font-weight: bold;
} 

#content .dinnermenu {
margin : 20px 0px; 
font-family: verdana, tahoma, arial, helvetica, "trebuchet ms", sans-serif;
font-size : 12px; 
line-height : 18px; 
color : #333333; 
padding : 10px; 
text-align: center;
border-left: 0px dashed #c2c2c2;
background-color: transparent;
} 



.menuitalic {font-weight: bold;
		font-style: italic;
		font-size: 14px;}

.menupriceitalic {font-weight: bold;
		font-style: italic;
		font-size: 12px;}


#content .winemenu {
margin : 20px 0px; 
font-family: verdana, tahoma, arial, helvetica, "trebuchet ms", sans-serif;
font-size : 12px; 
line-height : 18px; 
color : #333333; 
padding : 10px; 
text-align: center;
border-left: 1px dashed #c2c2c2;
background-image: url("../images/jw2e_winemenu.jpg");
background-repeat: no-repeat; 
background-position: 50% 50%;
} 

.winemenuheader {
font-weight: bold;
font-size: 14px;
font-style: italic;
text-align:left;
}

.winelineitem {
font-weight: normal;
font-size: 12px;
font-style: italic;
text-align:left;
border-bottom: 1px dashed #c2c2c2;
}

.winelistitemprice {
font-weight: normal;
font-size: 12px;
font-style: italic;
text-align:right;
border-bottom: 1px dashed #c2c2c2;
}

.winelistitemdeadhead {
font-weight: bold;
font-size: 12px;
font-style: italic;
text-align:right;
border: 0;
}


.winelistitemsmall {
font-weight: normal;
font-size: 10px;
font-style: italic;
text-align:left;
}

#content ul {
color : #333333; 
padding : 0 10px; 
margin : 5px 0 20px 40px; 
font-size : 12px; 
line-height : 16px; 
} 

#content li {
margin-bottom : 10px; 
} 

#content h2 {
padding : 10px 20px 50px 50px; 
font-size : 15px; 
font-weight : bold; 
line-height : 18px; 
color : #000000; 
margin : 0; 
} 



.padthis {
margin-top : 5px; 
padding : 0; 
background : none repeat; 
} 

.breathingroom {
margin: 5px;
}




#content .datesmall {
font-size : 9px; 
color : #666666; 
font-weight : normal; 
} 

.hide	{
display : none; 
} 

.reset	{
display : block; 
clear : both; 
font-size : 1px; 
height : 1px; 
line-height : 1px; 
margin : 0; 
} 

form	{
margin : 0; 
} 

#footer {
margin-top : 40px; 
text-align : center; 
font-size : 12px; 
font-weight: bold;
background : #ff9933 url(../images/navbackground.gif) repeat 0 0; 
padding :6px 2px; 
color : #ffff00; 
border-bottom : 1px solid #000000;
} 

.contactbox {
text-align : left; 
margin-top : 5px; 
margin-bottom : 20px; 
padding-bottom: 80px;
background-image: url("../images/jw2e_fishone.jpg");
background-repeat: no-repeat; 
background-position: 50% 100%;
} 

.contactinfobox {
text-align : left; 
margin-top : 20px; 
margin-bottom : 20px; 
padding-bottom: 60px;
background-image: url("../images/jw2e_sunglasses.jpg");
background-repeat: no-repeat; 
background-position: 50% 100%;
} 

.contactinfobox img {border: 0;}


.beachbarinfobox {
text-align : left; 
font-size: 12px;
margin-top : 20px; 
margin-bottom : 20px; 
padding-bottom: 80px;
background-image: url("../images/jw2e_drinkone.jpg");
background-repeat: no-repeat; 
background-position: 50% 100%;
} 


.rightheading {
padding : 2px 5px 2px 0px; 
font-size : 12px; 
font-weight : bold; 
line-height : 18px; 
color : #0066ff; 
margin : 0; 
}

.login {
text-align : right; 
padding-right : 20px; 
font-size : 9px; 
} 

.sidenav {
text-align : left; 
margin-top : 60px; 
font-size: 12px;
font-weight: bold;
margin-bottom : 20px;
padding-bottom: 60px;
background-image: url("../images/jw2e_starfish.jpg");
background-repeat: no-repeat; 
background-position: 100% 100%;
} 

.centernav {
text-align : center; 
font-size: 12px;
font-weight: bold;
margin-top : 50px; 
margin-bottom : 20px;
padding-bottom: 80px;
background-image: url("../images/jw2e_bikini.jpg");
background-repeat: no-repeat; 
background-position: 50% 100%;
} 

.sidenav a, .centernav a {
text-decoration: none;
font-weight: bold;
background: transparent;
padding: 1px 2px 1px 12px;
background-image: url("../images/location.gif");
background-repeat: no-repeat; 
background-position: 0 50%;
}
	
.sidenav a:link, .centernav a:link {color: #0000cc;}
.sidenav a:visited, .centernav a:visited {color: #3333ff;}
.sidenav a:hover, .centernav a:hover {color: #ffff33;
background-color: #3366cc;}
.sidenav a:active, .centernav a:active {color: #ffff33;
background-color: #3366cc;}


.sidenav2 {
text-align : left; 
margin-top : 71px; 
margin-bottom : 20px; 
} 

.sidenav img , .sidenav2 img {
margin-bottom : 10px; 
} 

.submitbutton {
font : bold 11px "trebuchet ms", tahoma, verdana, arial; 
padding : 0 10px; 
} 

.resetbutton {
font : normal 11px verdana; 
padding : 0 10px; 
} 

.formboxNormal {
font : normal 10px verdana; 
width : 160px; 
} 

.formboxBig {
font : normal 12px verdana; 
width : 210px; 
height : 150px; 
} 

.formboxBigger {
font : normal 12px verdana; 
width : 430px; 
height : 150px; 
} 

.formboxDate {
font : normal 12px verdana; 
width : 40px; 
} 



.padright
{
margin: 5px 15px 5px 0px;
}

.padleft
{
margin: 5px 0px 5px 15px;
}

.wholetable {
padding: 0px 20px 80px 20px;
margin: 0px 0px 20px 0px;
background-image: url("../images/jw2e_shark.jpg");
background-repeat: no-repeat; 
background-position: 50% 100%;
}


.tablename {
background : #ff6600 url(../images/tabletopbackground.gif) repeat 0 0;
color: #ffffff;
font-size: 14px;
font-weight: bold;
}

.tableheader {
background : #c6c6c6 url(../images/tableheadbackground.gif) repeat 0 0;
color: #000000;
font-size: 12px;
font-weight: bold;
}

.tabledetails {
background : #c2c2c2 url(../images/tabledetailbackground.gif) repeat 0 0;
color: #000000;
font-size: 12px;
font-weight: normal;
}

.w3cbutton4 {
margin: 1em 0;
width: 9em;
font-family: helvetica,arial,sans-serif;
font-size: 70%;
font-weight: bold;
}
.w3cbutton4 a {
display: block;
width: 100%;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {
background-color: #fc6;
color: #000;
text-decoration: none;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited {
border-top: 1px solid #cecece;
border-bottom: 2px solid #4a4a4a;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;
}
.w3cbutton4 a:hover {
border-bottom: 1px solid #cecece;
border-top: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-left: 2px solid #4a4a4a;
}
.w3cbutton4 span.w3c {
padding: 0 0.4em;
background-color: #fff;
color: #0c479d;
}

.jw2efooter {
margin-top : 40px; 
text-align : left; 
font-size : 10px; 
font-weight: normal;
background-color:transparent;
padding : 5px 10px 50px 10px; 
color : #000000; 
border: 0
} 

a, .jw2efooter a.logo {
text-decoration: none;
height: 20px;
padding: 0;
font-weight: bold;
background-color: transparent;
}

h1 {
background-color: transparent;
color: #000000;
font-size: 22px;
font-family : arial, tahoma, verdana, sans-serif; 
margin: 20px 0px 10px 10px;
}