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

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body {
text-align:center;
padding: 0px;
margin:0;
}

#wrap {
width: 988px;
text-align:left;
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 : #454545;
text-decoration : none;
}
a:hover {
color : #757575;
text-decoration : underline;
}

p {font-size:12px;}


/* HEADER START */


#headertop {
height : 100px;
margin-bottom : 10px;
color : #fff;
width:988px;
}


#headerlogo {
position : relative;
float : left;
width : 283;
height : 57px;
padding:33px 0 0 30px;
}

#headerlogo img{
margin:-10px;
}

#headercontact {
position : relative;
float : right;
width:300px;
font-size : 11.5px;
margin-top:5px;
padding-bottom:5px;
padding-right:12px;
margin-right:2px;
color:#ffffff;
}

#headercontact a{color:#50505d; text-decoration:underline;}

#topmenu {width:988px;

float:left; position:relative;
}

#headermenur {
float:right; position:relative;
height : 47px;
width : 13px;
background-image:url(/images/headmenubgright.jpg); 
background-repeat:no-repeat;
}


#headermenul {
height : 47px;
width : 13px;
background-image:url(/images/headmenubgleft.jpg); 
background-repeat:no-repeat;
float:left; position:relative;
}


#headermenu {
height:100px;
width:988px;
float:right; 
position:relative; 
background-image:url(/images/headmenubg.jpg);
background-repeat:repeat-x;
padding:0px;
color:#dbdbdb;
font-size:14px;
font-family : Arial, Helvetica, sans-serif;
}


ul#navlist
{
margin: 0;
padding-right: 30;
padding-top:10;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
float:right;
}


#navlist a { padding: 15px 13px 17px; border-left:1px #757575 solid; display:block; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
color: #000000;
background-image:url(/images/headerbghover.jpg);
text-decoration: none;
}

/*

#headermenu ul {
margin: 0;
list-style-type : none;
width:100%;
float:left;
}


#headermenu li {
margin: 2px 0 0;
display: inline;
color: #dbdbdb
float:left;
border-right:1px #000 solid;
} 


#headermenu a {
width:120px;
padding: 15px 0;
text-decoration: none;
color: #dbdbdb;
text-align:center;
}

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

}

#headermenu a:hover {
background-image:url(/images/headerbghover.jpg);
background-repeat:repeat-x;
color: #fff;
}
*/

#breadcrumbs {font-size:12px; padding-bottom:5px}

#headerlist {
float: right;
position:relative;
width:500px;
padding-bottom: 0px;
padding-top:14px;
}

.googlesearchbox {
float: left;
position: relative;
width: 150px;
margin-top:10px;
}


/* HEADER END */


#maincontent{
margin-left: 0px;
padding:0px 0 0 0px; 
width: 988px;
}

#topbanner{
background-repeat:no-repeat;
width:988px;
height:356px;
}

#topbannerhome{
background-repeat:no-repeat;
width:988px;
height:356px;
}

#maincolumn {
width:735px;
padding-left:10px;
position:relative;
float:right;
margin-top:22px;
margin-right:0;
color:#868686;
font-size:12px;
}

#maincolumn h1{
font-size:26px;
font-weight:400;
line-height: 26px;
margin:0 0 15px 0;
color:#454545;
padding:5px 0;
}


/* Left Region Menu */
.regionmenutop { 
width:207px; 
height:14px; 
background-image:url(/images/menubgtop.jpg); 
background-repeat:no-repeat
}

.regionmenubottom {
width:207px; height:14px; 
background-image:url(/images/menubgbottom.jpg); 
background-repeat:no-repeat
}

.regionmenu { 
width:217px; 
margin: 0;
color:#505050;
background-color:#f7f7f7;
border:solid 1px #7c7c7c;
}

.regionmenu2 { 
width:185px; 
margin: 0 0 15px 0;
font-size:1.2em;
padding:10px;
color:#505050;
background-color:#f7f7f7;
border:solid 1px #dedede;
float:left;
}

.regionmenu2 h2	{ 
font-size:1.5em;
margin-bottom:10px;
font-weight:normal;
}


.regionmenu p{ 
width:207px; 
margin:0px;
padding:5px 0;
line-height:22px;
font-size:20px;
color:#454545;
}

.regionmenu ol{ 
list-style-image:url(/images/arrow-bullet.jpg) ;

}

.menubrowselist {margin: 2px;}

div.menubrowselist {position:relative; float:left; margin:5px 0 25px 5px;}

.menubrowselist ol {color:#454545; padding-left:15px; padding-top:2px; margin:0;}

.menubrowselist li {padding-left:0px; margin-left:24px;}

.menubrowselist a {font-size:13px; color:#454545; text-decoration:none; font-family : Arial, Helvetica, sans-serif;}
.menubrowselist a:hover {color:#757575; text-decoration:none;}


/* Region Style Start */


.regioncontainer {height:350px; padding-top:10px; margin-bottom:40px;}
.regionpic {width:195px; border:1px #c1c1c1 solid; float:left}
#regiontoptext p{ font-size:12px; line-height:140%; margin-bottom:7px;}
.regiontext{ padding:0px 2px 0 12px;}
.regiontext div	{
float:left;
}
.regiontext p{ font-size:12px; line-height:140%;}
.regiontext h2{padding:0 0 4px 0; margin:0; color:#454545; font-size:18px}
.regionbuttonleft { float:right; position:relative; width:11px; height:25px; background-image:url(/images/buttonbgleft.jpg); background-repeat:no-repeat}

.regionbuttonright { float:right; position:relative; width:11px; 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-size:12px;
font-weight:bold;
}
.regionbutton a{ color:#fff; text-decoration:none; }
.regionbutton a:hover{ text-decoration:underline;}  

.provincetab { 
padding: 0;
float:left;
width:100%;
}   
.provincetab h3{ 
background:url(/images/tab.jpg) no-repeat;
font-size : 14px;
font-weight:bold;
height: 21px;
color: #474747;
padding: 7px 0 0 10px;;
margin-bottom:0;
}
#sortbox {float:right;}
/* Region Style End */

/* Featured Villas Style Start */
#featuredheading {margin: 30px 25px 10px 10px; height:27px; border-bottom: 1px #999999 solid;}
#featuredheading hr{border:0; color:#999999; height:1px;}
#featuredheading h3{color: #454545; font-size: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px;}

.featuredvillas {padding-bottom: 120px; margin: 15px 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc;}
#fvillapic{padding:0px; border:1px #666666 solid; width:195px; height:103px;}
#fvilladescription{width:322px; margin-top:-2px;}
#fvilladescription h3{color: #454545; font-size:14px; font-weight:bold; margin:0px; padding:0px;}
#fvilladescription h4{color: #454545; font-size:12px; font-weight:bold;  margin:5px 0px; padding:0px;}
#fvilladescription p{font-size:12px; margin:15px 0px 2px 0px;  padding:0px;}
#fvillaprice {color:#6bbac8; font-size:14px; line-height:16px; font-weight: bold; text-align: right; width:169px;}
#fvillaprice p	{padding-bottom:5px; }
#fvillaprice img{margin-top:4px;}
/* Featured Villas End */


.homefeaturedvillas {padding-bottom: 10px; margin: 15px 10px; border-bottom:1px solid #ccc; float:left; width:685px;}
#homefvillapic{padding-top:0px; border:1px #666666 solid; width:195px; height:103px;}
#homefvilladescription{width:288px; margin-top:-2px;}
#homefvilladescription h3{color: #454545; font-size:14px; font-weight:bold; margin:0px; padding:0px;}
#homefvilladescription h4{color: #454545; font-size:12px; font-weight:bold;  margin:5px 0px; padding:0px;}
#homefvilladescription p{font-size:12px; margin:15px 0px 2px 0px;  padding:0px;}
#homefvillaprice {color:#6bbac8; width:138px; font-size:14px; line-height:16px; font-weight: bold; text-align: right;}
#homefvillaprice img{padding-top:5px;}

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

#maincolumnfaq h1{
font-size:26px;
font-weight:400;
line-height: 26px;
margin:0 0 5px 0;
color:#454545;
padding:5px 0;}

#maincolumnfaq li{font-size:12px; padding-bottom:5px; } 

#understanding-faq	{
padding:15px 30px;
}

#understanding-faq ul	{
padding-top: 15px
}

#understanding-faq li	{
padding-top: 10px
}

li.question	{
background: url(/images/faq-Q.jpg) no-repeat 0 .5em;
padding-left:35px;
font-weight:bold;
}

li.answer	{
background: url(/images/faq-A.jpg) no-repeat 0 .5em;
padding-left:45px;
color:#868686;
}
/* FAQ Style End */


/* Nav Column Style Start */


#rightcolumn {position:relative; float:left; width:230px; margin-left:4px; 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-size:12px;
font-weight:bold;
}

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

.browse  {color:#454545;}
div.browse  {float:left; position:relative; font-size:14px; border-bottom:1px #dad9d9 solid; padding-bottom:3px; margin: 10px 0px; font-weight:bold; width:217px}
#browse h3 {color:#454545; font-size:16px; }
.browselist {margin-left:0px;}
div.browselist {position:relative; float:left; margin-bottom:25px; width:202px;}
.browselist ol {color:#454545;list-style-style: decimal ; padding-left:15px; padding-top:2px; margin:0px 2px 0px 5px;}




.browselist li {margin-left:10px;}
.browselist a {font-size:12px; color:#454545;text-decoration:none;}
.browselist a:hover {color:#757575; text-decoration:none;}

.contactustitle {position:relative; float:left; position:relative;  font-size:16px; border-bottom:1px #dad9d9 solid; padding:15px 0 0px 0; width:207px; font-weight:bold; margin-bottom:10px;color:#002e7a;}
div.contactuscontent {position:relative; width:207px;}
#contactuscontent {color:#454545; width:207px;}
#contactuscontent a {color:#454545;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;}

/* Destination links */

#regionlinks{background:#EAEAEA; border:#D2D2D2 solid 1px; padding-top:10px; margin:0 0 15px 0; vertical-align:middle}

#regionlinks li{list-style-image:url(/images/arrow-bullet-map.jpg) ; color:#454545; margin-left:36px;}
#regionlinks a{text-decoration:none; color:#555555; font-size:12px; font-weight:bold;}
#regionlinks h3{color:#454545; font-size:16px; margin:0px; padding:5px 0 5px 15px;}
#toptext-heading {margin: 10px 25px; border-top:0; border-bottom:solid #999999 1px; height:27px}
#toptext-heading h3{font-size:18px; vertical-align:bottom;}
#toptext-heading h2{font-size:12px; font-weight:100; vertical-align:bottom; padding-left:210px; margin-top:8px;}


/* Villa Start */


.villacontainer {float:left; padding:35px 20px 25px 0; border-top:1px #ccc solid; width:99%; cursor:pointer; width:715px;display:block;}

.villacontainer:hover	{background-color:#EFEFEF; cursor:pointer; }

.villaname {float:left; position:relative; width:100%; height:14px; line-height:14px; padding-bottom:10px;}


.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; margin-top:2px; float:left; }
.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: 720px; font-size:12px;}
#topvillacontainer p{padding-bottom:8px;}
#topvillacontainer ul{padding-bottom:8px;}


#topvillatitle {width: 720px; }
#topvilladescriptioncontainer {width: 720px; }
#topvillainfo	{
width:721px;
float:left;
}

#topvillaname { width:330px; height:75px; float:left; font-size:1.2em; font-weight:bold;color:#454545;}
#topvillaname h1{ padding-top:10px; font-weight:bold; font-size:1.8em; margin-bottom:0px; padding-bottom:0;}
#topvillaprice { font-size:14px; font-weight:bold; color:#6bbac8; width:305px; float:left; position:relative;padding:0px 0 5px; text-align:left; }


#topvillaprice strong	{font-size:1.2em; }
#topvillaprice2 { font-size:14px; color:#002e7a; float:left; width:295px;padding:5px 0px;  font-weight:bold; clear:left;margin-top:-25px;}
#topvillatxt {clear:both; padding:10px 0;}
#topvillatxt strong{font-weight:bold;}
#topvillatxt li{list-style:disc; margin-left:30px}
#topvillapic {width:100%}
#topvillaviewall {width:245px; float:left;text-align:left; color:#606060; font-size:12px; font-weight:bold; line-height:150%; padding:10px 0 0; margin-left:60px;}
#requestblock {margin-bottom:40px; height:70px;}
#topvillablocklink {width:245px; float:left;text-align:left; color:#606060; font-size:12px; font-weight:bold; line-height:150%; padding:10px 0 0; margin-left:60px;}
.bottomvillablocklink {width:178px; float:left;text-align:left; color:#606060; font-size:12px; font-weight:bold; line-height:150%; padding:10px 0 0; clear:both; font-family:Arial, Helvetica, sans-serif;}
#topvillablocklink a, .bottomvillablocklink a{color:#6bbac8; font-size:12px; font-weight:bold; text-decoration:underline }
#topvillacontactus {width:60%; position:relative; float:left; font-size:11px; height:50px; padding-left:20px;}
#topvillarequest {width:200px; position:relative; float:left; height:10px; padding-top:10px}
#topvillafeatcontainer {position:relative; float:left;clear:both; padding-bottom:20px; width:720px; }
#topvillafeattitle {margin-bottom:7px;border-bottom:1px #CCC solid; padding:20px 0 10px 0; font-size:16px; font-family : Arial, Helvetica, sans-serif; font-weight:bold; color:#7c7c7cd; margin0b}
#villafeatures {padding:20px 0 0 20px; position:relative; float:left; width:720px;font-size:12px}
.features {width:220px; float:left; position:relative;padding-right:24px;}
.features strong{color:#6bbac8;font-weight:bold;}

#villapics {width:734px; clear:both; padding:20px; margin-left:220px; text-align:center;}

#villadetails {width:330px; float:left}
.villapricebutton {width:160px; float:right}

.backbutton {position:relative; float:left; padding-right:320px; padding-bottom:20px; color:#002e7a; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.backbutton a{text-decoration:underline;}

.requestbottom {float:left;padding-bottom:20px; clear:both; }

#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:#043071;}

/* Villa Page End */

/* Static pages */
.staticpages {
font-size:12px; 
color:#333
}

.staticpages p{padding-bottom:14px;line-height:16px;}
.staticpages li{margin-left:40px;list-style:disc;padding-bottom:6px;}
.staticpages h2{font-weight:bold; font-size:14px; }


/* Request Form */
.requestform {font-size:12px;}
.requestform p{margin-bottom:12px;}
.requestform h2{margin-bottom:12px; font-weight:bold; font-size:16px;}
.requestform strong{font-weight:bold;}
.requestform td{line-height:18px;}

/* Footer Start */

#footerwrap {float:right; position:relative; width:100%;}
#footer {width:988px; height:78px; margin: 0 auto; padding:20px 0 0 0px; color:#454545; line-height:140%; font-family : Arial, Helvetica, sans-serif; font-size : 12px; text-align:center;}
#footercontainer {width:988; padding-left:20px;}
#footerleft {float:left; position:relative;}
#footerright {float:right; position:relative; margin-right:0px;}
#footer a{ color:#454545; text-decoration:none;} 
#footer a:hover{ text-decoration:underline;}

/* Footer End */

/* GALLERY */

#SlideShow
 {
	width: 655px;
	height: 300px;
	padding-top: 5px;
	padding-bottom: 5px; 
	padding-left: 5px;
}
#SSpicture {
	width: 375px;
	height: 300px;
	float: left;
}


#SSpicture div { 
	position:absolute; 
	width:450px; 
	height:300px; 
	text-align:center;
 
} 
#SSpicture img{ 
     display:block; 
     margin:auto; 
	 text-align:center;
 
}
#SSthumbnails {
	width: 195px;
  	height:262px;
	float: right;
	overflow: hidden; /* to avoid overflow in case JS is disabled */
}
#SScontrols {
	width: 185px;
	float: right;
	padding: 5px;
	display: none;
}
#SScontrols div	{
	height:18px;
}

#SScontrols img {
	cursor: pointer;
	float:left;
}
#SSthumbnails img {
	border: 1px solid #FFFFFF;
	padding: 5px;
}
#SSthumbnails a {
	outline: none;
}
#SSthumbnails a:hover img {
	border: 1px solid #CCCCCC;
	padding: 5px;
}


/* GALLERY */