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

}

@font-face {
    font-family: 'NovecentowideMediumRegular';
    src: url('../fonts/novecentowide-medium-webfont.eot');
    src: url('../fonts/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-medium-webfont.woff') format('woff'),
         url('../fonts/novecentowide-medium-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-medium-webfont.svg#NovecentowideMediumRegular') 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:#5b5b5b;	
	background:#fff;
}
p {
	margin: 0 0 13px 0;
	line-height:1.6em;
}
a{
	color: #464545;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
.container{
	width:880px;
	margin:50px auto;
	position:relative;
}

.logo{
	position:absolute;
	z-index:100;
	top: -30px;
	left:30px;
	width:130px;
	height:171px;
}

.separator{
	width:454px;
	height:6px;
	background:url(../images/separator.png) no-repeat left top;
	margin:25px 0;
}

/* gallery 	*/
.topGallery{
	width: 880px;
	height:448px;
	overflow:hidden;			
}
.topGallery img{
	width:880px;
	height:448px;
}

.gallery img{
	width:120px;
	margin:0 5px 0 0;
}

.title{
	font-family:"SaginawBold", Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:25px;
	color:#e6c875;	
	margin:20px 0 25px 7px;
	height:20px;
}

.blueTitle{
	font-family:"SaginawBold", Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:25px;
	color:#3a445d;	
	margin:20px 0;
}

.leftCol{
	width: 585px;
	float:left;
	margin: 10px 0 0 0;
	padding:0 15px 0 0;
	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;
}

.contact{
	font-family:"NovecentowideMediumRegular", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#706d65;
}

ul {
	margin: 0 0 0 14px;
}
ul li{
	margin:0 0 7px 0;
	color:#d7d0c9;
}
ul li span{
	color:#464545;
}

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


/* rates */
.table {
	width:100%;
	margin:0;
	padding:0;
	font-family:'NovecentowideMediumRegular',Arial, Helvetica, sans-serif;	
	vertical-align:middle;
}

.rates_head {
	font-size:14px;
	line-height:20px;
	color:#a48b51;
	border-bottom:solid 3px #e3e0d8;
	text-align:center;
	background:#d3d6dc;
	padding:10px 0;
}

.rates_date {
	float:left;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:20px;
	color:#7c776a;
	border-bottom:solid 3px #e3e0d8;
	width:50px;
	text-align:left;
}

.td_title {
	width:100%;
	text-align:left;
	background:#f0ebe1;
	color:#a48b51;
	text-transform:uppercase;
	font-size:14px;
	line-height:14px;
	padding:8px 0 8px 10px;
}

.td_pax {
	width:35px;
	padding:5px 0;
	text-align:center;
	background:#f7f5f2;
	color:#c2b186;
}

.rates_det {
	text-align:center;
	background:#f7f5f2;
	color:#aab4dc;
}


/* tabs */
.tabs {
    width: 555px;
    height: 52px;
    position: relative;
    background: url(../images/tabs_bg.png) no-repeat center bottom;
    margin:10px 0 0 0;
}
.tab_item {
    display: block;
    float: left;	
    width: 120px;	
    margin: 0 40px 0 0;
    padding:0 0 0 20px;
    color: #3a445d;
    text-align: center;
    z-index: 200;
    position: relative;
    cursor: pointer;
    font-family: "NovecentowideMediumRegular", Arial, Helvetica, sans-serif;
    font-size: 15px;    
    line-height: 15px;     
    text-transform: uppercase;
}
.tab_item:hover, .tabs .loc{
    color:#e6c875;	
}
.moving_bg {
    background:url(../images/moving_bg.png) no-repeat left center;
    position: absolute;
    z-index: 10;
    width: 100px;  
    height: 17px; /*32*/
    top: 0;
    left: 0;    
}


.slide_content {
    overflow: hidden;
    position: relative;
    width: 555px;        
}
.tabslider {
    width: 7777px;	
    position: relative;     
}

.tab {
    float: left;
    width: 555px; 	
    margin: 0 40px 0 0;
    position: relative;      
}
#villas { color:#FFFFFF; text-decoration:none; float: left; text-align: center; margin-left: 20px; margin-top: 8px; font-family: NovecentowideMediumRegular, Arial, Helvetica, sans-serif;}
#villas:hover {color:#000;}