body {
        font: 100% Georgia, "Times New Roman", Times, serif; 
		background-image: url('images/sand_bg_4.jpg');
		background-repeat: repeat;
		background-position: center top;
		background-size: 1600px 3100px;
		margin: 0;
		padding: 0;
		color: #5887bb;
      }
	  ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
	  /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
		a:link {
		   color: #8e867b;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
}
a:visited {
	color: #8e867b;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 20px;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #ffcc33;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

      #container {
        width: 700px;
		background-color: #FFF;
		margin: 30px auto; /* the auto value on the sides, coupled with the width, centers the layout */
      }
	  #header {
        background-image:url(images/coastal_header_700.jpg);
		background-repeat: no-repeat;
		height: 172px;
      }
	  #topnav {
        width: 634px;
		padding: 30px 33px 20px 0px;
      }
	  #intro_header {
        width: 634px;
		padding: 20px 33px 20px 33px;
		font: 19px Georgia, "Times New Roman", Times, serif;
		color: #5b8fcb;
      }
	  #full_width_content {
        width: 634px;
		padding: 20px 33px 20px 33px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333;
		line-height: 17px;
      }
	  #breadcrumb {
        width: 634px;
		padding: 10px 33px 10px 33px;
		font: 10px Arial, Helvetica, sans-serif;
		color: #666;
      }
	  a.breadcrumb:link {
		color: #666;
		text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
		font: 10px Arial, Helvetica, sans-serif;
	  }
	  a.breadcrumb:visited {
		color: #666;
		font: 10px Arial, Helvetica, sans-serif;
		text-decoration: none;
	  }
	  a.breadcrumb:hover, a.breadcrumb:active, a.breadcrumb:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
		text-decoration: none;
		color: #ffcc33;
		font: 10px Arial, Helvetica, sans-serif;
		font-weight: bold;
	  }
      #leftcol, #rightcol, #leftcol_intro_para, #rightcol_search, #leftcol_list, #rightcol_list, #leftcol_intro_header, #leftcol_detail, #rightcol_detail {
        overflow: hidden;
        float: left;
      }
      #leftcol {
        width: 355px;
		margin: 0px 0px 20px 33px;
      }
	  #leftcol_detail {
        width: 271px;
		padding-right: 10px;
		margin: 0px 0px 20px 33px;
      }
	  #leftcol_list {
        width: 388px;
		margin: 0px 0px 20px 33px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #666;
		line-height: 17px;
		padding: 0px 20px 0px 10px;
      }
	  #leftcol_intro_para {
        width: 395px;
		margin: 0px 0px 18px 33px;
		font: 13px Arial, Helvetica, sans-serif;
		color: #666;
		line-height: 18px;
      }
	  #leftcol_intro_header {
        width: 395px;
		margin: 0px 0px 18px 33px;
		padding-top: 4px;
		font: 19px Georgia, "Times New Roman", Times, serif;
		color: #5b8fcb;
      }
	  #leftcol_english_header {
        width: 100%;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 6px;
		background-color: #7d766b;
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
      }
	  #fullwidth_english_header {
        width: 624px;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 6px;
		padding-right: 0px;
		margin: 0px 33px 0px 33px;
		background-color: #7d766b;
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
      }
	  #leftcol_spain_header {
        width: 100%;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 6px;
		background-color: #d39c60;
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
      }
	  #fullwidth_spain_header {
        width: 624px;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 6px;
		padding-right: 0px;
		margin: 0px 33px 0px 33px;
		background-color: #d39c60;
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
      }
	  #leftcol_greece_header {
        width: 100%;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 6px;
		background-color: #68b9b2;
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
      }
	  #fullwidth_greece_header {
        width: 624px;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 6px;
		padding-right: 0px;
		margin: 0px 33px 0px 33px;
		background-color: #68b9b2;
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #fff;
      }
	  #leftcol_intro_content {
		width: 315px;
		padding-left: 10px;
		padding-top:15px;
		padding-right: 30px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #666;
		line-height: 18px;
	  }
      #rightcol {
        width: 279px;
		margin: 0px 33px 20px 0px;
      }
	  #rightcol_detail {
        width: 353px;
		margin: 0px 0px 0px 0px;
		background-color: #3399cc;
      }
	  #rightcol_list {
        width: 216px;
		margin: 0px 33px 20px 0px;
      }
	  #rightcol_search {
        width: 239px;
		margin: 0px 0px 0px 0px;
		padding-top: 4px;
		text-align: right;
		vertical-align: top;
      }
	  #bottomnav {
        width: 634px;
		padding: 30px 33px 20px 33px;
		
      }
	  #footer {
        width: 634px;
		margin: 0px 33px;
		padding: 20px 0px 20px 0px;
		font: 9px Arial, Helvetica, sans-serif;
		color: #999;
		border-top-width: 1px;
  		border-top-style: solid;
  		border-top-color: #36c;
      }
      .clear {
        clear:both;
      }
	  .resizedTextbox {
		width: 160px; 
		height: 16px;
		color: #999;
	  }
	  
.propertyname { 
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #333;
}
.propertybeds {
	font: 12px;
	color: #333;
	line-height: 38px;
}
hr {
    height: 1px;
	border: none;
    color: #999;
    background-color: #999;
	margin: 0px 33px 20px 33px;
}
.fltrt_propdetail_button_header { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	width: 353px;
	padding-top: 2px;
}

  .img_right {
		float: right;
	  }
	  .flt_right {
		float: right;
	  }
	  
	  .flt_lft {
		float: left;
		padding: 10px;
	  }
	

.rightarrowclass{
position: absolute;
top: 8px;
right: 5px;
}
	  .flexdropdownmenu{ /*topmost and sub ULs, respectively*/
		font: normal 12px Arial, Verdana;
		margin: 10px 0px 0px 0px;
		padding: 0;
		position: absolute;
		left: 0;
		top: 0;
		list-style-type: none;
		background: white;
		border: 0px;
		border-bottom-width: 0;
		visibility: hidden;
		display: none; /*collapse all sub menus to begin with*/
	 }

	.flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
	   font: normal 12px Arial, Verdana;
	   margin: 0px;
	   padding: 0;
	   position: absolute;
	   left: 0;
	   top: 0;
       list-style-type: none;
	   background: white;
	   border: 0px;
	   border-bottom-width: 0;
	   visibility: hidden;
	   display: none; /*collapse all sub menus to begin with*/
	}


	.flexdropdownmenu li{
	   position: relative;
	}

	.flexdropdownmenu li a{
	   display: block;
	   width: 150px; /*width of menu (not including side paddings)*/
	   color: #8e867b;
	   background: #fff;
	   border-bottom: 0px solid white;
	   text-decoration: none;
	   padding: 8px 8px;
	}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #999;
color: #ffcc33;
}
	div#jas-container{
	/* Width HAS to be here for IE to render the filter */
	width: 353px;
}

div#jas-frame{
	float: left;
	width: 353px;
	margin: 0px 0;
	padding: 0px;
	border: 0px solid #666;
}

div#jas-thumbnails{
	float: left;
	clear: left;
	width: 353px;
	margin-top: 1em;
	border: 0px solid #666;
}
div#jas-nav{
	float: left;
	clear: left;
	width: 343px;
	padding-left: 10px;
	padding-top: 10px;
	border: 0px solid #666;
	text-align: center;
}
div#jas-nav a{
	color: #ffffff;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font: 12px Arial, Helvetica, sans-serif;
}
div#jas-nav a:hover{
	color: #cccccc;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font: 12px Arial, Helvetica, sans-serif;
}

div#jas-thumbnails ul{
	list-style: none;
	width: 353px;
	margin: 0px 0 0px 0px;
	overflow: hidden;
}

div#jas-thumbnails ul li{
	float: left;
	width: 88px;
	height: 65px;
	margin: 0 0px 0px 0;
}

div#jas-thumbnails ul li img{
	width: 88px;
	height: 65px;
	cursor: pointer;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

div#jas-thumbnails ul li.selected-parent{
	width: 88px;
	height: 65px;
	padding: 0px;
	border: 0px solid #f60;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

div#jas-thumbnails ul li img.selected{
	width: 88px;
	height: 65px;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

h2#jas-image-text{
	text-align: center;
}

img#jas-image{
	margin-bottom: 1em;
}

ul#links{
	display: block;
	clear: left;
	padding: 2em 0 1em 4em;
}

ul#links li{
	line-height: 2em
}

ul#navigation-controls{
	width: 353px;
	list-style: none;
	margin: 0 auto;
}

ul#navigation-controls li{
	float: left;
	line-height: 1.5em;
	margin-right: 0.5em;
}

ul#navigation-controls li#image-counter{
	margin: 0px;
}

li.slideshow-item{
	margin-left: 3em;
}
#content_summary {
	float: left;
	width: 261px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	background-color: #CCCCCC;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 17px;
}
#content_property_details { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 18px;
}
.content_property_details li { list-style: normal;  }
.content_property_bullets { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 17px;
}

.spec_header {
	font: 19px Georgia, "Times New Roman", Times, serif;
		color: #5b8fcb;
}
.tabletext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
.whitetext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
}
.bluetext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #3399cc;
}
.printemailtext {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 17px;
}
a.printemailtext:link {
		color: #999;
		text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
		font: 12px Arial, Helvetica, sans-serif;
	  }
	  a.printemailtext:visited {
		color: #999;
		font: 12px Arial, Helvetica, sans-serif;
		text-decoration: none;
	  }
	  a.printemailtext:hover, a.breadcrumb:active, a.breadcrumb:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
		text-decoration: none;
		color: #ffcc33;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight: bold;
	  }
	  /* ######### Drop Down DIVs CSS ######### */


/* MEGA DROP DOWN */
.nav {
	border-radius: 0px;
	width: 600px;
	margin: 0px auto;
	height: 33px;
}

.nav li { list-style: none;  }
.nav > li { padding: 0; float: left; position: relative; }
.nav > li > a {
	float: left;
	color: #8e867b;
	font: normal 14px Arial, Verdana;
	text-decoration: none;
	line-height: 33px;
	padding: 0px 20px; 
	border-right: 1px solid #69C;
	border-left: 0px solid #555;
	height: 33px;
}
.nav > li:hover > a { color: #FC3; background: #fff; border-right: 1px solid #69C; font-weight: bold; }
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
.nav > li:hover > div { display: block; }
.nav > li > div {
	position: absolute;
	left: -1px;
	top: 33px;
	display: none;
	background: #fff;
	padding: 10px 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	overflow: hidden;
	border: 1px solid #69C;
}
.nav > li > div p { color: #666; }
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }


/* COLUMNS */
.col1,.col2,.col4,.col5 { margin: 0px; float: left; padding: 0px 0px 10px 10px;}
.col3 { margin: 0px; float: left; padding: 0px 0px 0px 10px;}


	/* 1 Column */
	.container-1 { width: 170px; }
	.container-1 .col1 { width: 100%; }

	/* 2 Column */
	.container-2 { width: 270px; }
	.container-2 .col1 { width: 50% }
	.container-2 .col2 { width: 100% }

	/* 3 Column */
	.container-3 { width: 450px; }
	.container-3 .col1 { width: 30% }
	.container-3 .col2 { width: 66.66% }
	.container-3 .col3 { width: 100% }


	/* 4 Column */
	.container-4 { width: 500px; }
	.container-4 .col1 { width: 25%; }
	.container-4 .col2 { width: 50% }
	.container-4 .col3 { width: 75% }
	.container-4 .col4 { width: 100% }


	/* 5 Column */
	.container-5 { width: 600px; }
	.container-5 .col1 { width: 20%; }
	.container-5 .col2 { width: 40% }
	.container-5 .col3 { width: 60% }
	.container-5 .col4 { width: 80% }
	.container-5 .col5 { width: 100% }

/* HIGHLIGHTS */

.container-3 .highlighted { 
	width: 400px; 
	margin-left: -20px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}
.container-4 .highlighted { 
	width: 500px;
	margin-left: -10px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}



.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.antispam { display:none;}
#loading{position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; padding-top: 200px; line-height: 60px; background: white; color: black; text-align: center;}