/* RESET */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
/* Layout */
.hideit {
	display: none;
}
.hidediplay {
	display:block;
	width:0px;
	height:0px;
	padding:0px;
	overflow:hidden;
}

.cleanclear, .cc {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
p {
	margin: 8px 0px 20px 0px;
}
.picborder {border: solid 2px #F8981D;}
.picspace {margin: 8px;}
.preload {display: none;}
/* Success, notice and error boxes */
.error, .notice, .success {
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	border: 2px solid #ddd;
}
.error ul, .notice ul, .success ul {
	list-style: square;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}
.error {
	background: #FBE3E4;
	color: #8a1f11 !important;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721 !important;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409 !important;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11 !important;
}
.notice a {
	color: #514721 !important;
}
.success a {
	color: #264409 !important;
}
body {
	background-color: #FEDE81;
	font: 14px/20px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #000;
	margin-bottom: 10px;
}
a {
	color: #000;
}
blockquote {
	padding: 0px 15px;
}
#suntop {width: 100%; background: url(../_img/bigsun.gif) no-repeat 90% -150px;}
#wrapper {width: 960px; margin: 0px auto;}
#header {width: 960px; margin: 0px auto; height: 118px; position: relative;}
#logo {position: absolute; left: 20px; top: 10px;}
#questions {position: absolute; left: 785px; top: 10px; color: #fff; font-size: 30px; line-height: normal; text-align: right;}
#questions span {font-size: 24px; font-weight: bold;}
#social {position: absolute; left: 825px; top: 80px;}
#social img {margin: 0px 2px;}

#topmenu {width: 960px; margin: 0px auto; height: 46px; background: url(../_img/menubg.png) no-repeat;}

ul.nav > li {color: #fff; line-height: 46px; font-size: 22px; margin: 0px 4px;}
ul.nav li.navfirst {margin-left: 20px !important;}
ul.nav li.navlast {margin: 0px !important;}
ul.nav > li > a {color: #fff; text-decoration: none;}
ul.nav li {
	float: left;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.nav li ul.subnav {
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0px; top: 35px;
	margin: 0px; padding: 0px;
	display: none;
	float: left;
	width: 266px;
	z-index: 99999;
}
ul.nav li ul.subnav li{
	margin: 0px; padding: 0px;
	clear: both;
	width: 266px;
	background: url(../_img/menu-middle.png) repeat-y;
}
ul.nav li ul.subnav_multimedia {left: -150px; text-align: right;}
ul.nav li ul.subnav_about {left: -203px; text-align: right;}
ul.nav li ul.subnav li.subnavfirst {
	background: none;
	height: 7px;
	background: url(../_img/menu-top.png) repeat-y;
}
ul.nav li ul.subnav li.subnavlast {
	background: none;
	height: 7px;
	background: url(../_img/menu-bottom.png) repeat-y;
}
html ul.nav li ul.subnav li a {
	float: left;
	width: 226px;
	margin: 0px 10px;
	padding: 0px 10px;
	font-size: 18px;
	line-height: 26px;
	display: block;
	color: #fff;
	text-decoration: none;
}
html ul.nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(../_img/menu-hover.png) repeat;
}

#breadcrumbs {color: #99CC33; font-weight: bold; line-height: normal; padding-bottom: 20px;}
#breadcrumbs a {color: #99CC33; text-decoration: none; font-size: 16px;}
#breadcrumbs a:hover {text-decoration: underline;}
#breadcrumbs span {font-size: 26px;}


#contentm {width: 960px; background: url(../_img/contentm.png) repeat-y; position: relative;}
/*#tagline {position: absolute; left: 130px; top: -10px;}
#tagline span {display:none; position: absolute; left: 100px; top: 110px; color: #0C73B7; font-size: 18px; line-height: normal;}*/

#tagline {position: absolute; left: 20px; top: -20px;}
#tagline span {position: absolute; left: 220px; top: 90px; color: #0C73B7; font-size: 18px; line-height: normal;}

/* video list */
.vresultlist {width: 528px; margin: 0px auto;}
.vresult {width: 204px; margin: 10px 30px; float: left; position: relative;}
.vresult-title {padding: 4px;}
.vresult-image {width: 204px; height: 154px; position: relative;}
.voverlay {display:block;background: url(../jwplayer/skins/carbon/display/playicon.png);width:60px;height:60px;position: absolute;top:45px;left:70px;}

/* blog list */
.blogitem {clear: both; margin: 2px auto; background-color: #fff; margin-bottom: 25px;}
.blogtitle {background-color: #0C73B7;color: #fff;font-size: 18px;line-height: 24px;padding: 2px 4px;}
.blogtitle a {color: #fff; text-decoration: none;}
.blogmeta {font-size: 12px; line-height: 18px; margin-bottom: 4px; display: block; font-style: italic;padding: 2px 4px;}
.blogphoto {width: 177px; height: 124px; float: left; background: url(../saltyflorida/_img/blogphoto.png) no-repeat; position: relative;}
.blogphoto img {position: absolute; top: 10px; left: 10px;}
.blogintro {width: 454px; float: right;}

/* result list */
.lresult {width: 615px;margin: 2px auto;background-color: #fff;margin-bottom: 25px;}
.lresult-top {background-color: #0C73B7;color: #fff;font-size: 18px;line-height: 24px;padding: 2px 0px;}
.lresult-name {float: left; width: 300px; padding-left: 3px;}
.lresult-name a {color:#fff; text-decoration: none;}
.lresult-areas {float: left; width: 300px; padding-right: 3px; text-align: right;}
.lresult-areas img {vertical-align: middle;}
.lresult-left {float: left; margin-top: 6px; text-align: center; width: 136px;}
/*.lresult-image {width: 136px; height: 116px; float: left; background: url(../_img/results-photobg.jpg) no-repeat;}
.lresult-image img {margin-top: 8px; margin-left: 8px; width: 120px; height: 100px;}*/
.lresult-image img {border: solid 1px #ccc !important; padding: 4px !important; background-color: #fff !important;}
.lresult-info {width: 470px; float: right; margin-top: 6px;}
.lresult-button {float: right; margin-top: 4px;}
.lresult-button a {text-decoration: none;}

/* listing details */
#listingdetails-l {float: left; width: 240px; margin-top: 20px; overflow: hidden;}
#listingdetails-r {float: right; width: 380px; margin-top: 20px;}
#listingdetails-r h1 {font-size: 38px !important; line-height: normal;}
#listingdetails-share {width: 100%; text-align: center; margin: 15px 0px;}
#listingdetails-photomain {width: 100%; text-align: center;}
#listingdetails-photomain img {border: solid 1px #ccc !important; padding: 4px !important; background-color: #fff !important;}
.listingdetails-specials {display: block;padding: 5px;margin-bottom: 10px;margin-top: 10px;border: 2px solid #FFC20E;background-color:#FEDE81;}
.listingdetails-specials h3 {color: #0C73B7; font-size: 16px;}
#listingdetails-comments {width: 600px; margin: 0px auto;}
#listingdetails-comments h2 {font-size: 16px; line-height: normal; padding: 4px 0px;}


#contentmi {width: 930px; margin: 0px auto;}
#contentb {width: 960px; height: 11px; overflow: hidden;}
#slideshow {width: 930px; text-align: center; padding-top: 92px;}
#taglineII {text-align: center; color: #0C73B7; font-size: 14px; line-height: normal;}
#taglineII a {color: #0C73B7;}
#contenti {width: 910px; padding: 10px;}
#contentil {float: left; width: 640px;}
.accommodationsearchbox {width: 340px; margin: 0px auto;}
.accommodationsearchboxi {width: 220px; padding: 10px; margin: 0px auto; background-color: #FFC20E;}
.accommodationsearchboxi p {margin: 8px 0px;}
.accommodationsearchboxi label {width: 30px; margin: 3px 0px; text-align: right; padding-right: 10px; float: left;}
.accommodationsearchboxi input,  .accommodationsearchboxi select
{
    margin-right: 5px;
    padding: 2px;
    width: 170px;
    border: solid 1px #95B4D1;
	font: 14px/20px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #000;
}
.accommodationsearchboxi-button
{
    margin:0px !important;padding:0px !important;
    width:auto !important;border:none !important;
}

/* accommodations list */
.accommodation {width: 488px;margin: 2px auto;background-color: #FFC20E;}
.accommodationalt {background-color: #FEDE81;}
.accommodation-image {width: 120px;float: left; padding: 10px; padding-right: 5px;}
.accommodation-info {width: 338px;float: left;padding:10px 0px;}
.accommodation-button {float: right;}
.accommodation-button a {text-decoration: none;}

/* general lists */
.list {width: 488px;margin: 2px auto;background-color: #FEDE81;}
.listalt {background-color: #FFC20E;}
.list-image {width: 120px;float: left; padding: 10px; padding-right: 5px;}
.list-info {width: 338px;float: left;padding:10px 0px;}
.list-button {float: right;}

#contentir {float: right; width: 260px;}
.dailybeachreport {text-align: center;}
.headerimg {margin: 10px 0px;}

.upcomingevents, .pts, .wcams, .smalltxt, .cweather {font-size: 12px; line-height: normal; text-align: center;}
#homeslide {margin-top: -17px; margin-left: -15px; float: left;}
#slideshow1 {width: 660px; height: 213px; overflow: hidden;}
#homemap {width: 275px; height: 213px; margin-top: -16px; margin-right: -15px; float: right; background: url(../_img/homemap.gif) no-repeat; position: relative;}
#homemap span {display:none;}
#homemap a {display: block; position: absolute;}
#homemap_apa {width: 85px; height: 32px; left: 7px; top: 154px;}
#homemap_ept {width: 83px; height: 20px; left: 48px; top: 131px;}
#homemap_sgi {width: 137px; height: 24px; left: 105px; top: 157px;}
#homemap_car {width: 97px; height: 30px; left: 138px; top: 124px;}
#homemap_apt {width: 118px; height: 24px; left: 92px; top: 99px;}
.phome #contentil {width: 651px; padding: 0px; margin-left: -6px;}
#homecontentill {width: 246px; float: left;}
#homecontentilr {width: 393px; float: right;}
#homeplayer {width: 393px; float: right;}
.contentseperator {margin: 10px 0px;}
.phome #ctl00_content_area_specialoffers {padding-top: 0px !important;}

.lsideresult,.lsideresult-alt {text-align: left; background-color: #FEDE81; padding: 4px; margin-bottom: 8px;}
.lsideresult a,.lsideresult-alt a {text-decoration: none;}
.lsideresult-alt {background-color: #FFC20E;}

.newslettersignupbox {width: 246px; margin: 0px auto; padding-top: 10px; text-align: center;}
.newslettersignupboxi {width: 226px; padding: 10px; margin: 0px auto; background-color: #FFC20E; text-align: left;}
.newslettersignupboxi p {margin: 8px 0px;}
.newslettersignupboxi .smalltxt {margin: 0px !important;}
.newslettersignupboxi label {display: block; margin: 3px 0px;}
.newslettersignupboxi input,  .accommodationleadboxi select
{
    width: 215px;
    border: solid 1px #95B4D1;
	font: 14px/20px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #000;
}
.newslettersignupboxi-button
{
    margin:0px !important;padding:0px !important;
    width:auto !important;border:none !important;
}

.pts, .wcams, .cweather {width: 252px; margin: 0px auto; padding-top: 10px; text-align: center;}
.wcamsi, .cweatheri {width: 226px; padding: 10px; margin: 0px auto; background-color: #FEDE81; text-align: left;}
.wcamsi a, .cweatheri a {text-decoration: none;}


.accommodationleadbox {width: 252px; margin: 0px auto; padding-top: 20px; text-align: center;}
.accommodationleadboxi {width: 220px; padding: 10px; margin: 0px auto; background-color: #FEDE81; text-align: left;}
.accommodationleadboxi p {margin: 8px 0px;}
.accommodationleadboxi label {display: block; margin: 3px 0px;}
.accommodationleadboxi input,  .accommodationleadboxi select
{
    width: 215px;
    border: solid 1px #95B4D1;
	font: 14px/20px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #000;
}
.accommodationleadboxi-button
{
    margin:0px !important;padding:0px !important;
    width:auto !important;border:none !important;
}

#footer {width: 938px; margin: 0px auto;}
#footert {width: 938px; height: 17px; overflow: hidden;}
#footerm {width: 938px; background: url(../_img/footerm.png) repeat-y; position: relative;}
#footermi {width: 910px; margin: 0px auto;}
#legal {text-align: center; color: #fff; font-size: 12px; line-height: normal;}
#legal strong {font-size: 13px;}
#legal a {color: #fff;}
#flinks {color: #fff; font-size: 12px; line-height: normal; padding-top: 10px;}
#flinks a {color: #fff; text-decoration: none;}
#flinks a:hover {text-decoration: underline;}
#flinks strong {font-size: 13px;}
#footerb {width: 938px; height: 21px; overflow: hidden;}




.seafooddays-box {background: #FEDE81; padding: 10px;}
.seafooddays-box h1 {font-size: 20px; line-height: normal;}

/* Form */
.required {color: #F3570C; font-weight: normal;}
#form_view {width: 100%;}
.webform p {clear: both;}
.webform {margin: 0px auto; width: 475px;}
.webform label {width: 190px; font-weight: bold;}
.webform input, .webform textarea, .webform select {margin: 0px; margin-right: 5px; padding: 8px; width: 450px; border: solid 1px #CCCCCC; background-color: #FFFFCC; font: 14px/20px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; color:#000;}
.webform textarea {height: 150px;}
.webform select {width: 466px;}
.webform .state_label {display:block;}
.webform .state_txt {width: auto;}
.webform .zip_label {position: absolute; text-indent: -99999px; width: 0px; height: 0px;}
.webform .zip_txt {width: 55px;}
.webform input:focus, .webform textarea:focus {border-color: #D0C498;}
.webform .save {margin-right: 15px;}
.webform .cancel {margin-left: 15px;}
.webform_controls {clear: both; margin: 20px auto; text-align: center;}
.webform_controls  input{border: solid 1px #000; background-color: #fff; font: 14px/20px Trebuchet MS, "Times New Roman", Times, serif; color: #000;}