/* ----  Site LAYOUT DIVS ---- */
body{
	margin: 0px 0px 0px 0px;
	padding-top: 15px;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #565555;
	background-color: #A59483;
	/*-------------------------*/
}
p{
	line-height: 19px;
}
h1, h2, h3, h4{
	padding: 0px 0px 5px  0px;	
	margin: 0px;	
	font-family: "Georgia", Times New Roman, Times, serif;
}
h1{
	font-weight: lighter;
	letter-spacing: -2px;
	font-size: 23pt;
	color: #63503d;
}
h2{
	font-weight: lighter;
	letter-spacing: -1px;
	font-size: 16pt;
	color: #006699;
}
a.h2_href{
	color: #006699;
	text-decoration: underline;
}
a.h2_href:hover{
	color: #000000;
}

a.h2_href_b{
	color: #006699;
	text-decoration: none;
}
a.h2_href_b:hover{
	color: #000000;
	text-decoration: underline;
}

a.black_a_sml{
	color: #000000;
	text-decoration: none;
}
a.black_a_sml:hover{
	text-decoration: underline;
}
/*---------------------------------------------------------------------------------------------*/
/*- LAYOUT DIVS ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.container{
	margin: auto;
	width: 764px;
}
.header{
	background-image: url(images/r2_c2.jpg);
	background-repeat: no-repeat; 
	width: 764px;
	height: 277px;
}

.campsbay_header{
	background-image: url(images/camps_bay_header.jpg);
	background-repeat: no-repeat; 
	width: 764px;
	height: 277px;
}
.menu{
	background-image: url(images/r3_c3.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 17px;
	width: 728px;
	height: 32px;
	margin-bottom: 20px;
}
.content_header{
	background-image: url(images/r5_c2.jpg);
	background-repeat: no-repeat;
	width: 764px;
	height: 17px;
}
.content_container{
	background-image: url(images/r6_c2.jpg);
	background-repeat: repeat-y;
	width: 754px;
	padding: 0px 5px 5px 5px;
}
.content_footer{
	background-image: url(images/r8_c2.jpg);
	background-repeat: no-repeat;
	width: 764px;
	height: 15px;
}
/*--------------------------------------------------------------*/
/*-- BLUE GALLERY BG -------------------------------------------*/
/*--------------------------------------------------------------*/
.content_header_blue{
	background-image: url(images/r5_c2_09.jpg);
	background-repeat: no-repeat;
	width: 764px;
	height: 17px;
}
.content_container_blue{
	background-image: url(images/r6_c2_10.jpg);
	background-repeat: repeat-y;
	width: 754px;
	padding: 0px 5px 5px 5px;
}
.content_container_blue h1{
	color: #ffffff;
}
.content_container_blue a.h2_href{
	color: #dce7ee;
}
.content_container_blue a.h2_href:hover{
	color: #ffcc00;
}
.content_container_blue p{
	color: #dce7ee;
}
.content_container_blue a.black_a_sml{
	color: #ffcc00;
}
.content_footer_blue{
	background-image: url(images/r8_c2_12.jpg);
	background-repeat: no-repeat;
	width: 764px;
	height: 15px;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.more_information{
	text-align: justify;
	padding: 13px;
	margin-top: 20px;
	background-image: url(images/r10_c2.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 250px;
	height: 203px;
}
.footer{
	color: #908a84;
	font-size: 8pt;
	text-align: center;
	margin-bottom: 30px;
	background-image: url(images/r12_c2.jpg);
	background-repeat: no-repeat;
	clear: both;
	width: 764px;
	height: 56px;
}
.footer .footer_links{
	position: relative;
	top: 10px;
	margin-bottom: 15px;
}
.footer a.footer_link{
	font-size: 9pt;
	color: #a8a49f;
	text-decoration: none;
	border-right: 1px solid #a8a49f;
	padding-left: 10px;
	padding-right: 10px;
}
.footer a.footer_link:hover{
	text-decoration: underline;
}
.footer a.footer_link_sml{
	font-size: 8pt;
	color: #a8a49f;
	text-decoration: underline;
}
.footer a.footer_link_sml:hover{
	text-decoration: underline;
}

/*---------------------------------------------------------------------------------------------*/
/*- THE MENU ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

ul.nav {
	position: relative;
	top: 2px;
	left: 30px;
	width: 764px;
	padding: 0px;
	margin: 0px;
}
ul.nav li{
	font-size: 14pt;
	font-family: "Georgia", Times New Roman, Times, serif;
	letter-spacing: -1px;
	/*----*/
	float: left;
	display: inline;
	margin-right: 80px; 
}
ul.nav li a {
	font-weight: normal;
	color: #dce7ee;
	text-decoration: none;
	height: 11px; 
	display: block;
	float: left;
}
ul.nav li a:hover {
	color: #ffcc00;
}

/*-------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*- CONENT DIVS ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.content{
	padding: 10px;
}
.float_left{
	float: left;
}
.float_right{
	float: right;	
}
.clearboth{
	clear: both;
}

/*-------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*- SITE GENERAL STYLES ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.red{
	color: #ff0000;	
}
.see_more{
	position: relative;
	top: -15px;
	float: right;
}
.more_information .see_more a{
	text-decoration: underline;
	color: #003366;
}
.see_more a:hover{
	font-style: italic;
}
.l_blue{
	color: #0069ce;
}
a.l_blue{
	color: #0069ce;
	text-decoration: underline;
}
a.l_blue:hover{
	color: #000000;
}
.border_top{
	/*border-top: 1px solid silver;*/
	padding-top: 5px;
}
.image{
	border: 5px solid #FFFFFF;
	margin-right: 10px;
	margin-top: 10px;
	overflow: hidden;
	/*float: left;*/
}
.no_display{
	display: none;
}
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*- INDEX PAGE -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.gallery_location{
	float: left;
	width: 85px;
}
.villa_location{
	float: left;
	width: 325px;
	padding: 15px 15px 15px 15px;
	border-right: 1px solid  #649EB9;
}
.atlanta_location{
	float: left;
	width: 325px;
	padding: 15px 15px 15px 15px;
	border-bottom: 1px solid  #649EB9;
}
.tovani_location{
	float: left;
	width: 325px;
	padding: 15px 15px 15px 15px;
}

/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*- LOCATIONS PAGE ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.page_menu_desc{
	color: #000000;
	border-right: 1px solid #649EB9;
	float: left;
	padding: 0px 25px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.page_menu_link{
	border-right: 1px solid #649EB9;
	float: left;
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 20px 0px;
}
.page_menu_link a.on{
	font-size: 9pt;
	color: #565555;
	font-style: italic;
	font-weight: bold;
}
.page_menu_link a.off{
	font-size: 9pt;
	color: #565555;
}
.page_menu_link a:hover{
	color: #000000;
}
.page_menu_link a:active{
	color: #ff0000;
}

.locations .information{
	float: left;
	width: 360px;
	margin-right: 50px;
}
.locations .rates{
	float: left;
	padding-left: 10px;
	border-left: 1px solid  #908a84;
}

.locations ul li{
	line-height: 20px;
}
table.rates_table tr, table.rates_table td{
	padding: 5px;
	margin: 0px;
}
.rates_table tr.season_date td{
	text-align: center;
	font-weight: bold;
	color: #006699;
	border-bottom: 1px solid #a5a09c;
}
tr.rate_extra td{
	text-align: left;
	color: #006699;
	border-bottom: 1px solid #a5a09c;
}
.rates_table tr.location td{
	font-size: 12pt;
	text-align: center;
	font-weight: lighter;
	border-top: 1px solid #a5a09c;
	border-bottom: 1px solid #a5a09c;
}
.rates_table tr.prices td{
	font-family: "Georgia", Times New Roman, Times, serif;
	text-align: center;
	font-weight: lighter;
}
ul.contact_avail li.list_feature{
	list-style: url(images/icons/feature.gif);
	line-height: 30px;
}
ul.contact_avail li.list_contact{
	list-style: url(images/icons/sml_calendar.gif);
	line-height: 30px;
}
.notes{
	font-style: italic;
	color: #555555;
}

/*---------------------------------------------------------------------------------------------*/
/*- GALLERY PAGE -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.clicked_image_description{
	left: 315px;
	top: 695px;
	position: absolute;
	z-index: 3;
	text-align: right;
	width: 250px;
}
.clicked_image_description p{
	opacity: 0.8;
	font-size: 13pt;
	padding: 5px;
	margin: 0px;
	background-color: #ffffff;
	color: #000000;
}
.gallery{
	padding: 13px 0px 13px 13px;
	margin-top: 20px;
	margin-bottom: 25px;
	background-image: url(images/r10_c5.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 448px;
	height: 203px;
}
.gallery_image{
	border: 6px solid #FFFFFF;
	overflow: hidden;
	float: left;
	margin: 3px;
}
.thumbnail{
	border: 5px solid #FFFFFF;
	margin-right: 10px;
	margin-top: 10px;
	width: 126px;
	height: 90px;
	overflow: hidden;
	float: left;
}
.small_thumbnail{
	border: 5px solid #FFFFFF;
	margin: 5px;
	width: 60px;
	height: 50px;
	overflow: hidden;
	float: left;
}
.thumbnail a{
}
.gallery h1{
	color: #ffffff;
}
.gallery .see_more{
	position: relative;
	top: 70px;
	right: 32px;
	/*top: -15px;
	float: right;*/
}
.gallery .see_more a{
	text-decoration: underline;
	color: #ffffff;
}

.clicked_image{
	background-color: #B7E7FF;
	border: 5px solid #FFFFFF;
	margin: 0px 5px 5px 0px;
	width: 315px;
	height: 237px;
	overflow: hidden;
	float: left;
}
.gallery_images{
	float: left;
}
.location_thumbnail{
	border: 5px solid #FFFFFF;
	margin: 0px 5px 5px 0px;
	width: 92px;
	height: 69px;
	overflow: hidden;
}
.gallery_btns{
	clear: both;
	width: 640px;
}
/*---------------------------------------------------------------------------------------------*/
/*- CONTACT US PAGE --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.contact .via_email{
	float: left;
	width: 360px;
	margin-right: 50px;
}
.contact .more_details{
	padding-left: 10px;
	border-left: 1px solid #908a84;
	float: left;
	width: 300px;
}
input.contact{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	width: 270px;
	border: 1px solid #908a84;
}
textarea.contact{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	width: 270px;
	border: 1px solid #908a84;
}

/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*- H1 STYLES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h1.llundudno span, h1.camps_bay span, h1.tovani span{
	display: none;
}

h1.llundudno{
	background-image: url(images/llundudno_h1.gif);
	background-repeat: no-repeat;
	width: 313px;
	height: 60px;
}
h1.camps_bay{
	background-image: url(images/camps_bay_h1.gif);
	background-repeat: no-repeat;
	width: 381px;
	height: 60px;
}
h1.tovani{
	background-image: url(images/tovani_h1.gif);
	background-repeat: no-repeat;
	width: 224px;
	height: 60px;
}