@font-face {
    font-family: 'MateSCRegular';
    src: url('../fonts/matesc-regular-webfont.eot');
    src: url('../fonts/matesc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/matesc-regular-webfont.woff') format('woff'),
         url('../fonts/matesc-regular-webfont.ttf') format('truetype'),
         url('../fonts/matesc-regular-webfont.svg#MateSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	margin:0;
   	padding:0;
	border: none;
}

body{
	margin:0;
   	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#464545;	
	background:#fff;
}
p {
	margin: 0 0 13px 0;
	line-height:1.4em;
}
a{
	color: #464545;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
.container{
	width:940px;
	margin:0 auto;
}
.topLine{
	height:20px;
	background:#cbc6be;
}
.bottomLine{
	height:40px;
	background:#cbc6be;	
}
.midLine{
        width:260px;
	height:2px;
	background:#cbc6be;
        margin:10px 0 10px 0;
}
.midLine1{
        width:390px;
	height:2px;
	background:#cbc6be;
        margin:8px 0 10px 0;
}
.midLine2{
        width:390px;
	height:2px;
	background:#cbc6be;
        margin:4px 0 8px 0;
}
.logo{
	float:left;
	width:50px;
	margin:20px 10px 0 0;
}

/* gallery 	*/
.galleryHolder{

	float: right;
	position:relative;
}
.gallery{
	width: 880px;
	height:448px;	
	position:relative;
	overflow:hidden;	
}
.gallery img{
	width:880px;
	height:448px;
}
.gallery_prev, .gallery_next{
	position:absolute;
	top: 200px;
	width: 33px;
	height:58px;
	cursor:pointer;
	z-index:200;	
}
.gallery_prev{
	left:30px;
	background:url(../images/gallery_arrows.png) left top;
}
.gallery_next{
	right:30px;
	background:url(../images/gallery_arrows.png) right top;
}


.title{
	font-family:"MateSCRegular", Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:19px;
	text-transform:uppercase;
	color:#97b3d6;
	background:url(../images/title.png) no-repeat left top;
	padding: 0 0 0 30px;	
	margin:20px 0 25px 0;
	height:20px;
}
.listTitle{
	font-family:"MateSCRegular", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	color:#787167;	
	margin:0 0 20px 0;
}
.leftCol{
	width: 560px;
	float:left;
	margin: 10px 0 0 60px;
	position:relative;
}

.rightCol{
	float:right;
	width:240px;
	background:url(../images/bg_col.png) repeat-y left top;		
	padding:0 0 0 40px;
}

.seperator{
	width:115px;
	height:5px;
	background:#d7d0c9;
	margin:20px 0 0 0;
}

.list{
	width:240px;
	margin:0 0 30px 0;
}
ul {
	margin: 0 0 0 14px;
}
ul li{
	margin:0 0 4px 0;
	color:#d7d0c9;
}
ul li span{
	color:#464545;
}

.room_thumbs{
	position:absolute;
	bottom:200px;
	right:-340px;
	width:346px;
	height:335px;
	z-index:100;
}

/* rates */
.table {
	width:560px;
	margin:0;
	padding:0;
}

.rates_head {
	font-size:14px;
	line-height:20px;
	color:#7c776a;
	border-bottom:solid 3px #e3e0d8;
	width:120px;
	text-align:center;
	font-family:'MateSCRegular',Arial, Helvetica, sans-serif;
	background:#eae6df;
	padding:10px 0;
}
.rates_paxhead {
	padding:10px 0;
	font-size:14px;
	line-height:20px;
	color:#7c776a;
	border-bottom:solid 3px #e3e0d8;
	width:200px;
	text-align:center;
	font-family:'MateSCRegular',Arial, Helvetica, sans-serif;
	background:#eae6df;
}
.rates_head2 {
	font-size:12px;
	line-height:14px;
	color:#7c776a;
	border-bottom:solid 3px #e3e0d8;
	width:120px;
	text-align:center;
	font-family: Tahoma, Arial, Helvetica;
	background:#eae6df;
	padding:10px 0;
}
.rates_date {
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:20px;
        font-weight:bold;
	font-family:'MateSCRegular',Arial, Helvetica, sans-serif;
        background:#f7f5f2;	
        border-right: solid 1px #d9d3c8;
	border-bottom:solid 3px #e3e0d8;
	width:100%;
	text-align:center;
}

.rates_info {
	font-size:12px;
        line-height:20px;
        font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
}
.td_title {
	width:100%;
	text-align:left;
	height:22px;
	color:#787167;
	text-transform:uppercase;
	font-family:'MateSCRegular',Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px 0 5px 10px;
}

.td_pax {
	width:100%;
	border-right: solid 1px #d9d3c8;
        border-bottom:solid 1px #e3e0d8;
	padding:5px 0;
	text-align:left;
	background:#f7f5f2;
}
.line_hover:hover {
	background:#7e93cd;
	color:#fff;

}

.rates_det {
    width:100%;
    height:26px;
    font-family: Tahoma, Arial, Helvetica;
    font-size:12px;
    border-right:solid 1px #d9d3c8;
    border-bottom:solid 1px #e3e0d8;
    text-align:center;
    background:#f7f5f2;
}

.rates_det:last-child {
	width:90px;
	border-right: none;
}


/* form */

.input {
	width:230px;
	height:20px;
	float:left;
	margin:0;
	padding:4px 5px 4px 0;
	border:solid 1px #e3e0d8;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#706d65;			
}
.textarea {
	width:320px;
	float:left;
	border:solid 1px #e3e0d8;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#706d65;
        margin:12px 0 0 0;
	height:48px;
}
.select {
	width:190px;
	height:20px;
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#706d65;
        margin:0 0 8px 0;
}

.input_date{
	width:138px;
	float:left;
	height:20px;
	background:none;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#706d65;
}

.submit{
	border:none;
	cursor:pointer;
	text-align:center;
	font-size:16px;
	background:none;
	margin:0;
	padding:0 15px 0 0;
	color:#97b3d6;
	display:block;
	font-weight:bold;
	float:left;
	background:url(../images/submit_arrow.png) center right no-repeat;
}

.nobg{
	background:none;
	padding:0;
}
#villas {color: #fff; text-decoration: none; float: left; text-align: center; margin-left: 3px; margin-top: 12px; font-size: 15px; margin: 8px;padding:0;}
#villas:hover {color:gray;}
/*FOOTER*/
.footercontent {  color: #fff; line-height:15px; padding: 12px 0px;  width: 820px; margin: 0px auto; }
.leftcol{ float: left; width: auto; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 10px; margin: 0px;}
.highlight { font-weight: bold; color: #1f2230;}
H5 { color: #fff; font-weight: 400; font-size: 11px; padding: 5px; line-height: 15px; margin: 0px 20px 0px 5px;}
H5 A{  font-weight: bold; color: #1f2230; padding: 5px; margin-top: 0px; margin: 0px 30px 0px 15px; outline: 0; text-decoration: none; }
H5 A:hover{ text-decoration: none; color: #fff;}
H6 { color: #000; font-weight: 400; text-align:right; font-size: 11px; margin: 2px;}