@charset "UTF-8";
/* CSS Document */

body{
font: 12px "Lucida Grande", tahoma, arial, verdana, sans-serif;
padding: 0 0 10px 0;
margin: 0;
background: url(images-sales/footer-bg.jpg) repeat-x bottom left;
color: #333;
}

#content-menu ul li#active a{
color: #05500f;
}

#content .resort-main a{
color: #999;
text-decoration: underline;
}

#content .resort-main a:hover{
color: #5E883D;
}


#outside{
background: url(images-sales/top-bg.jpg) repeat-x;
}

.clear{
clear: both;
}

.clear-left{
clear: left;
}

.right{
float: right;
}

.bold{
font-weight: bold;
}

.form-width{
width: 98%;
}

.highlight{
color: #5E883D;
}

form{
padding: 0;
margin: 0;
}

#bg{
background: url(images-sales/bg-fade.png) repeat-y;
width: 982px;
margin: auto;
}

* html #bg{
background: none;
width: 950px;
margin: auto;
}

#head-bg{
background: url(images-sales/head-bg.png) no-repeat center;
height: 20px;
width: 914px;
padding: 12px 24px 0 44px;
margin: auto;
}

* html #head-bg{
background: #fff;
height: 20px;
width: 914px;
padding: 12px 8px 0 28px;
margin: auto;
}

#container{
width: 934px;
background: #fff;
padding: 0 8px 8px 8px;
margin: auto;
}

#top{
padding: 4px 0 0 20px;
}

#top-menu{
font-size: 10px;
padding: 0 8px 0 6px;
}

#top-menu a{
color: #333;
text-decoration: none;
}

#top-menu a:hover{
color: #5E883D;
text-decoration: underline;
}


#small-menu{
float: right;
width: 50%;
text-align: right;
}

#logo{
width: 500px;
padding: 4px 0 0 6px;
}

#main-menu{
width: 685px;
padding: 10px 0;
font-size: 11px;
}

#left-col{
width: 706px;
}

#content-menu{
background: url(images-sales/menu.jpg) no-repeat;
height: 30px;
margin-bottom: 8px;
}

#content-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#content-menu ul li{
float: left;
font-size: 12px;
}

#content-menu a{
color: #fff;
text-decoration: none;
width: 113px;
text-align: center;
display: block;
height: 24px;
padding: 6px 0 0 0;
}

#content-menu a:hover{
color: #05500f;
}

#content{
padding: 0 0 0 26px;
}

.taster{
text-align: right;
margin-bottom: 8px;
}

.taster2{
background: #F1F0F0;
}

.taster a{
color: #333;
text-decoration: none;
}

.taster a:hover table{
background: #F1F0F0;
}

.taster-text{
float: left;
width: 107px;
text-align: left;
padding: 7px 5px 3px 7px;
font-size: 10px;
}

#home-intro{
padding: 14px 90px 0 10px;
font-size: 12px;
line-height: 19px;
}

.home-section-title{
margin: 20px 38px 0 10px;
padding: 0 0 5px 0;
}

.praia-del-rey{
background: url(images/praiadelrey-logo.gif) no-repeat 98% 20px;
}

#home-buttons{
margin: 0 0 0 2px;
}

#home-buttons table{
}

.home-btn{
width: 200px;
margin: 8px;
padding: 0 0 10px 0;
border-bottom: 1px solid #999;
}

.home-btn-txt{
padding: 5px 10px;
font-size: 11px;
}

.home-btn-title{
background: url(images-sales/arrow-title.jpg) no-repeat 0 2px;
font-weight: bold;
font-size: 13px;
padding: 0 0 0 17px;
margin: 12px 0 0 10px;
}

.home-sub-btn-title{
background: url(images-rentals/arrow-sub-title.jpg) no-repeat 0 2px;
font-weight: bold;
padding: 0 0 0 17px;
margin: 5px 0 0 0;
}

.home-btn-title a, .home-sub-btn-title a{
color: #333;
text-decoration: none;
}

.home-btn-title a:hover, .home-sub-btn-title a:hover{
text-decoration: underline;
}

.reserved-bar{
position: relative;
top: 50px;
}

#footer{
clear: both;
padding: 50px 0 0 26px;
font-size: 10px;
background: url(images-sales/chamber-of-commerce.gif) no-repeat 94% 70px;
}

#footer a{
text-decoration: none;
color: #333;
}

#footer a:hover{
color: #5E883D;
text-decoration: underline;
}

#copyright{
clear: both;
padding: 40px 0 0 0;
font-size: 9px;
}

* html #copyright{
clear: both;
padding: 20px 0 10px 0;
font-size: 9px;
}

#footer-bg{
background: url(images-sales/footer.png) no-repeat center;
height: 25px;
width: 982px;
margin: auto;
}

* html #footer-bg{
background: none;
height: 10px;
}

/* RESULTS PAGE */

#result-top{
border-top: 1px solid #999;
padding: 15px 0;
height: 33px;
}

.sort{
background: url(images-sales/heading-bg.jpg) repeat-x;
color: #fff;
}

.property-pagination a:hover{
color: #05500f;
}

.active-page{
color: #05500f;
text-decoration: underline;
}

.result-resort{
color: #999;
font-size: 11px;
}

#result-title{
float: left;
}

#symbols{
float: right;
}

#result-main{
width: 463px;
}

#result-gallery{
background: #F1F0F0;
padding: 8px 0 8px 8px;
}

.result-thumb{
float: left;
padding: 8px 8px 0 0;
}

#result-content{
padding: 14px 8px;
line-height: 18px;
}

#result-right{
width: 209px;
float: right;
font-size: 11px;
}

#result-right p{
margin: 0;
padding: 0 0 3px 8px;
}

.title-header{
padding: 14px 0 6px 0;
margin: 0 0 10px 8px;
border-bottom: 1px solid #999;
font-size: 11px;
color: #999;
}

#result-signoff{
border-top: 1px solid #999;
padding: 8px 0 12px 0;
margin-top: 15px;
font-size: 11px;
height: 20px;
text-align: right;
}

#result-signoff{
border-top: 1px solid #999;
padding: 8px 0 12px 0;
margin-top: 15px;
font-size: 11px;
height: 20px;
text-align: right;
}

#signoff-info{
height: 20px;
padding: 6px 0 0 0;
float: left;
width: 300px;
}

.icon-txt{
float: left;
padding: 0 20px 0 0;
}

.icon-txt a{
color: #646464;
text-decoration: none;
}

.icon-txt a:hover{
color: #5E883D;
}

.icon{
float: left;
padding: 1px 3px 0 0;
}

/* RESORT LINKS */

ul.resort-links{
list-style: none;
padding: 20px 0 0 0;
margin: 0;
}

ul.resort-links li{
padding: 5px;
}

ul.resort-links a{
color: #333;
text-decoration: none;
display: block;
background: url(images-sales/link-btn.jpg) no-repeat;
padding: 0 0 0 20px;
}

ul.resort-links a:hover{
color: #5E883D;
}

.resort-right-col p a:hover{
color: #5E883D;
}

/* RESORT LINKS */

ul.resort-links{
list-style: none;
margin: 0;
padding: 14px 0 0 8px;
}

.resort-links p{
padding: 0 0 3px 0;
}

.resort-links a{
color: #333;
text-decoration: none;
display: block;
background: url(images-sales/link-btn.jpg) no-repeat;
padding: 0 0 0 20px;
}

.resort-links a:hover{
color: #5E883D;
}