* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: url('../images/bg.gif') repeat-x bottom #fff; font-family: Trebuchet MS, sans-serif; }

#top { min-width: 780px; width: 100%; background: url('../images/top_bg.gif') repeat-x #68a; text-align: center; }
#top img { margin: 0 auto; }
#left { float: left; width: 25%; }
#center { float: left; width: 49%; }
#right { float: left; width: 25%; }
#footer { clear: both; margin-top: 0; }

#nav { height: 2.5em; font-size: .9em; background: url('../images/nav_bg.gif') repeat center #ddc; }
#nav ul { width: 62em; margin: 0 auto; padding: .5em 0; list-style: none; line-height: 1.5em; }
#nav li { float: left; width: 12em; }
#nav li ul { position: absolute;  background: url('../images/nav_menu_bg.png') repeat center; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa;  width: 12em; left: -999em; }
#nav li ul li ul { margin: -1.5em 0 0 12em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.hoverNav ul ul, #nav li.hoverNav ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.hoverNav ul, #nav li li.hoverNav ul, #nav li li li.hoverNav ul {  left: auto; }
#nav a { display: block; width: 12em; color: #000; text-align: center; text-decoration: none; }
#nav a:hover { color: #369; background: transparent; }
#nav ul li ul li a:hover { background: #ccb; color: #000; }

#lcr #left { width: 23%; }
#lcr #center { width: 50%; }
#lcr #right { width: 26%; }
#lc #left { width: 33%; }
#lc #center { width: 66%; }
#lc #right { display: none; }
#cr #right { width: 33%; }
#cr #center { width: 66%; }
#cr #left { display: none; }
#c #right { width: 16%; }
#c #center { width: 67%; }
#c #left { width: 16%; }

#right .stamp, #left .stamp { float: right; padding: .25em }
#right dd, #left dd { margin: 0 0 .5em 0; font-size: .8em; }
#right dl, #left dl { line-height: 1.3em; }
#right dt, #left dt { border: 1px solid #ddd; color: #369; text-align: center; font-weight: bold; font-size: .9em; }
#right h1, #right h2, #right h3, #left h1, #left h2, #left h3 { clear: both; margin: 0 0 .5em 0; padding: .25em; color: #369; border: 1px solid #ddd; background: url('../images/bg.gif') center #eee; text-align: center; }
#right h1, #right h2, #left h1, #left h2 { font-size: 1.25em; }
#right h3, #left h3 { font-size: .9em; }
#right h4, #left h4 { color: #369; text-align: center; font-size: .9em; }
#right ul, #left ul { margin-bottom: 1em; list-style-type: none; font-size: .8em; text-align: center; line-height: 1.5em; }
#right li, #left li { }
#right p, #left p { margin: 0 0 1em 0; font-size: .8em; line-height: 1.5em; }
#left .esp { padding: .25em .5em; border-top: 2px solid #900; border-bottom: 2px solid #900; background: #cc0; text-align: center; font-size: .8em; }
#left .eng { padding: .25em .5em; border-top: 2px solid #c00; border-bottom: 2px solid #009; text-align: center; font-size: .8em; }

#center dl { margin-bottom: 1em; font-size: .9em; }
#center dt { font-weight: bold; font-size: 1.1em; }
#center dd { margin: 0 0 1em 0; }
#center h1, #center h2 { clear: both; margin: 0 0 .5em 0; padding: .25em .5em; color: #369; border: 1px solid #ddd; background: url('../images/bg.gif') center #eee; }
#center h3 { margin: .5em 0; color: #369; font-size: 1.1em; }
#center p { margin: 0 0 1em 0; font-size: 1em; line-height: 1.4em; }
#center ul { margin: 0 0 1em 0; padding-left: 0; list-style: none; line-height: 1.4em; }
#center ul li { padding: .25em 0 .25em 1em; background: url('../images/bullet.gif') no-repeat 0 .5em; }

#footer { padding-bottom: 1em; text-align: center; }
#footer h3 { margin: 0 0 .5em 0; padding: .25em; border: 1px solid #ddd; background: #eee; letter-spacing: .1em; font-size: 1em; }
#footer p { margin: 0 0 .5em 0; font-size: 1em; }
#footer p.credit { font-size: .8em; }

.inner { padding: 1em 0 0 1em; }
.right { float: right; clear: right; padding: 0 0 0 .5em; }
.left { float: left; clear: left; padding: 0 .5em .5em 0; }
.middle { clear: both; padding: 0 0 .5em 0; text-align: center; }
.middle img { margin: 0 auto; }
.w-auto { width: auto!important; }

a { color: #369; }
a:hover { color: #036; background: #def; }
a.logo:hover { background-color: transparent; }
img { display: block; border: 0; }
input { padding: .1em .5em; }

.listing { clear: both; margin-bottom: 1em; padding: .5em; border: 1px solid #ddd; }
.listing h3 { margin: 0 !important; padding: 0 !important; }
.listing address { font-style: normal; font-size: .9em; line-height: 1.4em; }
.listing p { margin: 0 !important; padding-top: .5em; font-size: .9em !important; }
.listing_photo { float: right; padding-left: .5em; }
.listing .featured { height: 140px; padding: .5em; border: 1px solid #fe8; }
.listing .featured h3 { font-size: 1.1em !important; }

.webform { display: block; width: 20em; float: right; margin: 1em; padding: 1em; border: 1px solid #ddd; background: #eee; }
.webform h3 { margin: 0 0 .25em 0; padding-top: 1em; border-bottom: 1px solid #ddd; }
.webform h3.first { padding: 0; }
.webform p.notice { margin: .5em; padding: .5em; border: 1px solid #ffc; text-align: center; font-size: .9em!important; font-weight: bold; background: #ffd; }
.webform .field { padding: .25em 0; }
.webform label { display: block; clear: both; font-size: .9em; font-weight: bold; }
.webform input, .webform textarea { width: 24em; padding: .1em .5em; }
.webform select { padding: 0 .5em; font-size: .9em; }
.webform .submit_button { width: auto!important; padding: 0 .5em; font-size: .9em; }
.webform ul { margin: 0 0 1em 0; padding-left: 0; list-style: none; font-size: .8em; line-height: 1.5em; }
.webform ul li { padding-left: 0 !important; background: none !important; }

.ds1, .ds2, .ds3 { display: inline-table;	/* \*/display: block;/**/ }
.ds1 { clear: both; float: left; background: url(../images/ds/shadow.gif) right bottom no-repeat; }
.ds2 { background: url(../images/ds/bl.gif) -12px 100% no-repeat; }
.ds3 { padding: 0 8px 8px 0; background: url(../images/ds/tr.gif) 100% -12px no-repeat; }
.ds3 img { display: block; background: #ccc; border: 4px solid #fff; }

.hi-pink { background: #fdd; font-weight: normal; }
.hi-green { background: #dfd; font-weight: normal; }
.hi-yellow { background: #ffd; font-weight: normal; }
.hi-blue { background: #ddf; font-weight: normal; }

.beachguide img { clear: both; float: left; }
.beachguide p { padding-left: 100px; }
.gallery { text-align: center; }
.gallery img { margin: .5em; }
.siteguide img { clear: both; float: left; margin-right: 20px; }
.siteguide p { padding-left: 120px; }
.siteguide h3 { margin: 1em 0 .25em 0!important; }
.siteguide dt { margin: .25em 0; padding: .25em; cursor: hand; text-decoration: underline; text-transform: uppercase; letter-spacing: .05em; font-size: .9em!important; }
.photolog { text-align: center; }
.photolog .slide { float: left; padding: .5em; text-align: center; }
.slideshow { text-align: center; }
.slideshow .slide { float: left; padding: 3px 7px 7px 3px; background: url('../images/shadows/80x80.jpg') center no-repeat #fff; text-align: center; }
.slideshow .slide img { border: 4px solid #fff; }
#google_map { width: 480px; height: 360px; }