body, h1, h2, h3, h4, h5, h6, a, ul, li, p, div, span, table, td, tr, blockquote, dl, dt, dd { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 76%; background-color:#FFCC99; }
table { border-collapse: collapse; clear: both; float: none; width: 100%; }
td, th { border-width: 1px; border-style: solid; padding: 0.2em; }
h1 { font-size: 1.7em; height: 1.2em; margin-bottom: 0.2em; }
h2 { font-size: 2em; margin-bottom: 0.57em; margin-top: 1em; color: #FF6600; font-family: times, serif; }
h3 { font-size: 14px; margin-bottom: 0.2em;color: #000066;}
p { font-size:1.1em;line-height: 1.2em; margin-bottom: 1em; color: #333; letter-spacing:0; }

.secondLine {font-size: 1.5em;}

#main { width: 898px; margin: 0 auto; background: url(ocean_bg_main.jpg) repeat-y 0 0; }
#inner { background: url(ocean_bg_main.jpg) repeat-y 0 0; float: left; padding-bottom: 1em; min-height: 20em; }
* html #inner { height: 20em; }
#header h1 { text-indent: -1000em; background: url(ocean_bg_header.jpg) no-repeat 0 0; height: 250px; }
#header { background: url(ocean_bg_main.jpg) repeat-y 0 0;height:312px; }

#imageRow { clear: left; }

/* MAIN MENU */
.nav { height: 46px; padding: 0 29px 1.0em; background: url(ocean_bg_nav2.gif) repeat-x 0 0; float:left;}
.nav li a {  text-decoration: none;	text-align: center;	display: block; height: 46px; background: url(ocean_bg_nav_home.gif) no-repeat 20px 0; color: #4f4e97;padding-top:.3em;}
.nav li a:hover {	color:#6F210D;}
.nav li { list-style: none; font-family: Arial, Helvetica, sans-serif; color:#4f4e97; font-size: 1.5em;  display: inline; float: left; width: 140px; }

.home .nav li.home a,
.info .nav li.info a,
.photo .nav li.photo a,
.rates .nav li.rates a,
.howto .nav li.howto a,
.guest .nav li.comments a,
.nav li a:hover { background-position: -95px 0; color:#6F210D;}

#contentPane p.slogan { text-indent: -1000em; background: url(ocean_bg_slogan.gif) no-repeat 0 0; width: 450px; height: 109px; margin: 0 auto; }
#contentPane p.moreInfo { text-indent: -1000em; background: url(ocean_bg_more-info.gif) no-repeat 0 0; width: 450px; height: 109px; margin: 0 auto; }
#contentPane p.photos { text-indent: -1000em; background: url(ocean_bg_more-info.gif) no-repeat 225px 0; width: 716px; height: 109px; margin: 0 auto; }
#contentPane p.rent { text-indent: -1000em; background: url(ocean_bg_howto.gif) no-repeat 120px 0; width: 100%; height: 109px; margin: 0 auto; overflow:hidden;}
#contentPane p.call { text-indent: -1000em; background: url(ocean_bg_contact.gif) no-repeat 125px 0; width: 716px; height: 109px; margin: 0 auto; }
img.map { background-color: white; padding: 2.5em;margin-bottom:1.5em; }
#contentPane p.roadMap { text-align:right;margin-top:-2.7em; }
p.roadMap a { color: #FF6600; }

p.address { font-size:18px; margin: 0 auto; padding-bottom: 2em;width: 300px; text-align: center; }
p.mtext { font-size:14px; text-align: left; }

#leftColumn, #contentPane, #rightColumn { display: inline; float: left; width: 180px; margin-top: 109px; }
#contentPane { width: 496px; padding: 0 21px; margin-top: 0; }
body.info #leftColumn,
body.info #rightColumn { display:none;}
body.info #contentPane { padding: 0pt 68px; width: 762px; }
#contentPane p { margin-top: 0.5em; }
#rightColumn { text-align: right; }
p.opening { font-weight: bold; font-size: 1.7em; color: #FF9900; }


.imageCard { margin-bottom: 2em; }
.imageCard p { font-weight:bold;font-style:italic;padding-top:1em; }


/* RATES PAGE */
body.rates #leftColumn,
body.rates #rightColumn { display:none; }
body.rates #contentPane { padding: 0pt 68px; width: 762px; }
p.rentalRates { text-indent: -1000em; background: url(ocean_bg_rental-rates.gif) no-repeat 0 0; width: 450px; height: 109px; margin: 0 auto; }
body.rates h2 { text-align:center; }
#contentPane table { text-align:center; margin-bottom:1em;background-color:white;border-color:red;}
#contentPane .second { width: 400px;}
#contentPane table th { font-weight:normal; border-color:red;}
#contentPane table td { border-color:red; }
#contentPane table th span { font-style:italic; }
#contentPane span.extra { color: #ff6600; font-style:italic; }

#errors { color: red;line-height:1em }


/* GUEST COMMENTS PAGE */
body.guest #leftColumn,
body.guest #rightColumn { display:none; }
body.guest #contentPane { padding: 0pt 68px; width: 762px; }
p.guestComments { text-indent: -1000em; background: url(ocean_bg_guest-comm.gif) no-repeat 0 0; width: 450px; height: 109px; margin: 0 auto; }
body.guest h3 { text-align:center; }
body.guest #contentPane div { text-align:left; background-color:white; padding: 1em;}
body.guest #contentPane .odd {background-color:#f5e9e0;}

body.photo #leftColumn,
body.photo #rightColumn { display:none; }
body.photo #contentPane { padding: 0pt 68px; width: 762px; }
body.photo #rightColumn { margin-left: -182px; padding-top: 38px; }
body.photo h2 { text-align:center; }

body.howto #contentPane { width: 698px; margin: 0 100px; padding: 0 0 0 0; }
body.howto #contentPane form { width: 520px; margin: 0 90px;padding:2em;border:1px solid silver; }
body.howto #leftColumn,
body.howto #rightColumn { display:none; }


/* CONTACT US PAGES */
#contentPane form { background-color:#F5E9E0 }
#contentPane .field 			{ margin-top:0.5em; }
#contentPane input { width: 20em; }
#contentPane label			{ display: -moz-inline-box; display: inline-block; width: 6em; vertical-align: middle; }
#contentPane .short { float: left;margin-right:1em; }
#contentPane .textarea { clear:both;width:300px; }
#contentPane .textarea label { width:20em; }
#contentPane form p { margin:1em 0 0 0; }
#contentPane fieldset { width: 315px; margin-bottom: 0.5em; }
#contentPane .short label { width:3em; }
#contentPane input.button	{ margin-top: 1em; }

body.howto #contentPane p strong {width:550px;display:block;margin-left:100px; }
body.howto #contentPane p.manager strong { width:100%;margin:0; }
body.howto #contentPane textarea { margin-bottom:1em; }
body.howto #contentPane .radio label { width:2em;}
body.howto #contentPane .radio input { width: 2em; margin-top: -0.2em; }

/* PROMOTION */
#main .promotion {
/*background: url(/images/ocean_promotion2.jpg) no-repeat 0 0; width: 180px; height: 195px; margin: 0 auto;*/
margin: 0em 58.95em;
position: absolute;
z-index:7; 
}

.promotion img {
border-width:0px;
}

.promoText {
text-align:center;
padding: 1em;
background-color: #F5e9e0;
border: 1px dashed #BB0E14;
}

.promoText span {
color: #BB0E14;
font-weight: bold;
font-size: 1.5em;
}

.promoText p {
font-size: 1em;
color: black;
}

.promoText blink {
color: #000066;
font-weight: bold;
font-size: 1.2em;
}