@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: url(../images/bgnd.jpg) right bottom no-repeat;	
}

.clear	{ clear:both; }
.left	{ float:left; }
.right	{ float:right; }

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif !important;
	font-weight:normal !important;
	color:#01B5DE;
	padding:0.4em 0;
	margin:0;
	font-size:2.0em;
	clear:both;
}
	h1	{ font-size:2.0em; color:#01b5de; }
	h2	{ font-size:1.8em; color:#01b5de; }
	h3	{ font-size:1.7em; color:#01b5de; }
	h4	{ font-size:1.6em; color:#01b5de; }
	h5	{ font-size:1.5em; color:#01b5de; }
	h6	{ font-size:1.4em; color:#01b5de; }


#visual {
	width:950px;
	margin:100px auto 50px auto;
	border:7px solid #40B6FA;
	background:#f4f4f4;
/*	background:url(../images/main_bgnd.jpg) repeat-y; */
	}
	.container {
		width:745px;
		padding:0;
		margin:auto;
		background:#fff;
		}

#flash {
	float:right;
	padding-top:30px;
	width:389px;
	}

#right_content {
	background: url(../images/bgnd_inside.jpg) right bottom no-repeat;
	float:left;
	padding:32px 5px 0 10px;
	}
.right_content_properties, .content_intro {
	float: left;
	width: 340px;
	padding-left: 10px;
	
	_margin-left: 1px;
	_padding-left: 0px;
}
.left_content_properties, .content_main {
	float: left;
	width: 330px;
	min-height: 600px;
	margin-left: 50px;
	
	_margin-left: 10px;
}
.pad_image {
	padding-right: 5px;
}
#form1 {
	width: 370px;
	margin: 0px;
	padding: 0px;
}
#content_home {
	float:left;
	width:326px;
	padding:10px 0 0 15px;
	text-align:left;
	}
#content {
	padding:15px;
	}
p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#header_logo {
	width:950px;
	height:152px;
	background: url(../images/top_band_stripe_03.jpg) repeat-x;
	}

	#header {
		height:40px;
		background:#ebebeb;
		font-size:11px;
		font-weight:bold;
	}
		#nav_header {
			text-transform:uppercase;
			background:url(../images/bg_navleft.gif) no-repeat left;
			float:right;
			height:21px;
			padding:0 3px;
			margin-top:10px;
		}
			#nav_header a { color:#fff; padding:0 4px; }
			#nav_header a:hover { color:#fff; background:#68e2b3; }
			
			#nav_header ul {
				margin:0;
				padding:0 5px;
				line-height:21px;
				background:#a0a0a0;
				list-style:none;
				background:url(../images/bg_navright.gif) no-repeat right #a0a0a0; 
			}
				#nav_header ul li {
					display:inline;
				}



#icons {
	height:100px;
	clear:both;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #01B5DE;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#footer {
	text-align: center;
	margin-top:30px;
	font-size:12px;
	padding:0;
	list-style:none;
	}
	#footer li {
		display:inline;
		padding:0 5px 0 3px;
		border-right:1px solid #efefef;
		}
	#footer li:last-child {
		border:none;
		}
	
	
	.titan {
		color:#336699;
		display:block;
		font-size:0px;
		text-indent:-99999px;
		width:80px;
		height:23px;
		padding-bottom:15px;
		background:url(../images/titan_logo.jpg) no-repeat;
		margin:auto;
		}

a:link, a {
	color: #7ABAFF;
	text-decoration: none;
}
a:hover {
	color: #018FD0;
}
a:visited {
	color: #80C6F3;
}
.image_border {
	border: 3px solid #F1CA83;
}

	#view-property-left {
		float:left;
		width:326px;
		text-align:left;
		}
	#view-property-right {
		float:right;
		padding:30px 0 0 0;
		width:380px;
		}
		#view-property-right table {
			width:99% !important;
		}
		
		#fully_booked {
			padding:18px 0 18px 72px;
		}
		
			.fb_legend {
				width:25px;
				height:20px;
				background: #dbdbdb;
				float:left;
			}
			#fully_booked span {
				float:left;
				display:block;
				padding:1px 0 0 8px;
				color:#626261;
			}

		
#gallery {
	height:700px;
	width:725px;
}
.gallery_pics {
	margin-right: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px dotted #FF9900;
	margin-left: 10px;
}




/******** booking *************/
/*
#item_template {
	margin: auto;
	text-align: left;
	width: 950px;
	} */

#item_list_template {
	margin: auto;
	width: 720px;
}

#item_list {
	color: #3399ff;
	/*background-color: #3399ff;*/
}

.thankyou_message {
	margin: auto;
	width: 300px;
	text-align: center;
}


.booking_img:hover {
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

	.maplink {
		display:block;
		line-height:19px;
		background:url("../images/google-maps-logo.jpg") no-repeat left;
		text-align:right;
		margin:5px 0;
	}
	.maplink:hover {
		text-decoration:underline;
		color:#000;
	}
		
.price_range_high_th {
	font-weight: bold;
	background-color: #ff6666;
	width: 100px;
	text-align: center;
}
.price_range_mid_th {
	font-weight: bold;
	background-color: #ffcc66;
	width: 100px;	
	text-align: center;
}
.price_range_low_th {
	font-weight: bold;
	background-color: #66ff99;
	width: 100px;	
	text-align: center;
}
.price_range_special_th {
	font-weight: bold;
	background-color: #0099ff;
	width: 100px;	
	text-align: center;
}
.price_range_high_td {
	font-weight: bold;
	background-color: #ffcccc;
	width: 100px;	
	text-align: right;
}
.price_range_mid_td {
	font-weight: bold;
	background-color: #ffffcc;
	width: 100px;	
	text-align: right;
}
.price_range_low_td {
	font-weight: bold;
	background-color: #ccffcc;
	width: 100px;	
	text-align: right;
}
.price_range_special_td {
	font-weight: bold;
	background-color: #99ccff;
	width: 100px;	
	text-align: right;
}
.price_range_td {
	width: 100px;
	font-weight: bold;	
	text-align: right;
}

input.make_booking_submit {
	width: 148px;
	height: 79px;
	border: 0px;
	background: url(../images/make_a_booking.png);
}

input.make_booking_submit:hover {
	width: 148px;
	height: 79px;
	border: 0px;	
	background: url(../images/make_a_booking_hover.png);
}


	.make_a_booking {
		width: 700px;
		margin: auto;
		}
		.make_a_booking .booking_thankyou {
			background:#FFFFDF;
			border:1px solid #FFCC00;
			padding:15px;
			text-align:center;
			}
		.make_a_booking span.required {
			font-size:28px;
			font-weight:bold;
			color:#FF3300;
			line-height:16px;
			}
		.make_a_booking ul {
			padding:15px 0;
			margin:0;
			list-style:none;
			}
		.make_a_booking fieldset {
			border:1px solid #ddd;
			padding:15px;
			margin:7px 0;
			clear:both;
			}
		.fieldset_bookingdetails, .fieldset_userdetails  {
			float:left;
			width:310px;
			height:195px;
			clear:none !important;
			}
			.fieldset_bookingdetails {
				margin-right:16px !important;
				}
			.make_a_booking fieldset legend {
				color:#01B5DE;
				font-size:16px;
				}
				
			.make_a_booking fieldset table {
				width:99%;
				}


		.make_a_booking form {
			font-size:12px;
			}
			.make_a_booking form table {
				padding:10px 0;
				}
			.make_a_booking form label {
				width:auto;
				float:none;
				}
			.make_a_booking form input.txt {
				width:auto;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666;
				border:1px solid #999;
				}
			.make_a_booking form input.addresstxt {
				width:99%;
				margin:2px 0;
				}
			.make_a_booking form textarea {
				width:99%;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666;
				border:1px solid #999;
				}

/*#makebooking {
	width: 150px;
	float: right;
	_float: left;
}
*/
#make_a_booking_table {
	margin-left: -553px;
	_margin-left: 0px;
	clear: both;
}

/*************** calendar for booking *************/
#calendar {
	border: 1px #ccc solid;
}
.cal_nav {
	background-color: #ccffff;
}
.cal_nav a {
	color: #3399ff;
	cursor: pointer;
}
.cal_today {
	font-weight: bold;
	text-align: right;
}

.cal_day_high{
	text-align: right;
	background: #ffcccc;
	cursor: pointer;
}
.cal_day_mid{
	text-align: right;
	background: #ffffcc;
	cursor: pointer;
}
.cal_day_low{
	text-align: right;
	background: #ccffcc;
	cursor: pointer;
}
.cal_day_special{
	text-align: right;
	background: #99ccff;
	cursor: pointer;
}
.cal_day_booked {
	background: #dbdbdb;
	text-align: right;
	cursor: default;
}
.day_headings{
	font-weight: bold;
	text-align: center;
}
.cal_nav_left{
	float: left;
	font-weight: bold;
	width: 50px;
}
.cal_nav_right{
	float: right;
	text-align: right;
	font-weight: bold;
	width: 50px;
}
.cal_heading{
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #3399ff;
}
.cal_day:hover{
	text-align: right;
	background: #ccffcc;
	text-decoration: underline;
}
.month_nav {
	width: 300px;
	margin: auto;
	text-align: center;
}
.month_nav a {
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
}


/***** Form Styles *****/
form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 0.6em;
}
form label {
	font-weight: bold;
	float: left;
	width: 150px;
}
input.txt {
	color: #3399ff;
	border: 1px inset #00008B;
	width: 200px;
}
textarea.txt {
	color: #3399ff;
	border: 1px inset #00008B;
	width: 300px;
	height:200px;
}
input.btn {
	color: #3399ff;
	border: 1px outset #00008B;
	margin-left: 0px;
}
select {
	width:200px;
	color: #00008B;
	border: 1px inset #00008B;
}




#rotate_banner {
	margin-left: 110px;
	width: 745px;
}
.property_list {
	width: 720px;
	clear:both;
}
.property {
	width: 330px;
	float: left;
	height: 176px;
	margin-left: 10px;	
	margin-bottom: 20px;
}
.property h2 {
	font-size: 12px;
}

.property_image {
	display:block;
	height:75px;
	width:105px;
	float:left;
	overflow:hidden;
	border:1px solid #CCC;
	padding:2px;
	margin:0 10px 0 0;
	}
	
.property img {
	height:75px;
	width:105px;
	margin:auto;
	border:none;
	}
	.property h2 {
		font-size:1.6em;
	}
	.property-attributes {
		height:20px;
		line-height:20px;
		font-size:14px;
		overflow:hidden;
		padding:5px 0;
		margin:5px 0;
		color:#333;
		border:1px dashed #666;
		border-left:none;
		border-right:none;
		background:#efefef;
		font-style:italic;
	}
		.property-attributes span.bed,
		.property-attributes span.bath {
			float:left;
			width:150px;
			text-indent:25px;
		}
		.property-attributes span.bed {
			background:url("../images/icons/icon_bedroom-small.gif") no-repeat left top;
		}
		.property-attributes span.bath {
			background:url("../images/icons/icon_bathroom-small.gif") no-repeat left top;
		}

.photo_list {
	width: 715px;
	margin: auto;
}

.gallery_name {
	width: 715px;
	margin: auto;
}

.photo_thumb {
	float:left; 
	height: 75px; 
	width: 105px; 
	margin-left:15px; 
	margin-bottom:15px; 
	padding: 10px; 
	text-align:center;
}

.gallery_block {
	width: 330px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.gallery_list {
	width: 715px;
	margin: auto;
}
.gallery_name {
	width: 300px;
	margin: 0px;
}
.gallery_title {
	clear:both;
}
.gallery_thumb img {
	margin-right: 10px;
}

	.view_booking_thumb {
		width:106px;
		height:81px;
		float:left;
		display:inline;
		margin-bottom:4px;
		}