/*										*/
/*		Created by Gabriel Coder		*/
/*				09/07/07				*/


body {
background-image : url(/images/headerbg.jpg);
background-repeat : repeat-x;
margin : 0;
}

#wrap {
width: 777px;
margin: 0 auto;
}

#maincontainer {
width : 100%;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 130%;
margin : 0;
padding-bottom: -5px;
}

a {
color : #3c5aa3;
text-decoration : none;
}
a:hover {
color : #757575;
text-decoration : underline;
}



/* HEADER START */


#headertop {
height : 90px;
margin-bottom : 10px;
color : #fff;
width:777px;
}


#headerlogo {
position : relative;
float : left;
width : 50%;
height : 60px;
padding:10px 0 0 30px;
}

#headercontact {
position : relative;
float : right;
width : 45%;
font-size : 11px;
padding-top:10px;
}

#headercontact a{color:#fff}

#headermenu {
position : relative;
float : left;
height : 27px;
clear : both;
padding-top : 2px;
}

#headermenu ul {
margin: 0 0 0 20px;
padding-top : 5px;
padding-bottom : 5px;
padding-left: 5px;
list-style-type : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-size : 12px;
}

#headermenu li {
margin: 2px 0 0;
padding:3px 0;
display: inline;
color: #fff;
} 

#headermenu a {
width:120px;
padding: 5px 5px 5px 5px;
text-decoration: none; /*lets remove the link underlines*/
color: #fff;
}

#headermenu a:link, #headermenu a:active, #headermenu a:visited {

}

#headermenu a:hover {
background: #FFF;
color: #3c5aa3;
padding-bottom: 10px;
}


/* HEADER END */


#maincontent{
padding:10px 0 0 20px; width: 777px;
}

#topbanner{
background-image:url(/images/bannerbg.jpg);
background-repeat:no-repeat;
width:745px;
height:251px;
padding:7px 4px 8px 5px;
}

#maincolumn {
width:510px;
padding-right:17px;
padding-left:35px;
border-left:1px #d9d9d9 solid;
position:relative;
float:right;
margin-top:22px;
margin-right:14px;
color:#868686;
}

#maincolumn h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px;
font-weight:400;
line-height: 26px;
margin:0 0 15px 0;
color:#002e7a;
padding:5px 0;
}


/* Region Style Start */


.regioncontainer {height:350px; padding-top:10px; margin-bottom:40px;}

.regionpic {padding:5px 4px; border:1px #c1c1c1 solid;}

#regiontoptext p{ font-size:12px; line-height:140%;}

.regiontext{ padding:15px 12px 0 12px;}

.regiontext h2{padding:0 0 4px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#002e7a; font-size:18px}

.regionbuttonleft { float:right; position:relative; width:13px; height:25px; background-image:url(/images/buttonbgleft.jpg); background-repeat:no-repeat}

.regionbuttonright { float:right; position:relative; width:13px; height:25px; background-image:url(/images/buttonbgright.jpg); background-repeat:no-repeat; margin-right:28px;}

.regionbutton { 
height:14px;
float:right;  
background-image:url(/images/buttonbg.jpg);
background-repeat:repeat-x;
padding:5px 9px 6px 9px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
}

.regionbutton a{ color:#262a2b; text-decoration:none; }
.regionbutton a:hover{ text-decoration:underline;}  

.provincetab { 
background-image:url(/images/tab.jpg);
background-repeat: no-repeat;
width: 100%;
height: 28px;
padding: 0;
}   

.provincetab h3{ 
font-size : 13px;
color: #4F4F4F;
padding: 8px;
}

#sortbox {float:right;}
/* Region Style End */

/* FAQ Style End */
#maincolumnfaq {
width:540px;
position:relative;
float:right;
margin-top:22px;
color:#868686;
padding-left:25px;
border-left:1px #d9d9d9 solid;
}
/* FAQ Style End */


/* Nav Column Style Start */


#rightcolumn {position:relative; float:left; width:170px; padding-left:9px; margin-top:22px;}

#viewallvillas {
height:14px;
width:136px;
float:right;  
background-image:url(/images/viewallvillas.jpg);
background-repeat:no-repeat;
padding:5px 9px 6px 8px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
}

#viewallvillas a{color:#FFFFFF; text-decoration:none;}
#viewallvillas a:hover{ text-decoration:underline; }

div.browse  {float:left; position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; border-bottom:1px #dad9d9 solid; padding:15px 0 10px 0; width:100%; font-weight:bold;}

#browse h3 {color:#002e7a; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}

div.browselist {position:relative; float:left; margin-bottom:25px; width:100%;}

.browselist ol {list-style-type: decimal;margin:5px; padding-left:15px; padding-top:2px;}

.browselist li {padding:2px 0px 0px 1px; margin-left:7px;}

#browselist a {font-size:12px; color:#757575;text-decoration:underline;}
#browselist a:hover {color:#711914; text-decoration:none;}

.contactustitle {position:relative; float:left; position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; border-bottom:1px #dad9d9 solid; padding:15px 0 10px 0; width:97%; font-weight:bold; margin-bottom:10px;color:#3c5aa3;}
div.contactuscontent {position:relative;; width:97%;}
#contactuscontent {color:#002e7a;}
#contactuscontent a {color:#002e7a;text-decoration:underline;}

/* Nav Column Style End */

/* Sub-region Page Start - added by AM */
#subregionmap {
position:relative; 
float:left; 
width:170px; 
padding-left:9px; 
margin-top:22px;}
/* Sub-region Page End */

/* Villa Start */


.villacontainer { padding-top:35px; margin-bottom:25px; border-top:1px #ccc solid;}

.villaname {float:left; position:relative; width:63%; height:34px; line-height:16px;}

.villaprice {float:left; position:relative; width:37%; height:30px; font-size:14px; color:#002e7a; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; padding:0 0 4px 0;}

.shortdesc { width:100%; color:#606060 }

.villacontact { width:70%; position:relative; float:left;}

.viewdetail {width:30%; position:relative; float:left; padding-top:10px; }

.bottomvilla	{height:73px;}

/* Villa End */


/* Villa Page Start */


#topvillacontainer {width: 510px; }
#topvillaname { width:57%; float:left; position:relative;font-family:Georgia, "Times New Roman", Times, serif; line-height:22px}
#topvillaname h1{ font-size:22px; padding-top:20px;}
#topvillaprice { font-size:16px; color:#434343; width:42%; float:left; position:relative;font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px; padding-top:25px; padding-right:0px;}
#topvillaprice2 { font-size:14px; color:#002e7a; width:42%; float:left; position:relative;font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px;  padding-right:0px;}
#topvilladesc {width:57%; float:left; position:relative; color:#606060; margin-bottom:10px;}
#topvillatxt {width:%; clear:both; padding:10px 0;}

#requestblock {background-color:#ECECEC; border:1px #D2D2D2 solid; padding:10px; height:42px; color:#535353; margin-top:10px;}
#topvillacontactus {width:60%; position:relative; float:left; font-size:11px; height:50px; padding-left:20px;}
#topvillarequest {width:35%; position:relative; float:left; height:10px; padding-top:10px}
#topvillafeatcontainer {position:relative; float:left;clear:both; padding-bottom:20px;  }
#topvillafeattitle {border-bottom:1px #CCC solid; padding:20px 0 10px 0; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#002e7a;}
#villafeatures {padding:20px 0 0 20px; position:relative; float:left;}
.features {width:220px; float:left; position:relative;padding-right:24px;}
.features strong{color:#002e7a;}

#villapics {width:99%; clear:both; padding:20px; margin-left:70px;}

.backbutton {position:relative; float:left; padding-right:320px; padding-bottom:20px; }

.requestbottom {float:right;padding-bottom:20px; }

#call2action a{
height:14px;
width:139px;
float:right;
background-image:url(/images/viewallvillas.jpg);
background-repeat:no-repeat;
padding:5px 9px 6px 8px;
color:#fff;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
}

#viewmorepics a{font-size:11px; float:left; position:relative; width:63%; font-weight:bold; color:#3c5aa3;}

/* Villa Page End */

#bottomlink {
float:left;
width:98%;
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
line-height : 140%;
padding-bottom:10px;
}

/* Footer Start */

#footerwrap {background-image:url(/images/footerbg.jpg); background-repeat:repeat-x; float:left; position:relative; width:100%;}
#footer {clear:both; width:777px; height:88px; margin: 0 auto; padding:20px 0 0 0px; color:#FFFFFF; line-height:140%; font-family : Arial, Helvetica, sans-serif; font-size : 12px; line-height : 140%;}
#footercontainer {width:777px; padding-left:20px;}
#footerleft {width:50%; float:left; position:relative;}
#footerright {width:40%; float:right; position:relative; padding-right:17px;}
#footer a{ color:#FFFFFF; text-decoration:none;} 
#footer a:hover{ text-decoration:underline;}


/* Footer End */

/* Featured Villas Style Start */

#features{
padding:5px 0;
margin:10px 0;
float:left;
width:98%;
}

#features h2{
font-size:16px;
color:#363c60;
margin:5px;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#363c60;
padding-bottom:2px;
}

.featuredvilla {
margin:10px 0px;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#999999;
float:left; 
padding-bottom: 14px;
}

.featuredvilla p{
padding-bottom:7px;
margin:0;
}

.featuredvilla h3{
padding:1px 0 5px 0;
margin:0;
color:#363c60;
}

#featuredvillapic {
float:left; 
width:152px;
}

#featuredvilladesc {
float:left; 
padding:0 3px;
margin-left:5px;
width:218px;
}

#featuredvilladesc h3{
font-size:12px;
color:#3F3F3F;
text-transform:uppercase;
}

#featvillaprice {
float:right; 
padding:8px 3px;
margin:0;
color:#9C9A9C;
}

#featuredvillabottom {
margin:8px;
}

/* Featured Villas Style End */