/* Key-2 Luxury Properties v1 - Will Kelly 2008 ========================================== */

/* Sizing:

Total Width: 926px;
Aside Width: 174px;
Main Width: 657px;

*/


body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td,ul,ol,li {
	margin:0;padding:0;
	font-size: 100%;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	/*background: transparent;*/
}

ul,ol {
	list-style-type: none;
}

body {
	color: #FFF; 
	font: 75% Verdana,Arial,Helvetica,sans-serif;
	line-height: 1;
	line-height: 1.462;
	background: #231f20 url(/images/bg.jpg) top center no-repeat fixed;
	padding: 26px 0;
}

/* General ============ */

img {
	display:block;
	border: none;
}
	img.left {
		float: left;
		margin: 4px 6px 0 0;
	}
	img.right {
		float: right;
		margin: 4px 0 0 6px;
	}

p {
	margin-bottom: 0.875em;
	
}
.xsmall {
	font-size: 0.875em;
}
.small {
	font-size: 0.916667em;
}
.larger {
	font-size: 1.25em;
}
.med {
	font-size: 1.333333em;font-weight:bold;
}
.large {
	font-size: 1.5em;font-weight:bold;
}

.narrow {
	letter-spacing: -1px;
}
.upper {
	text-transform: uppercase;
}
.lower {
}

.smallcaps {
	text-transform: lowercase;
	font-variant:small-caps;
}

.grey {
	color:#999999;
}

.center {
	text-align:center;
}
.justify {
	text-align: justify;
}
.tm {
 	margin-bottom: 0.1em !important;
}
.hm {
 	margin-bottom: 0.4375em !important;
}
.sm {
	margin-bottom:0.875em !important;
}
	td.sm,th.sm {
		padding-bottom: 0.875em !important;
	} 
.dm {
	margin-bottom: 1.5em !important;
}
	td.dm,th.dm {
		padding-bottom: 1.5em !important;
	} 
.qm {margin-bottom: 3em !important;}


h1 {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.5em;
	color: #999;
	margin-bottom: 0.875em;
}

h2 {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.33em;
	color: #999;
	margin-bottom: 0.875em;
}

h3 {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.25em;
	color: #999;
	margin-bottom: 0.875em;
}


table {
	border-collapse: collapse;
}

a:link,a:visited,a:focus,a:active {
	color: #FFF;
}
a:hover {
	text-decoration:none;
}


li.first {
	margin-left: 0 !important;
}
li.last,.nmr {
	margin-right: 0 !important;
}
p.last,.nm {
	margin-bottom: 0 !important;
}
td.last,th.last {
	padding-bottom: 0 !important;
}

.relative {
	position: relative;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

p.error {
	border: 1px solid #CC0000;
	padding: 8px;
}



/* Structure ==================== */

#wrapper {
	width: 926px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 80px;
}
	#header a.home-link {
		display: block;
		float: left;
	}
	
	ul#nav {
		position: absolute;
		/*margin: 26px 0 0 0;*/
		right: 0;
		bottom: 14px;	
	}
		#nav li {
			float: left;
			text-transform: uppercase;
			font-size: 0.8em;
			border-left: 1px solid #666;
		}
		#nav li.first {
			border-left: none;
		}

			#nav li a:link,#nav li a:active,#nav li a:visited,#nav li a:focus {
				color: #FFF;
				text-decoration: none;
				height: 23px;
				display: block;
				overflow: hidden;
				background-position: 0 -23px;
				text-indent:-10000px;
			}
			#nav li a:hover,
			#p_home #nav1 a,#p_search #nav2 a,#p_about #nav3 a, #p_contact #nav4 a  {
				color: #999;
				background-position: 0 0;
			}
			#nav1 a {
				background-image:url(/images/nav_home.gif);
				width: 65px;
			}
			#nav2 a {
				background-image:url(/images/nav_search.gif);
				width: 151px;
			}
			#nav3 a {
				background-image:url(/images/nav_about.gif);
				width: 73px;
			}
			#nav4 a {
				background-image:url(/images/nav_contact.gif);
				width: 80px;
			}

#content {
	background: #222 url(/images/bg_content.gif) top repeat-x;
	padding: 48px 23px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	position: relative;
	overflow: auto;
	/*border-top: 1px solid #5e5e5e;*/
}
	#aside {
		float: left;
		width: 174px;
	}
	
	#main {
		margin-left: 197px;
		border-left: 1px solid #5e5e5e;
		width: 657px;
		padding-left: 23px;
	}

	
#footer {
	background-color: #000;
	padding: 12px 20px;	
}
	#footer img {
		float: right;	
	}
	
	
/* Common elements ===================== */

div.container {
	position: relative;
	background-color:#000000;
	padding:12px;
	/*margin-bottom: 24px;*/
}

.title {
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-bottom:0;
}

.price {
	font-weight: bold;
	color: #666;
}

.location {
	text-transform: uppercase;
}

div.num-nav a:link, div.num-nav a:visited, div.num-nav a:active {
	display: block;
	float: left;
	border: 1px solid #999;
	padding: 1px 5px 2px;
	margin-right: 8px;
	font-size: 0.916667em;
	text-decoration: none;
}
div.num-nav a:hover,div.num-nav a:focus,div.num-nav a.selected,div.num-nav a.activeSlide {
	background-color: #999;	
	color: #000;
}

div.num-nav strong {
	display: block;
	float: left;
	border: none;
	padding: 1px 5px 2px;
	margin-right: 8px;
}

a.btn:link, a.btn:visited, a.btn:active {
	display:block;
	font: bold 1.166667em Arial,sans-serif;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 0;
}

/* search */

label {
	font-family:Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.916667em;
	color: #999;
}

input.text, select {
	text-transform: none;
}

input.btn {
	border: 1px solid #3d3d3d;
	background-color: #000;
	color: #999;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	padding: 5px 14px 4px;
	cursor: pointer;
}

textarea {
	font:13px Arial,Helvetica,sans-serif;
}

/* anything else */

img.loader {
	display: inline;	
	width: 16px;
	height: 16px;
}



/* Section Specific ==================== */

/* Search aside */

#aside label {
	display: block;
	margin-bottom:10px;
}

#aside label.divider {
	padding-bottom: 14px;
	border-bottom: 1px solid #353535;
}

#aside input.text {
	margin-top: 6px;
	width: 170px;
}

#aside select {
	margin-top: 6px;
	width: 174px;
}

/* HOME */

h1.featured {
	position: absolute;
	z-index: 3;
	width: 261px;
	top: 8px;
	right: 12px;
	background: #000;
	padding-bottom: 4px;
	border-bottom: 1px solid #333;
}

div.featured-nav {
	position: absolute;
	z-index: 100;
	bottom: 12px;
	right: 12px;
}
#p_home div.num-nav a {
	margin-right: 0;
	margin-left: 8px;
}

div.properties-container {
	position: relative;
	width: 633px;	
	height: 240px;
	overflow: hidden;
	
}

div.property {
	width: 633px;
	height: 240px;
}

div.property-details {
	position: relative;
	float: right;
	width: 261px;
	margin-top: 3.5em;
	background-color:#000000;
}
	div.property-details a {
		text-decoration: none;
	}
	div.property-details .title {
		font-size: 1.33em;
	}
	div.property-details .location {
		font-size: 0.916667em;
	}
	
	/*div.property-details .last {  description 
		height: 62px;
		overflow:auto;
	}*/

div.about-container {
	float: left;
	width: 326px;	
}

div.world-map {
	position: relative;
	margin-left:336px;
	width: 318px;
	height: 149px;
	border: 1px solid #333;
	background-image: url(/images/world_map.gif);
}
	div.world-map p {
		position: absolute;
		bottom: 4px;
		right: 4px;
	}
	
	div.world-map a.europe {
		position: absolute;
		display: block;
		text-indent:-10000px;
		left: 128px;
		top: 16px;
		width: 70px;
		height: 39px;
		outline: none;
	}
	
/* adv Search */

input.search {
	width: 400px;
}



fieldset {
	border: 1px solid #333;
	/*padding: 16px;*/
	/*width: 256px;*/
	margin: 0 0 1em 0;
}

	fieldset legend {
		color: #FFF;	
	}

	fieldset select {
		width: 200px;
	}

	fieldset ol {
		list-style: none;
		padding: 1.33em 1.33em 0 1.33em;
	}
	fieldset li {
		width:100%;
		padding-bottom: 1.33em;
	}
	fieldset li.nopad {
		padding-bottom: 0;
	}
		fieldset li label {
			position: relative;
			float: left;
			width: 70px;
			margin: 4px 12px 0 0;
			line-height: 0.875em;
		}
		
/* sliders */

.ui-slider { width: 280px; height: 20px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 20px; width: 11px; top: 0px; left: 0px; background-image: url(/images/slider_handle2.gif); cursor: pointer; }
.ui-slider-handle-active {  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #555; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider { background-image: url(/images/slider_bg.gif); }


/* Search results */

div.search-controls {
	margin-top: -5px;
	text-align: right;
}
	div.search-controls select {
		margin-left: 10px;
	}

div.property-item {
	margin: -12px 0 20px -12px;
	
}
	div.property-item li {
		position: relative;
		float: left;
		width: 187px;
		padding: 12px;
		background-color: #000;
		margin: 12px 0 0 12px;
	}
	#search-feat li {
		width: 150px;
	}
		div.property-item img {
			margin-bottom: 10px;
		}
		div.property-item p.title {
			font-size: 1.166667em;
			margin-bottom: 2px;
		}
		div.property-item p.location {
			font-size: 0.833333em;
			margin-bottom: 1px;
		}
		div.property-item p.price {
			font-size: 0.916667em;
			margin-bottom: 0;
		}
		
		div.property-item p.intro {
			position: absolute;
			top: 12px;
			left: 12px;
			font-size: 0.833333em;
			width: 171px;
			background: url(/images/trans_bg_black.png);
			padding: 8px;
			display: none;
		}
		
		div.property-item .bed {
			position: absolute;
			right: 12px;
			bottom: 12px;
			background: #222 url(/images/icon_bed.gif) left no-repeat;
			padding: 0 3px 0 21px;
			font-size: 0.833333em;
			font-weight: bold;
			margin-bottom: 0;
		}
				
div.search-nav {
	background-color: #000;
	padding: 8px 12px;
}

/* Property */

div.prop-image {
	float: left;
	width: 360px;
	height: 240px;
	overflow: hidden;
}

div.prop-thumbs {
	position: relative;
	width: 270px;
	height: 248px;
	margin: -8px 0 12px 363px; /*  */
	overflow: hidden;
}
	div.prop-thumbs li {
		float: left;
		position: relative;
		margin: 8px 0 0 9px; 
		cursor: pointer;
	}
	
	div.prop-thumbs div.selected {
		position: absolute;
		top: 0; right: 0;
		z-index: 1;
		width: 79px; height: 52px;
	}
	div.prop-thumbs li.active div.selected { /*cycle plugin active image*/
		border: 1px solid #FFF;
	}

div.prop-details {
	float: left;
	width: 360px;
}
	div.prop-details .title {
		font-size: 1.5em;
	}
	div.prop-details .location {
		font-size: 0.916667em;
	}
	div.prop-details div.copy p {
		text-align: left;
	}
	div.prop-details .copy .pane { /*scrollbar */
		overflow: hidden;
  		height: 235px;
	}	
	
div.prop-aside {
	float: right;
	width: 261px;
	margin-top: 4px;
}

	p.enquiry {
		margin-bottom: 4px;
	}
	p.enquiry a.btn {
		background: #222 url(/images/bg_button.gif) repeat-x;
		border-bottom: 1px solid #5e5e5e;;
	}
	
	div.prop-feat {
		border: 1px solid #333;
		padding: 10px;
		margin-bottom:12px;
	}
		div.prop-feat .title {
			font-size: 1.166667em;
			margin-bottom: 10px;
		}
		div.prop-feat li {
			background: url(/images/bullet.gif) 3px center no-repeat;
			padding-left: 18px;
			margin-top: 6px;
		}
	
	p.stf a.btn {
		border: 1px solid #333;
		color: #999;
	}
	
	a.bm-digg {
		padding: 2px 0 2px 19px;
		background: url(/images/icon_digg_rev.gif) left center no-repeat;
		margin-left:10px;
	}
	
	a.bm-del {
		padding: 2px 0 2px 17px;
		background: url(/images/icon_delicious_bw.gif) left center no-repeat;
		margin-left:10px;
	}
	
#inline_enquiry,#inline_stf {
	display: none;
}
	
.ajax-validation {
	padding: 14px 0 4px 0;
}
	.ajax-validation div.form-left {
		float: left;
		width:300px;
	}
	.ajax-validation div.form-right {
		float: left;
		width: 300px;
	}
	.ajax-validation p {
		margin-bottom: 1.166667em;
	}
	.ajax-validation ol {
		list-style: none;
	}
	.ajax-validation li {
		float: left;
		clear: left;
		width:100%;
		padding-bottom: 1em;
	}
		.ajax-validation li label {
			position: relative;
			float: left;
			width: 70px;
			margin-right: 12px;
			line-height: 0.875em;
		}
			.ajax-validation li label em {
				position: absolute;
				left: 70px;
				top: 4px;
			}
			
		.ajax-validation li p {
			margin-left: 82px;
			width: 190px;
			font-size:1em;
		}
		
		.ajax-validation li p label {
			position: static;
			float: none;
			margin-right: 0;
			color: inherit;
			font-size: inherit;
			text-transform: none;
			
		}
		
		.ajax-validation li p label input.checkbox {
			float: left;
			margin: 2px 6px 10px 0;
		}
		
		.ajax-validation input.text,.ajax-validation textarea {
			width: 190px;
		}
		
		.ajax-validation input.btn {
			margin-left: 82px;
			margin-right: 12px;
		}
		.ajax-validation input.error,.ajax-validation select.error {
			background-color:#FFCCFF;
			border: 2px solid #CC0000;
		}
		
		
	.ajax-validation p.small {
		clear: left;
	}
		.ajax-validation p.small img {
			display: inline;
			margin-left:4px;
		}

	
/* Contact */

.contact-container {
	float: right;
	width: 292px;
}

p.contact-title {
 	text-transform: uppercase;
}

p.contact {
	border: 1px solid #333;
	background: #000;
	margin-top: 8px;
	margin-bottom: 0;
	padding: 4px;
}

div.contact-details {
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

div.contact-details table {
	width: 264px;
}
	div.contact-details th {
		padding: 4px;
		font-size: 0.916667em;
		background: #161616;
		text-align: left;
		width: 50px;
		}
	div.contact-details td {
		padding: 4px;
		border-left: 1px solid #333;
		border-bottom: 1px solid #333;
		font-size: 0.916667em;
	}
	div.contact-details td.last {
		border-bottom: none;
	} 


/* Clear Fix */

.clearboth {
	clear:both;
}

.clearer {
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	clear: both
}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */	

/* jScrollPane */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000 url(/images/scroll-bg.gif) repeat-y;
	
}
.jScrollPaneDrag {
	position: absolute;
	background: #333 url(/images/scroll-drag.gif) no-repeat scroll 50%;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background-image: url(/images/scroll-arrows.gif);
	background-repeat: no-repeat;
	height: 17px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background-image: url(/images/scroll-arrows.gif);
	background-repeat: no-repeat;
	background-position: 0 -17px;
	height: 17px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	/*font: 12px Arial, Helvetica, sans-serif;
	color: #333333;*/
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #FFF;}
#TB_window a:visited {color: #FFF;}
#TB_window a:hover {color: #FFF;}
#TB_window a:active {color: #FFF;}
#TB_window a:focus{color: #FFF;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	z-index: 102;
	color:#FFF;
	display:none;
	border: 2px solid #555;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: none;
	/*border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;*/
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	color: #000;
}

#TB_closeAjaxWindow{
	position: relative;
	text-indent:-10000px;
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	color: #231F20;
}
	#TB_closeWindowButton {
		position: absolute;
		outline: none;
		top: 5px;
		right: 6px;
		display: block;
		text-indent:-10000px;
		background:url(/images/thickbox_close.gif) no-repeat;
		width: 18px;
		height: 18px;
	}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#231f20;
	height:27px;
	font-weight: bold;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	/*line-height:1.4em;*/
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

/*#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}*/

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}