/* --
	Theme Name: Charleston Gateway
	Description: Charleston Gateway official theme. 
	Version: 1.0	
	Author: Strand Media Group
	Author URI: http://strandmedia.com/
-- */

/* =colors 
lite blue: cceeff
lite pink: ffcccc
mint: cceedd
bronze: aa8877
lite brone: ddccbb
grayish: aabbbb
blue: 6699cc
pink: ff99aa
peach: ff9988
dull brown: aa9999


*/



/* =basics */



body {
font-family: Optima, "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #444444;
background: url("images/bk-wrap.gif") 0 355px repeat-x #ffffff;
}



a, .ui-accordion-header {outline: none;}

img {border: 0;}

abbr {cursor: help;}

table {
border-collapse: collapse;
font-size: 1em;
}


/* =links */
a:link, a:visited {
color: #ff9999;
text-decoration: none;
}

a:hover {
color: #6699cc;
text-decoration: none;
}

.btn a {
padding: 3px 10px;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

a#slick-toggle {
font-size: 1.2em;
padding: 5px 0;
clear: both;
display: block;
width: 250px;
}

span.show {
background: url("images/icon-more.gif") 0 50% no-repeat;
padding-left: 22px;
}

span.hide {
background: url("images/icon-less.gif") 0 50% no-repeat;
padding-left: 22px;
}





/* =text */
h1 {
font-size: 4em;
letter-spacing: -1px;
}

h2 {
font-size: 2.6em;
letter-spacing: -1px;
}

h3 {
font-weight: normal;
font-size: 2.0em;
}

h4 {
font-weight: normal;
font-size: 1.4em;
}

h5 {
font-weight: normal;
font-size: 1.3em;
}

p {
font-size: 1em;
}

ul {
font-size: 1em;
list-style-type: none;
margin-left: 0;
}

.footnote {
font-size: 98% !important;
}

.caption {
font-size: 1.1em;
display: block;
margin-top: 5px;
}


.adobe-reader {
background-color: #ffffdd;
height: 1%;
overflow: hidden;
padding: 5px;
margin: 15px 0;
}

.adobe-link {
float: left;
width: 158px;
margin-right: 10px;
}

.adobe-link img {
float: left;
width: 158px;
}

.adobe-reader p {
margin-bottom: 0 !important;
}


/* =general */
#top {
margin-left: auto;
margin-right: auto;
width: 100%;

}




.wrap {
width: 760px;
margin-left: auto;
margin-right: auto;
height: 1%;
overflow: hidden;
}

#top .wrap {
padding-top: 10px;
padding-bottom: 10px;
}

#logo-gateway {
float: left;
width: 240px;
height: 75px;
background-image: url("images/logo-gateway.png");
background-position: 0 0;
background-repeat: no-repeat;
background-color: #ff9999;
}



#logo-gateway a {
display: block;
width: 240px;
height: 75px;
text-indent: -999em;

}

/* banner */
#banner {
float: right;
width: 468px;
height: 60px;
border: 1px solid #666666;
background: #eeeeee;
margin-top: 5px;
position: relative;
}


ul#ads {
position: absolute;
top: 0;
left: 0;
}

ul#ads li {
position: absolute;

}


#banner a {
display: block;
}




#banner h4 {
margin: 20px auto;
text-align: center;
color: #aabbbb;
}


/* =showcase */

#showcase {
margin-left: auto;
margin-right: auto;
width: 100%;
background-image: url("images/bk-main.png");
background-position: 0 0;
background-repeat: repeat;
background-color: #aa9999;
}

#home #showcase {
background-color: #aa9999;
}

#features #showcase {
background-color: #aa9999;
}


#shopping #showcase {
background-color: #aa9999;
}


* html #showcase {
background-image: none;
}

#showcase .wrap {
height: 1%;
overflow: hidden;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
width: 760px;
}

#masthead {
height: 260px;
width: 760px;
position: relative;
background: url("images/masthead-homealt.jpg") 0 50% no-repeat;
}

#home #masthead {
background: url("images/masthead-home.jpg") 0 50% no-repeat;
}

#features #masthead {
background: url("images/masthead-features.jpg") 0 0 no-repeat;
}

#shopping #masthead {
background: url("images/masthead-shopping.jpg") 0 0 no-repeat;
}

#sights #masthead {
background: url("images/masthead-sights.jpg") 0 0 no-repeat;
}

#calendar #masthead {
background: url("images/masthead-calendar.jpg") 0 0 no-repeat;
}

#faq #masthead {
background: url("images/masthead-faq.jpg") 0 0 no-repeat;
}

#recipes #masthead {
background: url("images/masthead-recipes.jpg") 0 0 no-repeat;
}

#first #masthead {
background: url("images/masthead-first.jpg") 0 0 no-repeat;
}

#advertise #masthead {
background: url("images/masthead-advertise.jpg") 0 0 no-repeat;
}

#tides #masthead {
background: url("images/masthead-tides.jpg") 0 0 no-repeat;
}

#mapguide #masthead {
background: url("images/masthead-map.jpg") 0 0 no-repeat;
}

#dining #masthead {
background: url("images/masthead-dining.jpg") 0 0 no-repeat;
}

#golf #masthead {
background: url("images/masthead-golf.jpg") 0 0 no-repeat;
}

#contact #masthead {
background: url("images/masthead-contact.jpg") 0 0 no-repeat;
}

#about #masthead {
background: url("images/masthead-about.jpg") 0 0 no-repeat;
}


#subscribe #masthead {
background: url("images/masthead-subscribe.jpg") 0 0 no-repeat;
}

#ebookguide #masthead {
background: url("images/masthead-ebook.jpg") 0 0 no-repeat;
}



#accommodations #masthead {
background: url("images/masthead-accommodations.jpg") 0 0 no-repeat;
}

.inner {
height: 248px;
width: 748px;
border: 1px solid #ffffff;
position: absolute;
top: 5px;
left: 5px;
}


.details {
background: url("images/bk-h2.png") right 0 repeat-y;
width: 300px;
min-height: 60px;
position: absolute;
bottom: 15px;
left: 0;
z-index: 5;
padding: 10px;
}

.details h2 {
color: #ff9999;
font-size: 1.6em;
line-height: 150%;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}

.indent {
margin-left: 30px;
}


#h2-welcome {
text-indent: -999em;
background: url("images/h2-welcome.gif") 0 0 no-repeat;
height: 65px;
display: block;
}

#h2-contact {
text-indent: -999em;
background: url("images/h2-contact.gif") 0 0 no-repeat;
height: 65px;
display: block;
}

#h2-services {
text-indent: -999em;
background: url("images/h2-services.gif") 0 0 no-repeat;
height: 65px;
display: block;
}

#h2-about {
text-indent: -999em;
background: url("images/h2-about.gif") 0 0 no-repeat;
height: 65px;
display: block;
}

#h2-guides {
text-indent: -999em;
background: url("images/h2-guides.gif") 0 0 no-repeat;
height: 65px;
display: block;
}

#h2-lowcountry {
text-indent: -999em;
background: url("images/h2-lowcountry.gif") 0 0 no-repeat;
height: 65px;
display: block;
}

#h2-plan {
text-indent: -999em;
background: url("images/h2-plan.gif") 0 0 no-repeat;
height: 65px;
display: block;
}


.details h3 {
color: #6699cc;
line-height: 120%;
}



/* =main */
#main {
/* background: url("images/bk-content.png") 0 -300px repeat; */
width: 100%;
clear: both;
}

* html #main {
background-image: none;
}

#main .wrap {
background-color: #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
width: 740px;
padding: 10px;
}

/* =nav */
#nav {
width: 180px;
float: left;
}




.nav-list {
background: url("images/bk-ornament.gif") left 0 no-repeat;
padding-top: 40px;
margin-bottom: 15px;
}


#nav li {
font-size: 1.4em;
padding: 5px 5px 5px 0;
border-bottom: 1px dotted #ddccbb;
line-height: 130%;
}

#nav li li {
font-size: 90%;
padding: 0;
border-bottom: 0;
}

#nav .nolink {
font-weight: bold;
color: #ff9999;
}

#nav li a {
text-decoration: none;
display: block;
width: 100%;
}

#nav li a:link, #nav li a:visited {
color: #aa8877;
}

#nav li a:hover {
color: #6699cc;
}

#nav li.current a:link, #nav li.current a:visited {
color: #aa8877;
font-weight: bold;
}

#nav li.current a:hover {
color: #6699cc;
}

#facebook {
margin-bottom: 20px;
font-size: 1.4em;
}


#facebook a {
background: url("images/logo-facebook.png") left 50% no-repeat #aa8877;
padding: 0 0 0 40px;
height: 30px;
width: 138px;
border: 1px solid #ddccbb;
display: block;
line-height: 30px;
}

#facebook a:link, #facebook a:visited {
background: url("images/logo-facebook.png") left 50% no-repeat #aa8877;
border: 1px solid #ddccbb;
}

#facebook a:hover {
background: url("images/logo-facebook.png") left 50% no-repeat #6699cc;
border: 1px solid #6699cc;
}




/* =content */

#content {
float: right;
width: 540px;
height: 1%;
overflow: hidden;
}

.advertiser .box {
position: relative;
}

.advertiser .box .entrymeta {
position: absolute;
top: 0;
right: 0;
z-index: 5;
}


.entrymeta li {
font-size: 1.2em;
}

.entrymeta li a {
padding: 3px 10px;
display: block;
background-color: #FF9999;
color: #ffffff;
}

.entrymeta li a:link, .entrymeta li a:visited {
background-color: #FF9999;
color: #ffffff;
}

.entrymeta li a:hover {
background-color: #6699cc;
color: #ffffff;
}



#content h3 {
font-size: 2.4em;
line-height: 130%;
margin-bottom: 15px;
color: #aa8877;
}

#features #content h4, #sights #content h4, #advertise #content h4, #calendar #content h4, #recipes #content h4, #subscribe #content h4, #about #content h4 {
font-size: 1.8em;
line-height: 130%;
margin-bottom: 15px;
color: #886688;
}


#content p {
font-size: 1.2em;
line-height: 150%;
margin-bottom: 15px;
font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
}

#content p.prelude {
font-size: 1.4em;
color: #6699cc;
line-height: 130%;
}


#content .btn a:link, #content .btn a:visited {
background-color: #ff9999;
color: #ffffff;
}

#content .btn a:hover {
background-color: #6699cc;
color: #ffffff;
}

/* =slider */
#slider {
margin-bottom: 15px;
padding-bottom: 15px;
height: 300px;
width: 540px;
border-bottom: 1px solid #ddccbb;
position: relative;
}

#sliderContent {
height: 300px;
width: 540px;
overflow: hidden;
}

#sliderContent li {
height: 300px;
width: 540px;
position: relative;
}


#sliderContent .summary {
height: 280px;
width: 200px;
position: absolute;
top: 0;
right: 0;
padding: 10px;
z-index: 3;
}

#sliderContent .summary h5 {
line-height: 140%;
}


.sliderImage {
position: absolute;
top: 0;
left: 0;
}



#prev, #next {
z-index: 5;
cursor: pointer;
height: 30px;
width: 20px;
display: block;
text-indent: -999em;
opacity: .5;
filter: alpha(opacity=50);
}

#prev {
position: absolute;
left: 499px;
bottom: 30px;
background: url("images/prev-next.gif") no-repeat left 50% #000000;
}

#next {
position: absolute;
left: 520px;
bottom: 30px;
background: url("images/prev-next.gif") no-repeat right 50% #000000;
}

a#prev:hover, a#next:hover {
background-color: #000000;
opacity: .8;
filter: alpha(opacity=80);
}

#slider .btn {
text-align: center;
margin: 20px auto !important;
width: 200px;
}

#slide-01 .summary {
background-color: #4e5ca0;
}

#slide-02 .summary {
background-color: #005588;
}

#slide-03 .summary {
background-color: #0066bb;
}

#slide-01 .summary, #slide-02 .summary, #slide-03 .summary {
text-align: center;
}

#slide-01 h4 {
color: #ff9999;
font-size: 1.6em;
margin-bottom: 10px;
margin-top: 60px;
font-size: 1.8em;
}

#slide-01 h3, #slide-02 h3, #slide-03 h3 {
color: #ffffff;
font-size: 2.2em;
margin-bottom: 10px;
}

#slide-02 h3 {
margin-top: 60px;
}

#slide-03 h3 {
margin-top: 60px;
}


#slide-01 h3 span, #slide-02 h3 span, #slide-03 h3 span {
font-size: 50%;
text-transform: uppercase;
letter-spacing: 1px;
color: #cccccc;
line-height: 150%;
}


#slide-01 h5, #slide-02 h5, #slide-03 h5 {
color: #ddeeff;
margin-bottom: 10px;
}

#sliderContent .summary a {
font-weight: bold;
color: #ffffff;
}



#welcome {
border-bottom: 1px solid #ddccbb;
margin-bottom: 15px;
height: 1%;
overflow: hidden;
}

.slicker {
overflow: hidden;
}

/* =images */
.photo {
width: 150px;
height: auto;
position: relative;
}


#adinfo .ad-photo {
width: 250px;
height: 250px;
padding: 4px;
border: 1px solid #ddccbb;
}

#sights .photo {
width: 100px;
height: 100px;
}

#advertise .photo {
width: 240px;
height: 280px;
}

#subscribe .photo {
width: 250px;
height: 250px;
}

.floatright img {
float: right;
}


.frame {
position: absolute;
border: 1px solid #ffffff;
top: 5px;
left: 5px;
width: 138px;
height: 138px;
z-index: 2;
}

.single .frame {
position: absolute;
border: 1px solid #ffffff;
top: 5px;
left: 5px;
width: 238px;
height: 238px;
z-index: 2;
}

.single .photo {
width: 250px;
height: 250px;
}

.single .photo p {
color: #aa8877;
font-size: 96%;
margin-bottom: 0 !important;
}

#welcome .frame {
height: 388px;
}

#mapguide .entry .photo {
width: 200px;
height: auto;
}

#mapguide .entry img {
width: 200px;
height: auto;
}

#mapguide .frame {
width: 188px !important;
height: 188px !important;
}


#sights .frame {
height: 88px !important;
width: 88px !important;
}

#advertise .frame {
height: 268px !important;
width: 228px !important;
}

#subscribe .frame {
height: 238px !important;
width: 238px !important;
}

#sights .photo img {
height: 100px !important;
width: 100px !important;
}

#subscribe .photo img {
height: 250px !important;
width: 250px !important;
}

.floatright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

.floatleft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.clearboth {
clear: both;
}



/* =block */

#content .block-lg {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #ddccbb;
clear: both;
float: left;
width: 100%;
}

#content .block-sm {
width: 250px;
min-height: 250px;
height: auto !important;
height: 250px;
position: relative;
}

#content .block-sm h3 {
color: #aa8877;
}

#content .block-sm h3, #content .block-sm h5, #content .block-sm h4 {
margin-bottom: 15px;
line-height: 130%;
}

#content .block-sm p, #content .block-sm h4, #content .block-sm h5 {
width: 50%;
}


/* =smg */
#smg {
width: 180px;
}


#smg a {
width: 180px;
height: 185px;
background: url("images/smg-gateway-services.jpg") 0 0 no-repeat;
display: block;
text-indent: -999em;
}


/* =weather */
#weather {
float: right;
padding-left: 15px;
}


#weather img.current-icon {
float: right;
width: 120px;
height: 120px;
display: inline;
}


#h3-weather {
text-indent: -999em;
background: url("images/h3-weather.gif") 0 0 no-repeat;
height: 35px;
display: block;
}

#weather h3 {
font-size: 1.6em;
}

#weather h4 {
font-size: 3.4em;
margin-bottom: 5px !important;
}

#weather h4 span {
color: #999999;
font-size: 60%;
line-height: 100%;
display: block;
}

#content #weather h5 {
margin-bottom: 0;
}


/* =map */
#map {
float: left;
padding-left: 15px;
background: url("images/bk-compass.jpg") right 80px no-repeat;
}

#h3-map {
background: url("images/h3-map.gif") 0 0 no-repeat;
height: 79px;
text-indent: -999em;
}


/* =ebook */
#ebook {
position: relative;
border-right: 1px dotted #ddccbb;
padding-right: 15px;
float: left;
}

#ebook img {
position: absolute;
right: 15px;
top: -15px;
}

#h3-ebook {
background: url("images/h3-ebook.gif") 0 0 no-repeat;
height: 60px;
text-indent: -999em;
}



/* =info */
#home #searchbox {
float: left;
padding-right: 15px;
border-right: 1px dotted #ddccbb;
}




/* =features */
#h3-features {
text-indent: -999em;
background: url("images/h3-features.gif") 0 0 no-repeat;
height: 35px;
display: block;
}


.entry {
margin-bottom: 15px;
border-bottom: 1px solid #ddccbb;
height: 1%;
overflow: hidden;
}

#mapguide #intro, #subscribe #intro, #about #intro {
overflow: hidden;
position: relative;
border-bottom: 1px solid #ddccbb;
height: 350px;
background: url("images/bk-intro.gif") -40px bottom repeat-x;
margin-bottom: 15px;
}



#ebookguide #intro {
overflow: hidden;
position: relative;
border-bottom: 1px solid #ddccbb;
height: 350px;
background: url("images/bk-intro-ebook.gif") 0 bottom repeat-x;
margin-bottom: 20px;
}

#mapguide #intro img {
position: absolute;
bottom: 0;
right: 0;
width: 280px;
height: auto;
}

#ebookguide #intro img {
position: absolute;
bottom: 0;
right: 0;
width: 320px;
height: auto;
}

#past #intro img {
position: absolute;
bottom: 0;
left: 0;
width: 540px;
height: auto;
}

#present #intro img {
position: absolute;
top: 15px;
left: 15px;
padding: 4px;
background-color: #ffffff;
border: 1px solid #ddccbb;
}

#past #intro .trans {
position: absolute;
bottom: 0;
text-align: center;
margin-bottom: 0;
background: url("images/bk-trans.png") 0 0 repeat;
width: 100%;
padding: 15px 0;
}



#subscribe #intro img {
position: absolute;
bottom: 0;
right: 0;
width: 308px;
height: auto;
}

#mapguide #intro p, #ebookguide #intro p {
width: 200px;
margin-left: 10px;
}

#subscribe #intro p {
width: 200px;
margin-left: 10px;
}

.cell {
padding: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


#ebookguide .cell {
padding: 10px;
background-color: #ffffff;
margin-left: 10px;
width: 180px;
border: 1px solid #ddeeff;
}

#ebookguide .cell dl {
margin-bottom: 10px;
}


#ebookguide .cell dt {
font-size: 1.4em;
}

#ebookguide .cell dd {
font-size: 1.1em;
padding-left: 20px;
}


/* #ebook-faq {float: left;width: 270px;} */

#ebook-faq h4 {
font-size: 1.8em;
line-height: 130%;
color: #886688;
font-weight: bold;
}

#ebook-faq img {
border: 1px solid #eaeaea;
}



#ebook-screens {
float: right;
width: 250px;
}


#ebook-screens img {
width: 248px;
border: 1px solid #eaeaea;
margin-bottom: 5px;
}

#ebook-screens p {
border-bottom: 1px dotted #ddccbb;
padding-bottom: 15px;
}


#mapguide .entry dl {
float: left;
}


#mapguide .entry dt {
font-size: 1.8em;
line-height: 130%;
margin-bottom: 15px;
color: #886688;
font-weight: bold;
}

#mapguide .entry dt span {
font-size: 80%;
display: block;
font-weight: normal;
}

#mapguide .entry dd {
font-size: 1.3em;
line-height: 130%;
padding: 2px 0;
}



a.file-zip {
background: url("images/icon-zip.gif") 0 50% no-repeat;
padding: 2px 0 2px 20px;
display: block;
}

a.file-pdf {
background: url("images/icon-pdf.gif") 0 50% no-repeat;
padding: 2px 0 2px 20px;
display: block;
}

a.file-view {
background: url("images/icon-view.gif") 0 50% no-repeat;
padding: 2px 0 2px 20px;
display: block;
}

a.file-download {
background: url("images/icon-download.gif") 0 50% no-repeat;
padding: 2px 0 2px 20px;
display: block;
}


/* =sights */

#h2-sights {
text-indent: -999em;
background: url("images/h2-sights.gif") 0 0 no-repeat;
height: 60px;
display: block;
}

#h3-sights {
text-indent: -999em;
background: url("images/h3-sights.gif") 0 0 no-repeat;
height: 50px;
display: block;
}


#sights #content .entry p span {
color: #886688;
}

/* =faq */

#faq #content dl {
margin-bottom: 15px;
border-bottom: 1px solid #ddccbb;
}

#faq #content dt {
font-size: 1.8em;
color: #886688;
line-height: 130%;
margin-bottom: 5px;
}

#faq #content dd {
font-size: 1.2em;
line-height: 150%;
margin-bottom: 15px;
font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
}


/* =recipes */


.ui-state-active a {
color: #886688;
cursor: default;
}


#recipes #content .accordion-hide {
margin-bottom: 15px;
border-bottom: 1px solid #ddccbb;
}

.multiple .entry {
width: 44%;
float: left;
margin-left: 5px;
margin-right: 5px;
background: #fbf6eb;
padding: 10px;
border-bottom: 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height: 180px;
overflow: hidden;
}



#recipes #content h5 {
font-size: 1.2em;
color: #aa8877;
margin-bottom: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}


#recipes #content .ingredients {
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ddccbb;
width: 60%;
clear: right;
}

#recipes #content .ingredients ul {
font-size: 1.2em;
margin-left: 15px;
color: #aa8877;
margin-bottom: 15px;
}

#recipes #content .ingredients li {
line-height: 150%;
list-style-position: outside;
list-style-type: square;
}

#recipes #content ol {
font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
font-size: 1.2em;
margin-left: 15px;
margin-bottom: 15px;
}

#recipes #content ol li {
line-height: 130%;
list-style-position: outside;
}




/* =plan your visit */


h4.request a {
margin-bottom: 15px;
padding: 15px 160px 15px 10px;
background: url("images/bk-request.png") right 50% no-repeat #ddeeff;
line-height: 130%;
display: block;
clear: both;
}

h4.request a:link, h4.request a:visited {
background-color: #ddeeff;
color: #444444;
}

h4.request a:link span, h4.request a:visited span {
color: #0066bb;
font-weight: bold;
}

h4.request a:hover {
background-color: #0066bb;
color: #ddeeff;
}

h4.request a:hover span {
color: #ffffff;
font-weight: bold;
}

#adgrid {
height: 1%;
overflow: hidden;
}

.box {
width: 150px;
margin-left: 5px;
margin-right: 5px;
padding: 10px;
background: #fbf6eb;
float: left;
color: #aa8877;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 15px;
height: 240px !important;
overflow: hidden;
}

* html .box {
display: inline;
}


.box dd img {
height: 150px !important;
overflow: hidden;
}



.box dt {
font-size: 1.3em;
line-height: 130%;
color: #6699cc;
margin-bottom: 5px;
font-weight: bold;
height: 35px;
overflow: hidden;
}


.box dd {
font-size: 1.2em;
line-height: 130%;
text-align: center;
}



.box img {
width: 100%;
height: auto !important;
margin-bottom: 5px;
}


#h3-shopping {
text-indent: -999em;
background: url("images/h3-shopping.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#h3-services {
text-indent: -999em;
background: url("images/h3-services.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#h3-dining {
text-indent: -999em;
background: url("images/h3-dining.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#h3-accommodations {
text-indent: -999em;
background: url("images/h3-accommodations.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#h3-golf {
text-indent: -999em;
background: url("images/h3-golf.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#h3-mapguide {
text-indent: -999em;
background: url("images/h3-mapguide.gif") 0 0 no-repeat;
height: 115px;
width: 260px;
display: block;
}

#h3-ebookguide {
text-indent: -999em;
background: url("images/h3-ebookguide.gif") 0 0 no-repeat;
height: 80px;
width: 200px;
display: block;
}


#h3-subscribe {
text-indent: -999em;
background: url("images/h3-subscribe.gif") 0 0 no-repeat;
height: 115px;
width: 200px;
display: block;
}


#h3-attractions {
text-indent: -999em;
background: url("images/h3-attractions.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#h3-faq {
text-indent: -999em;
background: url("images/h3-faq.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#h3-recipes {
text-indent: -999em;
background: url("images/h3-recipes.gif") 0 0 no-repeat;
height: 50px;
display: block;
}


#adhead {
height: 1%;
overflow: hidden;
margin-bottom: 15px;
}

#adhead .logo {
float: right;
width: 250px;
}

#adhead .logo img {
float: right;
}


#adhead .vcard, #services .entry .vcard, #sights .entry .vcard {
width: 270px;
margin-bottom: 15px;
}

#services .entry .vcard, #sights .entry .vcard {
float: left;
}

#services .entry, #sights .entry {
height: 1%;
overflow: hidden;
padding-bottom: 15px;
}



#adhead .vcard dt, #services .entry .vcard dt, #sights .entry .vcard dt {
font-weight: bold;
color: #6699cc;
font-size: 1.8em;
line-height: 130%;
margin-bottom: 5px;
}


#adhead .vcard dd, #services .entry .vcard dd, #sights .entry .vcard dd {
line-height: 130%;
font-size: 1.2em;
padding: 5px 0;
border-bottom: 1px #ddccbb dotted;
}

#adhead .vcard .tel, #services .entry .vcard .tel, #sights .entry .vcard .tel {
background: url("images/icon-phone.gif") no-repeat 0 5px;
padding-left: 22px;
}

#adhead .tel .type, #services .entry .tel .type, #sights .entry .tel .type {
display: none;
}

#adhead .tel .value, #services .entry .tel .value, #sights .entry .tel .value {
display: block;
}

#adhead .vcard .adr, #services .entry .vcard .adr, #sights .entry .vcard .adr {
background: url("images/icon-adr.gif") no-repeat 0 5px;
padding-left: 22px;
}

#adhead .vcard .street-address, #services .entry .vcard .street-address, #sights .entry .vcard .street-address {
display: block;
}

#adhead .vcard .notes, #services .entry .vcard .notes, #sights .entry .vcard .notes {
display: block;
font-style: italic;
}

#adhead .vcard .icon-url, #services .entry .vcard .icon-url, #sights .entry .vcard .icon-url {
background: url("images/icon-url.gif") no-repeat 0 5px;
padding-left: 22px;
}

#adhead .vcard .icon-email, #services .entry .vcard .icon-email, #sights .entry .vcard .icon-email {
background: url("images/icon-email.gif") no-repeat 0 5px;
padding-left: 22px;
}

#adhead img {
float: right;
}

#adinfo {
clear: both;
}


#adinfo img {
width: 250px;
height: 250px;
}

#adinfo .logosm img {
width: 150px !important;
height: auto !important;
}

#adinfo .entry h5 {
margin-bottom: 15px;
color: #6699dd;
font-weight: bold;
}

#adinfo ul {
margin-bottom: 15px;
list-style-type: square;
list-style-position: outside;
margin-left: 15px;
}

#adinfo li {
line-height: 150%;
font-size: 1.2em;
}

ul#ad-btn {
list-style-type: none;
clear: both;
margin-top: 15px;
}

ul#ad-btn li {
text-indent: -999em;
float: left;
}

ul#ad-btn li a {
display: block;
width: 100px;
height: 25px;
margin-right: 10px;
}

#btn-map a, #btn-map a:link {
background: url("images/btn-ad.gif") 0 0 no-repeat;
}

#btn-coupon a, #btn-coupon a:link {
background: url("images/btn-ad.gif") 0 -25px no-repeat;
}

#btn-map a:hover {
background: url("images/btn-ad.gif") -100px 0 no-repeat;
}

#btn-coupon a:hover{
background: url("images/btn-ad.gif") -100px -25px no-repeat;
}

#googlemap {
clear: both;
}

#post-354 #googlemap, #post-354 #gmap-footer {
display: none !important;
}


#services .entry #googlemap, #sights .entry #googlemap {
clear: none;
float: right;
width: 250px;
border: 1px solid #ddccbb;
}





#googlemap h4 {
font-size: 1.8em;
line-height: 130%;
color: #ffffff;
background-color: #aa8877;
padding: 5px;
border-bottom: 1px solid #ffffff;
}

.GMapEZ {
border: 0 !important;
}

#gmap-footer {
height: 1%;
overflow: auto;
background-color: #aa8877;
color: #ffffff;
border-top: 1px solid #ffffff;
}

#gmap-footer p {
float: left;
width: 350px;
font-size: 1.1em;
line-height: 120%;
padding: 5px;
margin: 0;
}

#gmap-footer a {
float: right;
font-size: 1.3em;
padding: 12px 10px 12px 30px;
text-decoration: none;
border-left: 1px solid #ffffff;
text-align: left;
display: block;
}

#gmap-footer a:link, #gmap-footer a:visited {
background-color: #aa8877 !important;
color: #ddccbb;
background-repeat: no-repeat;
background-position: 10px 50%;
}

#gmap-footer a:hover {
color: #ffffff;
}


a.top:link, a.top:visited {
background-image: url("images/icon-top.gif");
background-repeat: no-repeat;
}


a.refresh:link, a.refresh:visited {
background-image: url("images/icon-refresh.gif");
}





/* =calendar */
#h2-calendar {
text-indent: -999em;
background: url("images/h2-calendar.gif") 0 0 no-repeat;
height: 60px;
display: block;
}

#h3-cal {
text-indent: -999em;
background: url("images/h3-cal.gif") 0 0 no-repeat;
height: 45px;
display: block;
}

#advertise .tabs-hide, #about .tabs-hide {
display: none;
}



#directory {
margin-bottom: 15px;
padding-top: 5px;
}


#directory ul {
padding: 5px;
margin-left: 0;
border-bottom: 1px solid #ddccbb;
background: url("images/bk-tabs.gif") 0 bottom repeat-x;
}

#directory li {
font-size: 1.4em;
list-style: none;
margin: 0;
display: inline;
}

#directory li a {
padding: 5px;
margin-left: 3px;
border: 1px solid #ddccbb;
border-bottom: none;
text-decoration: none;
color: #aa8877;
background-color: #ffffff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

#directory li a:link {
color: #aa8877;
}

#directory li a:hover {
color: #ff9999;
}


#directory .tabs-nav .tabs-selected a, #directory .tabs-nav .tabs-selected a:visited {
cursor: default;
font-weight: bold;
border-bottom: 1px solid #ffffff;
color: #ff9999;
}



#h3-first {
text-indent: -999em;
background: url("images/h3-first.gif") 0 0 no-repeat;
height: 35px;
display: block;
}



.events dl {
border-bottom: 1px dotted #ddccbb;
margin-bottom: 15px;
overflow: hidden;
height: 1%;
}


.events dt {
float: left;
width: 50px;
margin-bottom: 15px;
font-size: 1.4em;
color: #ff9999;
font-weight: bold;
letter-spacing: -1px;
min-height: 40px;
height: auto !important;
height: 40px;
background-color: #ffffff;
text-align: center;
border: 1px solid #ddccbb;
padding: 2px;
}

#first .events dt, #features .events dt {
border: 0;
border-right: 1px solid #ddccbb;

}

#features .events {
clear: both;
}


.events dt span {
display: block;
background-color: #aa8877;
padding: 1px;
text-transform: uppercase;
font-size: 70%;
font-weight: normal;
letter-spacing: 1px;
color: #ffffff;
}

.events dd {
margin-left: 65px;
font-size: 1.2em;
line-height: 130%;
margin-bottom: 15px;
}


/* =tides */

#h2-tides {
text-indent: -999em;
background: url("images/h2-tides.gif") 0 0 no-repeat;
height: 60px;
display: block;
}


#h3-tides {
text-indent: -999em;
background: url("images/h3-tides.gif") 0 0 no-repeat;
height: 35px;
display: block;
}

#tides .floatleft, #tides .floatright {
width: 45%;
border: 5px solid #ddeeff;
}


#tides .clearboth {
margin-bottom: 15px;
}


#tides table.grid {
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 1.2em;
}


.grid caption {
font-size: 1.2em;
padding-bottom: 10px;
padding-top: 10px;
text-transform: uppercase;
text-align: center;
margin-left: auto;
margin-right: auto;
letter-spacing: 1px;
}


.grid td {
padding: 4px;
border: 1px solid #ddeeff;

}
.grid th {
background-color: #ddeeff;
padding: 4px;
border: 1px solid #ffffff;

}


/* =subcribe */

#subscribe h5 {
line-height: 130%;
color: #aa8877;
font-weight: bold;
}

h3#visit-strand a {
text-indent: -999em;
background: url("images/visit-strand.jpg") 0 0 no-repeat;
width: 540px;
height: 260px;
display: block;
}


/* =advertise */
#h2-advertise {
text-indent: -999em;
background: url("images/h2-advertise.gif") 0 0 no-repeat;
height: 60px;
display: block;
}

#advertise #content .entry ul {
list-style-type: square;
list-style-position: outside;
margin-left: 15px;
margin-bottom: 15px;
}

#advertise #content .entry li {
font-size: 1.2em;
line-height: 150%;
}

#advertise .cell {
background: #ffffff;
border: 1px solid #ddccbb;
}

#advertise .cell p {
margin-bottom: 0;
}

#advertise .cell h5 {
font-size: 1.8em;
color: #6699cc;
line-height: 130%;
width: 200px;
border-right: 1px dotted #ddccbb;
float: left;
margin-right: 15px;
}

/* =contact */

#h3-contact {
text-indent: -999em;
background: url("images/h3-contact.gif") 0 0 no-repeat;
height: 50px;
display: block;
}

#contactlist img {
margin-bottom: 15px;
border: 1px solid #ddccbb;
background-color: #ffffff;
padding: 4px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}

#contactlist h5, #present h5 {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 15px;
color: #aa8877;
border-top: 1px solid #aa8877;
border-bottom: 1px solid #aa8877;
clear: both;
}


#contactlist h4 {
font-size: 1.2em;
color: #886688;
margin: 0;
padding: 5px 0 5px 0;
border-top: 1px dotted #ddccbb;
text-transform: uppercase;
letter-spacing: 1px;
clear: both;
width: 100%;
text-align: center;
font-weight: bold;
}

#contactlist dl {
margin: 0;
padding: 0;
margin-bottom: 15px;
text-align: center;
}


#contactlist dl.floater {
float: left;
width: 48%;
}

#contactlist dt {
margin-left: 0;
font-size: 1.3em;
}

#contactlist dd {
margin-left: 0;
font-size: 1.2em;
}

#contactlist .fn {
font-weight: bold;
}

#contactlist .title {
font-style: italic;
}

#contactlist .company-card {
font-size: 110%;
}


.bcard {
margin-top: 10px;
}

#contactlist #member dl {
text-align: center;
}


#contactlist #member dt {
font-size: 1.1em;
font-weight: bold;
}

#contactlist #member dd {
font-size: 1.1em;
}



/* =footer */

#footer {
color: #aa8877;
width: 100%;
margin-left: auto;
margin-right: auto;
clear: both;
margin-top: 15px;
text-align: center;

}



#footer .wrap {
background: url("images/bk-footer.gif") 50% 0 no-repeat #ffffff; 
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
width: 740px;
padding: 30px 10px 15px 10px;
position: relative;
}


#footer a {
text-decoration: none;
}


#footer p {
font-size: 1.1em;
line-height: 150%;
}

.top-link {
position: absolute;
right: 0;
top: 30px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0;
font-weight: bold;
}

.top-link a {
padding: 5px 5px 5px 20px;
background: url("images/icon-toppg.gif") 0 50% no-repeat; 
}

/* calendar */
table#compprop0 {
width: 100%;
}

table#compprop0 .Month {
font-weight: normal;
padding-bottom: 20px;
}

table#compprop0 th {
font-size: 2.0em;
}

table#compprop0 td {
padding: 10px;
}

table#compprop0 .alt {
background-color: #ffffdd;
}

.amrcol2 li {
font-size: 1.2em;
}
.amrcol1 li {
font-size: 1.4em;
}

.amrcol1 {
width: 80px;
}

li.starttime, li.endtime {
display: inline;
}

.amrcol2 li.summary {
font-weight: bold;
font-size: 1.4em;
}

.wp-pagenavi {
font-size: 1.2em;
}

.wp-pagenavi .pages {
color: #AA8877;
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #aa8877;
}

#freetrip {
height: 180px;
width: 540px;
margin-bottom: 20px;
}

#freetrip a {
display: block;
height: 180px;
width: 540px;
background: url("images/freetrip.jpg") 0 0 no-repeat; 
text-indent: -999em;
}

#freetrip a:link, #freetrip a:visited {
background: url("images/freetrip.jpg") 0 0 no-repeat; 
}

#freetrip a:hover {
background: url("images/freetrip.jpg") 0 -180px no-repeat; 
}


#freetrip-badge {
height: 110px;
width: 210px;
position: absolute;
top: 0;
right: 0;
z-index: 5;
}

#freetrip-badge a {
display: block;
height: 110px;
width: 210px;
background: url("images/freetrip-badge.png") 0 0 no-repeat; 
text-indent: -999em;
}

#affiliates {
clear: both;
width: 100%;
padding: 0;
padding-bottom: 15px;
background: #ffffff;
}

#affiliates h4 {
margin-bottom: 15px;
text-align: center;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
color: #6699cc;
}


#affiliates ul {
margin: 0 auto;
height: 60px;
width: 560px;
}

#affiliates li {
float: left;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #ddccbb;
}

#affiliates li a {
display: block;
background-image: url("http://strandmedia.com/images/smg-company-logos.png");
background-repeat: no-repeat;
text-indent: -999em;
height: 60px;

}

#affiliate-sasee a {
background-position: -311px 0;
width: 114px;
}

#affiliate-strand a {
background-position: -150px 0;
width: 162px;
}

#affiliate-gateway a {
background-position: -424px 0;
width: 151px;
}

#affiliate-pifma a {
background-position: 0 0;
width: 150px;
}

#affiliate-pifma {
border-right: 0 !important;
}

blockquote .quote {
font-size: 1.8em !important;
line-height: 140%;
color: #886688;
border-left: 2px solid #886688;
padding-left: 10px;
font-style: italic;
}

blockquote cite {
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-family: Optima, "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif !important;
font-style: normal;
}

blockquote cite:before {
content: "– "
}