/* base
----------------------------------------------- */

body {
margin: 0 auto;
padding: 0;
font-family: Helvetica, arial, sans-serif;
color: #2b2b2b;
background: #8fbae7 url(/css-images/bg.gif) repeat-x top center;
text-align:center;
font-size: 62.5%; /* for IE */
}

html>body {
font-size: 10px; /* IE can’t read this */
}

blockquote {
margin-right: 20px;
margin-left: 20px;
}

h1, h2, h3, h4, h5 {
font-weight: normal;
}

h1 {
font-size: 3em;
}

h2 {
margin:0 auto; padding:0;
font-size: 1.75em;
line-height:2em;
color:#2b2b2b;
color:#426bba;
}

h3 {
font-size: 1.5em;
color:#000;
}

#rates h3 {
font-size:2em;
color:#fff;
text-align:center;
text-transform:uppercase;
}

h4 {
margin:0 auto; padding:0;
font-size: 1.2em;
color:#426bba;
}

h5 {
margin:0 auto; padding:5px;
font-size: 1.1em;
color:#2b2b2b;
text-transform:uppercase;
/*background:#fee362;*/
}

hr {
margin: 2em auto;
width: 370px;
height: 1px;
color: #7a7e7d;
background-color: #7a7e7d;
border: none;
}

small, .small {
font-size: 0.9em;
font-style:italic;
}

/* links
----------------------------------------------- */

a {
text-decoration: none;
color: #426bba;
}

a:hover {
text-decoration: underline;
}

/* Lists
--------------------------------------------*/
ul li {
list-style:none outside url(/css-images/check.gif);
}

/* overrides
----------------------------------------------- */

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

div.divider {
margin: 2em 0;
text-align: center;
}

/* Tables
--------------------------------------------*/
table {
border:0;
margin:0 30px 20px 0;
padding:0;
color:#3b3b3b;
}

table.rates, table.rate-title-row { width:980px; color: #3b3b3b; }
table.myrates { width:350px; color: #3b3b3b; float:left; font-size:0.8em;}
table.individual-rates { margin:0 auto; width:300px; color: #3b3b3b; font-size:0.9em;}

table tr td {
padding:5px;
}

table tr td.property-title { width: 104px; color:#fff; text-align:center; background:#21345b; }
table tr td.property-title-sp { width: 120px; color:#fff; text-align:center;  }

table tr td.from { width: 70px; text-align:right; }
table tr td.until { width: 70px; text-align:right; }
table tr td.weekly { width: 70px; text-align:right; }
table tr td.daily { width: 70px; text-align:right; }

table tr td.columna { width: 48%; text-align:right; }
table tr td.columnb { width: 48%; text-align:right; }
table tr.highlight { background-color:#e7e6e2; }
table tr.highlight2 { background-color:#efeeea; }

table tr.highlight td.weekly, table tr.highlight td.daily { background:#ffc; }
table tr.highlight2 td.weekly, table tr.highlight2 td.daily { background:#ffd; }
/*
table tr.highlight td.from, table tr.highlight td.until { color:#21345b; }
table tr.highlight2 td.from, table tr.highlight2 td.until { color:#fff; }
*/

#availability-chart table {
margin:0; padding:0;
width:700px;
}

#availability-chart table tr td {
padding:5px;
width:100px;
}


/* layout
----------------------------------------------- */
#accessibility {
position: absolute;
top: -10000px;
}

#corner-link {
background: url(/css-images/specials.gif) no-repeat top right;
position: absolute;
top: 0;
right: 0;
width: 195px;
height: 195px;
}

#container-outer {
margin: 0 auto;
padding: 0px;
width: 880px;
}

#container-inner {
margin: 0 auto; padding: 0;
width: 860px;
background:#fff;
text-align:left;
font-size:1.5em;
}

#container-rates {
margin: 0; padding: 0;
width: 980px;
color:#fff;
font-size:0.7em;
}

#head {
margin: 0 auto; padding: 0;
width: 860px;
height: 92px;
background: #ffa516 url(/css-images/head-bg.gif) no-repeat top center;
}

/* reviews link using sprites
----------------------------------------------- */
#reviewslink-container {
float:right;
margin:0; padding:0 10px 0 0;
}

#reviewslink {
float:right;
margin:0 auto; padding:0;
width: 173px; height: 53px;
background: url(/css-images/reviews-link-img.gif) no-repeat;
position:relative;
}

#reviewslink li {
margin:0 auto; padding:0;
list-style: none; 
background-color:transparent; 
position: absolute; top: 0;
}

#reviewslink li, #reviewslink a {
height: 53px; 
display: block;
background-color:transparent;
}

#reviews {left: 0px; width: 173px; }

#reviews a:hover { background: transparent url(/css-images/reviews-link-img.gif) -0px -53px no-repeat;}

/* end navigation using sprites */


/* home page
-------------------------------------*/
#navbar-container-home {
margin: 0px;
width:100%;
height:35px;
overflow:hidden;
background: url(/css-images/navbar-home-bg.gif) no-repeat top center;
text-align:left;
}

#banner {
margin: 0; padding: 0;
width:100%;
height:286px;
/*
background: #fff0a5 url(/css-images/banner-right.gif) no-repeat top right;
*/
text-align:left;
}

#banner-image {
margin: 0; padding: 0;
float:left;
width:644px;
}

#banner img {
margin:0; padding:0;
}

#content {
border-top:1px solid #fff;
margin:0;
margin-bottom:50px;
padding:10px 10px 20px 20px;
background: #fff url(/css-images/content-bg.gif) repeat-x center top;
}

/* regular page
-------------------------------------*/
#navbar-container-page {
margin: 0px;
width:100%;
height:35px;
background: url(/css-images/navbar-page-bg.gif) no-repeat top center;
text-align:left;
}

#banner-page {
margin: 0; padding: 0;
width:100%;
height:47px;
overflow:hidden;
background: url(/css-images/page-title-properties.gif) no-repeat top right;
}

#content-page {
margin:0;
min-height:300px;
overflow:auto;
margin-bottom:50px;
padding:10px 18px 20px 20px;
background: url(/css-images/content-bg.gif) repeat-x top center;
}

/* properties
-------------------------------------*/
#banner-properties {
margin: 0; padding: 0;
width:100%;
height:47px;
overflow:hidden;
background: url(/css-images/page-title-properties.gif) no-repeat top right;
}

/* anna maria island
-------------------------------------*/
#banner-annamariaisland {
margin: 0; padding: 0;
width:100%;
height:47px;
overflow:hidden;
background: url(/css-images/page-title-annamariaisland.gif) no-repeat top right;
}

/* testimonials
-------------------------------------*/
#banner-testimonials {
margin: 0; padding: 0;
width:100%;
height:47px;
overflow:hidden;
background: url(/css-images/page-title-testimonials.gif) no-repeat top right;
}

/* contact
-------------------------------------*/
#banner-contact{
margin: 0; padding: 0;
width:100%;
height:47px;
overflow:hidden;
background: url(/css-images/page-title-contact.gif) no-repeat top right;
}

/* blank page title
-------------------------------------*/
#banner-general{
margin: 0; padding: 0;
width:100%;
height:47px;
overflow:hidden;
background: url(/css-images/page-title-general.gif) no-repeat top right;
}



/* everyone!
-------------------------------------*/
#foot {
margin-top: 5px;
padding:5px 0;
clear: both;
width:100%;
background-color:#416aba;
color:#fff;
overflow:auto;
font-size:0.9em;
}

.divider {
margin:0 auto;
width:820px;
height:20px;
border-bottom:2px solid #e7e6e2;
border-bottom:2px solid #416aba;
}

#credits {
width:830px;
margin:20px auto; padding:0;
color:#214a9a;
font-size:1.1em;
line-height:1.8em;
text-align:right;
}

#credits a, #credits a:link, #credits a:visited { color:#214a9a;  text-decoration:underline; }

#credits a:hover { color:#fff;  background: #214a9a; }

.leftside { float:left; width:350; margin-left:20px; text-align:left; }
.rightside { float:right; width:350; margin-right:20px; text-align:right; }

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container {
\width: 870px;
w\idth: 860px; /* real size */
}

#sidebar-1, #sidebar-2 {
\width: 150px;
w\idth: 150px;
}

/* welcome
----------------------------------------------- */
#welcome-left {
float:left;
width:500px;
}

#welcome-right {
float:right;
width:250px;
}

#welcome {
margin: 15px auto 0 auto; padding: 0 0 0 20px;
font-size:1.4em;
color: #426bba;
line-height:1.6em;
font-family: Tahoma, "Lucida Sans", Helvetica, arial, sans-serif;
}

#welcome h1 {
margin: 0 0 15px -10px; padding: 0;
font-size:2.6em;
font-family: Georgia, Times, "Times New Roman", serif;
}

#welcome-excerpt {
margin:75px 20px 0 0;
padding:10px 15px;
border:2px solid #ac181b;
background: #e85858 url(/css-images/specials-bg.gif) no-repeat bottom right;
color:#fff;
font-size:1.5em;
}

/* home page
----------------------------------------------- */
/*
#home-properties a img, #home-properties a:link img
#home-properties a:visited img {
*/
#home-properties a img {
margin:0 11px 0 0 !important;
padding:10px 10px 0 10px !important;
margin:0 11px 0 0; padding:12px 10px 0px 10px;
margin:5px 21px 5px 10px; padding:0;

background: url(/css-images/property-thumb-bg.gif) repeat center top;
text-decoration:none;
border-style:none;
}

#home-properties a:hover img {
margin:0 11px 0 0 !important;
padding:10px 10px 0 10px !important;

margin:0 11px 0 0; padding:12px 10px 0px 10px;
margin:5px 21px 5px 10px; padding:0;

background: url(/css-images/property-thumb-bg.gif) no-repeat center bottom;
text-decoration:none;
border-style:none;
}

#home-link-buttons a img {
margin:0 11px 0 0; padding:12px 10px 0px 10px;
margin:5px 21px 5px 10px; padding:0;
text-decoration:none;
border-style:none;
border-bottom:2px solid #fff;
border-top:2px solid #fff;
}

#home-link-buttons a:hover img {
margin:0 11px 0 0; padding:10px 10px 2px 10px;
margin:5px 21px 5px 10px; padding:0;
text-decoration:none;
border-style:none;
border-bottom:2px solid #fea416;
border-top:2px solid #feb43e;
}

.home-column {
margin:10px 25px 0 10px;
width:240px;
\width: 230px;
w\idth: 240px;
float:left;
font-size:0.7em;
color:#555;
}

.home-column-last {
margin:10px 0 0 10px !important;
margin:10px 0 0 20px;
width:240px;
\width: 230px;
w\idth: 240px;
float:left;
font-size:0.7em;
color:#555;
}

.home-column img { margin-right:5px; }

/* properties overview page
----------------------------------------------- */
.overview-box-margin {
margin:20px 12px !important;
margin:20px 5px;
padding-bottom:10px;
float:left;
border-bottom:1px solid #e7e6e2;
width:246px;
\width: 270px
w\idth: 246px;
}

.overview-box {
margin:0 auto; padding:0;
width:246px;
height:375px;
font-size:0.75em;
overflow:hidden;
background-color:#fffdbd;
}

.overview-box img {
padding:1px;
border:2px solid #ffe362;
}

.overview-box-margin a img, .overview-box-margin a:link img {
border-style:none;
text-decoration:none;
border-top:1px solid #fffdbd;
border-bottom:1px solid #fff;
}

.overview-box-margin a:hover img {
border-style:none;
text-decoration:none;
border-top:1px solid #ffa516;
border-bottom:1px solid #ffa516;
}

/*
.divider {
margin:10px auto; padding:0;
clear:both;
width:100%;
height:20px;
border-bottom:1px solid #e7e6e2;
}
*/

/* property detail pages
----------------------------------------------- */
#virtual-tour-container {
float:left;
margin:0 auto;
padding:1px;
border:2px solid #e7e6e2;
}

#property-detail-list {
margin:0 auto; padding:0;
float:right;
width:175px;
font-size:0.7em;
}

#property-detail-body {
margin:20px auto; padding:0;
font-size:0.9em;
}

#property-detail-body h3 {
padding:0 0 5px 0;
color:#426bba;
text-align:center;
text-transform:uppercase;
}

#rates-feed { 
clear:both;
width:100%; 
font-size:0.8em;
}


/* general classes
----------------------------------------------- */
.nomargin { margin:0; }
.clear { clear:both; }

.left-image-border {
padding:2px;
border:1px solid #e7e6e2;
margin:0 15px 15px 0;
}

.right-image-border {
padding:2px;
border:1px solid #e7e6e2;
margin:0 0 15px 15px;
}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

/* home nav bar using sprites 
----------------------------------------------- */

#mainnav {
    margin: 0; padding: 0;
    width: 100%; height: 35px;
    background: url(/css-images/navbar.gif) no-repeat top left;
    position: relative;
}

#mainnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#mainnav li, #mainnav a {
    height: 35px; display: block;}

#home {left: 21px; width: 65px;}
#properties {left: 86px; width: 136px;}
#annamariaisland {left: 222px; width: 172px;}
#testimonials {left: 394px; width: 121px;}
#contactus {left: 515px; width: 115px;}

#home a:hover, #ho-section #home a {
    background: transparent url(/css-images/navbar.gif)
    -21px -35px no-repeat;}

#properties a:hover, #pr-section #properties a {
    background: transparent url(/css-images/navbar.gif)

    -86px -35px no-repeat;}

#annamariaisland  a:hover, #am-section #annamariaisland  a {
    background: transparent url(/css-images/navbar.gif)
    -222px -35px no-repeat;}

#testimonials a:hover, #te-section #testimonials a {
    background: transparent url(/css-images/navbar.gif)
    -394px -35px no-repeat;}

#contactus a:hover, #co-section #contactus a {
    background: transparent url(/css-images/navbar.gif)
    -515px -35px no-repeat;}

/* end navbar using sprites */

/* map navigation using sprites -home
----------------------------------------------- */
#mapnav-home-container {
margin: 0; padding: 0;
float:right;
width:216px;
height:286px;
}

#mapnav-home {
    margin: 0; padding: 0;
    width: 100%; height: 286px;
    background: url(/css-images/banner-right.gif) no-repeat top left;
    position: relative;
}

#mapnav-home li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#mapnav-home li, #mapnav-home a {
    height: 286px; display: block;}

#map-home {left: 0px; width: 195px;}

#map-home a:hover {
    background: transparent url(/css-images/banner-right.gif)
    0px -286px no-repeat;}

/* map navigation using sprites -pages
----------------------------------------------- */
#mapnav-page-container {
margin: 0; padding: 0;
float:right;
width:216px;
height:47px;
}

#mapnav-page {
    margin: 0; padding: 0;
    width: 100%; height: 47px;
    background: url(/css-images/map-page.gif) no-repeat top left;
    position: relative;
}

#mapnav-page li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#mapnav-page li, #mapnav-page a {
    height: 47px; display: block;}

#map-page {left: 12px; width: 100px;}

#map-page a:hover {
    background: transparent url(/css-images/map-page.gif)
    -12px -47px no-repeat;}


/* map
----------------------------------------------- */
#map-link {
text-align:right;
}

/*
#map {
padding:2px;
border:2px solid #ffe362;
}
*/

#individual-rates {
font-size:0.8em;
width:400px;
height:300px;
overflow:scroll;
}

#individual-rates2 {
font-size:0.8em;
width:400px;
}


.availability {
margin: 10px 0 10px 15px;
}

a .availability, a:link .availability, a:visited .availability {
/*border-style:none;*/
border-top:1px solid #ffa516;
border-left:1px solid #ffa516;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

a:hover .availability {
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #ffa516;
border-bottom:1px solid #ffa516;
}

#testimonial-content {
margin:0 30px;
}

.quote-left { clear:both; float:left; width:320px; 
border:1px solid #e8e7ac; margin-top:-10px;
background: #f8f7bc url(/css-images/quote-left.gif) no-repeat top left;
}
.quote-right { clear:both; float:right; width:320px; 
border:1px solid #e8e7ac; margin-top:-10px;
background: #f8f7bc url(/css-images/quote-left.gif) no-repeat top left;
}

.quote {
font-size:0.9em;
margin:0;
padding:30px 15px 5px 30px;
}

.quoteby {
text-align:right;
font-style:italic;
font-size:0.7em;
margin:10px 35px 10px 0;
}

h2.blue-button a, h2.blue-button a:link, h2.blue-button a:active {
display:block;
padding:5px 10px;
margin:5px 10px 0 20px;
font-size:0.7em;
background:#426bba;
color:#fff;
text-transform:uppercase;
border:0;
}

h2.blue-button a:hover {
display:block;
padding:5px 10px;
margin:5px 10px 0 20px;
font-size:0.7em;
background:#224b9a;
color:#fff;
text-transform:uppercase;
border:0;
}

h2.blue-button2 a, h2.blue-button2 a:link, h2.blue-button2 a:active {
display:block;
padding:0px;
margin:0 10px 0 20px;
font-size:0.7em;
background:#426bba;
text-transform:uppercase;
border-bottom:2px solid #426bba;
text-align:center;
}

h2.blue-button2 a:hover {
display:block;
padding:0px;
margin:0 10px 0 20px;
font-size:0.7em;
background:#426bba;
text-transform:uppercase;
border-bottom:2px solid #224b9a;
text-align:center;
}

h2.blue-button2 img {
margin:0 auto;
padding:0;
border:0;
}

.avail-left-col {
float:left;
}

.avail-right-col {
float:right;
}

.review {
margin:20px 100px 20px 50px;
background: url(/css-images/review-divider.gif) no-repeat bottom left;
padding:0 0 40px 120px;
}

#review-link {
top:0;
right:10px;
}

iframe {
margin:0; padding:0;
}

.specials {
margin:0px 5px 5px 5px;
padding:0;
}