/* --
	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", "Myriad Web Pro", "Myriad Web", 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.3em;
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, #tidechart #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;
}

#education #masthead {
background: url("images/masthead-homealt.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.3em;
}

.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.3em;
line-height: 150%;
margin-bottom: 15px;
font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
}

#content p.prelude {
font-size: 1.5em;
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: #594068;
}

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

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

#slide-04 .summary {
background-color: #663366;
}

#slide-01 .summary, #slide-02 .summary, #slide-03 .summary, #slide-04 .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, #slide-04 h3 {
color: #ffffff;
font-size: 2.2em;
margin-bottom: 10px;
}

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

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

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


#slide-01 h3 span, #slide-02 h3 span, #slide-03 h3 span, #slide-04 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, #slide-04 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;
margin-bottom: 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-widget {
font-size: 1.4em;
line-height: 140%;
width: 100%;
}

.weatherItem {
width: 100%;
background-position: 120px top;
}

.weatherTemp {
font-size: 4.2em;
letter-spacing:-1px;
line-height: 100%;
color: #a87;
}




#weather-widget img {
float: right;
width: 100px;
height: auto;
display: inline;
}


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




#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.3em;
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.3em;
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.3em;
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.3em;
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-education {
text-indent: -999em;
background: url("images/h3-education.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;
max-width: 250px;
}

#adhead .logo img {
float: right;
width: 100%;
}


#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.3em;
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.3em;
}

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 */

#events_wrap p {

text-indent: -999em;
float: left;
}

#events #events_wrap table p {

text-indent: 0 !important;
float: none !important;
}

#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.3em;
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.3em;
}


.grid caption {
font-size: 1.3em;
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.3em;
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.3em;
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.3em;
}

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

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

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


.bcard {
margin-top: 10px;
}

#contactlist #member {
clear: both;
}


#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 */

#icalnavs {
display: none;
}
.entry table.ical {
width: 100%;
font-size: 1em;
}

#events .entry th.Month {
font-weight: bold;
background: #cccccc;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
color: #666666;
text-shadow: 0 0 1px #ffffff;
padding: 10px;
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: 1px;
}

#events .entry tr.Month {
border-top: 2px solid #ffffff;
}


#events .entry table.ical td {
padding: 15px 10px;
}

#events .entry table.ical td {
border-bottom: 1px solid #eeeeee;
background: #ffffff;
background: -moz-linear-gradient(top, #FFFFFF 20%, #F4F4F4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#FFFFFF), color-stop(100%,#F4F4F4)); /* webkit */
}

#events .entry table.ical p {
margin-bottom: 0;
}

#events .amrcol2 li {
font-size: 1.0em;
line-height: 130%;
}
#events .amrcol1 li {
font-size: 1.3em;
}

#events .amrcol1 {
width: 65px;
vertical-align: top;
}

#events .amrcol2 {
vertical-align: top;
}

#events li.starttime, #events li.endtime {
display: inline;
font-size: 1.3em;
}

#events .amrcol2 li.summary {
font-weight: bold;
font-size: 1.6em;
}

#events .amrcol2 li.location {
font-size: 1.3em;
}

#events .eventdate {
text-align: center;
font-size: 2.4em !important;
letter-spacing: -1px;
font-weight: bold;
background: #ffffff;
color: #444444;
width: 60px;
border: 1px solid #cccccc;
-moz-box-shadow: 0 0 3px #cccccc;
-webkit-box-shadow: 0 0 3px #cccccc;
box-shadow: 0 0 3px #cccccc;
line-height: 140%;
}

#events .eventdate span {
text-transform: uppercase;
font-size: 50% !important;
letter-spacing: 1px !important;
font-weight: normal !important;
display: block;
line-height: 160% !important;
background: #886688 !important;
background: -moz-linear-gradient(top, #886688 0%, #664466 100%) !important; /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#886688), color-stop(100%,#664466)) !important; /* webkit */
color: #ffffff !important;
}

.eventdate abbr {
outline: none;
text-decoration: none;
border: none;
}

/* =tidechart */
#tidechart .entry .ical {
font-size: 1em;

}

#tidechart .entry .ical ul {
font-size: 1em;
}

#tidechart .entry .ical li {
list-style: none;
position: relative;
}

#tidechart .entry .ical ul.Day {
margin-left: 200px;
width: 340px;
margin-bottom: 20px;
}

#tidechart .entry .ical ul.Day li {
padding: 5px 0;
border-top: 1px solid #ddeeff;
height: 1%;
overflow: hidden;
font-size: 1.3em;
}

#tidechart .entry .ical ul.Day li span {

display: block;
float: left;
}

#tidechart .entry .ical ul.Day li span.amrcol1 {
font-weight: bold;
width: 30%;
}

#tidechart .entry .ical ul.Day li span.amrcol2 {

width: 70%;
}

#tidechart .entry .ical li.group {
position: relative;
height: 1%;
width: 200px;

}

#tidechart .entry .ical li.group span {
position: absolute;
width: 200px;
top: 0;
left: 0;
font-size: 3.6em;
border-top: 1px solid #ddeeff;
color: #88aacc;
padding-top: 10px;
}

#tidechart .entry .ical li.group span:first-line {
font-size: 45%;
text-transform: uppercase;
letter-spacing: 1px;
}


#tidechart .entry .ical span.Month {
font-weight: bold;
background: #88AACC; /* old browsers */
background: -moz-linear-gradient(top, #88AACC 0%, #5588AA 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88AACC), color-stop(100%,#5588AA)); /* webkit */
color: #ffffff;
text-shadow: 0 0 1px #5588aa;
padding: 10px;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
clear: both;
text-align: center;
font-size: 1.3em;
*font-size: 16px;
}









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

.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;
text-shadow: 0 1px 0 #ffffff;
}

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

blockquote cite:before {
content: "– "
}


blockquote cite em, blockquote cite strong {
text-transform: none !important;
letter-spacing: normal !important;
}

#testimonial {
margin-bottom: 15px;
padding: 15px 0 0;

}

#testimonial a#toggle_link {
display: block;
padding: 10px 0;
text-align: center;
font-size: 120%;
margin-top: -1px;
}

#testimonial a#toggle_link:link, #testimonial a#toggle_link:visited {
background: #aa8877;
color: #FBF6EB;
}

#testimonial a#toggle_link:hover {
background: #886688;
color: #ffffff;
}



#advertise-charleston-gateway .entry {
margin-bottom: 0;
}

#testimonial blockquote {
border-bottom: 1px solid #ddccbb;
background: #FBF6EB;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(235,230,217)),
    color-stop(1, rgb(251,246,235))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(235,230,217) 0%,
    rgb(251,246,235) 100%
);

margin-bottom: 1px;
padding: 15px 15px 0;
}



#content .text-ad {
padding: 10px;
background: #ffffcc;
clear: both;
margin-bottom: 15px;

}

#content .text-ad p:last-child {
margin-bottom: 0;
}


#calnav {
display: none;
float: left;
text-indent: -999em;
}


/* Hotels By City */



.sb_box{background: #ddeeff !important; /* Old browsers */
background: -moz-linear-gradient(top, #ddeeff 0%, #aaccee 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddeeff), color-stop(100%,#aaccee)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ddeeff 0%,#aaccee 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ddeeff 0%,#aaccee 100%) !important; /* Opera11.10+ */
background: -ms-linear-gradient(top, #ddeeff 0%,#aaccee 100%) !important; /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeeff', endColorstr='#aaccee',GradientType=0 ) !important; /* IE6-9 */
margin:0 auto 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}


.sb_fields{float:left;height:30px;width:280px;margin-bottom:5px;}
.sb_fields_sml{float:left;height:50px;width:180px;margin-bottom:5px;}
.sb_fields2{float:left;height:30px;width:80px;}
.sb_fields_rgt{text-align:right;height:30px;width:280px;}
.sb_titles{float:left;height:22px;width:140px;}
.sb_fields_sml_rgt{float:right;text-align:center;height:30px;width:170px;margin-top:20px;}
.sb_box_pad{padding:10px 20px;}
.sb_type{width:300px;}
.rs_search {
background: #aaccee !important; /* Old browsers */
background: -moz-linear-gradient(top, #aaccee 0%, #6699cc 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaccee), color-stop(100%,#6699cc)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aaccee 0%,#6699cc 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aaccee 0%,#6699cc 100%) !important; /* Opera11.10+ */
background: -ms-linear-gradient(top, #aaccee 0%,#6699cc 100%) !important; /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaccee', endColorstr='#6699cc',GradientType=0 ) !important; /* IE6-9 */
background: linear-gradient(top, #aaccee 0%,#6699cc 100%) !important; /* W3C */
padding: 7px 20px !important;
box-shadow: 0 1px 0 #def;
height: auto !important;
width: auto !important;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#fff !important;
cursor:pointer;
text-transform: uppercase;
}

#home input, #accommodations input {border:1px solid #69c !important;padding:3px;width:150px;font-family: Optima, "Gill Sans", "Gill Sans MT", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, sans-serif;font-weight:bold;}



.sb_box h3{margin-bottom: 10px;font-size:2.4em;color:#a87;}
.sb_box h3 span{display:block;font-size: 60%;text-transform: uppercase;letter-spacing:1px;}

#accommodations .sb_box h3 span {display: inline;}


#home .sb_box{width:250px;height:300px;
margin:0;}


#home .sb_fields{float:left;height:30px;width:100%;margin-bottom:5px 0;}
#home .sb_fields2{float:none;height:auto;width:auto;margin-bottom:20px;}
#home .sb_fields_rgt{float:none;text-align:center;clear:both;margin-top:20px;height:auto;width:auto;}
#home .sb_box_pad{padding:10px 20px;}
#home .sb_type{width:150px;}
#home .rs_calendar_in{top:0px;}.rs_calendar_out{top:0px;}


#accommodations .sb_box{ 
float:left;
width:540px;
height:auto;
margin-bottom:20px;
}

#accommodations .sb_titles {
font-size: 13px;
width: 100px;
height: auto;
line-height: 150%;
}
#accommodations .sb_fields{
float:left;
height:30px;
width:280px;
margin-bottom:5px;
}

#accommodations .sb_fields_sml {width:200px;}
#accommodations .sb_fields_sml_rgt {
float: right;
height: auto;
width: auto;
margin-top: 0;
margin-right: 210px;

}


