@charset "utf-8";
/* CSS Document */
/*
	Western Webs January 2009
	Author: J.Miguel Martinez
	Date: 28/01/2009
	Customer: Dormer View
	
	Colors:
	grey:#F3F3F3;
	
	*/

html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color:#F3F3F3;
	color: #444;
	font: normal 11px Arial, sans-serif;
	width:100%;
	letter-spacing:0.01em;
}

.clear{ clear:both}
.left{ float:left}
.right{ float:right}
span{display:none;}

#container {
	width: 800px;
	margin: 0px auto;
	padding:0px;
	border: 1px solid #CFC158;
	background: #FFFFFF;
	
}


/* HEADER*/
div#header{width:800px; height:100px;}
#dormer_logo{background-image:url(../images/dormer_logo.jpg); float:left; width:800px; height:100px;}


/*CONTENT INDEX*/

#content{ background:#DDDDDD; padding:10px 0px;}

#main_info,#foot_info{margin:0px 10px; background:#FFFFFF; font-size:110%}
#main_info,#foot_info{padding:10px}
#foot_info img{ margin-right:10px;}

#image_house,#image_foot{float:left;}
#text_main{ margin-left:410px;font-size:120%;}
#foot_text{ margin-left: 450px;font-size:140%;color: #BAAE64;font-weight:bold; line-height:180%}

#menu{ float:left; width:200px; margin-left:10px}
#menu ul li{cursor:pointer;margin:10px 0px 0px 0px; background-position:0px 200px}
#menu ul li:hover{ background-position:0px 0px}
#apt1{background-image:url(../images/onebed.jpg); float:left; width:200px; height:200px;}
#apt2{background-image:url(../images/fourbed.jpg); float:left; width:200px; height:200px;}
#price{background-image:url(../images/rates.jpg); float:left; width:200px; height:200px;}
#onebed,#fourbed,#rates{ min-height:618px; float:left; border-left:1px solid #FFFFFF; border-top:1px solid #000000;border-right:1px solid #000000; border-bottom:1px solid #000000; width: 570px; margin:10px 0px 10px 0px}

.grid {
display: table;
border-spacing: 4px;
}
.row {
clear:both;
display: table-row;

text-align:center;
}
.cell {
float:left;
display: table-cell;
background-color: #D2C78F;
border: 8px solid #D2C78F;
vertical-align: top;
text-align: center;`
font-weight:bold
}
.row{
color: #000;
font-weight:bold;
font-size: 90%;
text-align: left;
padding-top: 5px;
}

.time{ width:100px; color:#000; }
.people{ width:55px;color:#000;}
.prices{ width:55px;color:#413F04;}
.calendar{ margin:0px 0px 20px 20px}
#rates h2{ font-size:150%; color:#FFFFFF; margin:20px 0px 20px 50px}

#onebed{ background:#D2C78F}
#fourbed{ background:#BAAE64}
#rates{ background: #87825A}

.galery{margin:20px auto; width: 500px}
.galery p{color:#000000; font-size:120%;margin-top:20px;}
#loadarea,#loadarea2{margin: 0px 0px 20px 0px;}
#map_info{margin-top:20px; border:1px solid #777777;}

/* FOOTER */
#footer{ background:#CFC158; color:#564E15; text-align:center; font-weight:bold; padding:10px;}
#footer a{color:#564E15; text-decoration:none}
#footer a:hover{ color: #000000;}
#menu_foot{ font-size:105%; margin:0px}
#copyright{ font-size:130%; margin:0px; font-weight:bold}

/* LINKS*/
#clients{ font-size:90%; background-color:#FFFFFF; margin:10px; padding:10px}
#clients a{ color:#87825A; font-weight:bold; text-decoration:none}