/* CSS Document */

html{
	font-family:'Trebuchet MS',Verdana,sans-serif;
	font-size: medium;
}

body{
background-color: #d5d6d7;
	padding: 0; 
	
}

.centeroutline{
	margin-left:auto;
	margin-right:auto;
	display:block;
	border: 3px solid #eee;
	padding: 10px;
	
}

h1{
	text-align:center;
	font-size:200%;
	line-height:.5em;
}

h3{
	text-align:center;
	font-size:100%;
	line-height:.1em;
}

h4{
	text-align:center;
	font-size:120%;
	line-height:.1em;
}

h5{
	text-align:center;
	font-size:150%;
	line-height:.25em;
	color: #FF0000;
}


p{
	font-size:90%;
}

.light p, .dark p{
	color:#777;
	font-size: 110%;
	font-weight:bold;
}

h2{
	font-size:100%;
}

.amenities{
	font-size:85%;
	margin-bottom:10px;
	list-style-type:circle;
	line-height:1.5em;

}

.heading{
	font-weight:bold;
	list-style-type:none;
	font-size:100%;
	position:relative;
	margin-left:-30px;
}


/*-------DIV STRUCTURE---------*/

div{

}

#container{
	
	margin: 20px auto;
	padding: 10px;
	width: 760px;
	border: 1px solid #959596;
	background-color: white;
}

#aboutcaptiva{
	float:right;	
	width: 20%;
	border: 2px solid #ccc;
	background-color: #fffdf1;
	margin: 10px 0 10px 15px;
	padding: 0px 5px;
}

#maintext{
	margin-left:40px;
	margin-right:40px;
	overflow:auto;
}

.section{
	border: 1px solid #ccc;
	margin:5px;
	padding:15px;
}

.light{
	border:1px solid #ccc;
	background-color: #eee;
	margin:10px;
	overflow:auto;

}

.dark{
	border:1px solid #ccc;
	background-color:#ddd;
	margin:10px;
	overflow:auto;

}

.thumbnail{
	border-right: 1px solid #ccc;
	width:250px;
	padding:5px;
	float:left;
	clear:both;
	margin-right:10px;
}

#availability{
	background-color:#f9f9f9;
	border: 1px solid #999;
	width: 170px;
	height: 170px;
	padding-left:3%;
	padding-top:3%;
	float:left;
	margin-left:2%;
	margin-right:20px;
	margin-top:20px;	
	}
#prices{
	margin-left:12%;
	margin-bottom:25px;
}

	
/*--------NAVIGATION---------*/

#navigation li{
	font-size:90%;
	display:inline;
	font-weight:bold;
	color:#35b;
	padding: 2px 6px 2px 6px;
	margin-right:5px;
	line-height:2em;
	border: 1px solid #ccc;
	background: #fcfcfc url('../../images/menubg.gif') repeat-x;
}

#navigation li.activeli{
	background: #fffdf1 url('../../images/menucurrbg.gif') repeat-x;
	cursor:text;
	color:#666;
	text-decoration:none;
}

#navigation li:hover{
	border: 1px solid #999;
}

#navigation a, #navigation a:visited{
	color:#35b;
}
/*------FLOATS-------*/

.left{
	float:left;
	margin: 0 10px 0 0;
	padding:5px;
	background-color:#eee;
}

.right{
	float: right;
	margin: 0 0 0 10px;
	padding:5px;
	background-color:#eee;

}

/*-------IMAGES------*/


.thumb_wide{
	width:250px;
	height:187.5px;
}

.thumb_tall{
	height:250px;
	width:187.5px;
	margin-left:10%;
}

.map_wide{
	width:700px;
	height:500px;
	display:block;
	border: 3px solid #eee;
	padding: 10px;
	border: 3px solid #eee;
	margin-left:2%;

}

a img{
	border:0;
}

.amenleft{
	float:left;
	margin: 0 0 10px 10px;
	padding: 5px;
	background-color:#eee;
	clear:left;
}

.amenright{
	float:right;
	margin: 10px 0 0 10px;
	padding: 5px;
	background-color:#eee;
	clear:both;
}