/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}

html{
	font-size: 100%; /* :hack: make IE resize text nicely */
	background: #c5c6c7 url(/images/bg_html.png);
}

body {
	font: .6875em/1.2 Verdana,Arial,sans-serif;
	color:#8c8c8c;
	padding: 47px 0 20px;	
}

#container{
	margin: 0 auto;
	padding: 17px 0 0;
	width: 802px;
	background: url(/images/bg_body.gif) no-repeat top;
}

/*headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3 {
	margin:0 0 10px;
	color: #3f3f3f;
}

h1{
	background: #C5C6C7;
	color: #fff;
	font-weight: normal;
	font-size: 1.8em;
	padding-left: 20px;
}

h2 { font-size: .91em; color: #000; background: #fd0 url(/images/bg_h2.gif) no-repeat left; font-weight: normal; padding-left: 10px; }
h2 span { display: block; padding: 2px 10px 2px 0; background: url(/images/bg_h2.gif) no-repeat right; }


h3{
	font-size: 1em;
	font-weight: normal;
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

p{
	margin:0 0 10px;
}

p.meta, cite {
	font-style: normal;
	font-weight: bold;
	font-size: .82em;
}

address{
	font-style:normal;
	margin:0 0 10px;
}

blockquote{
	margin-bottom: 20px;
}

blockquote p {
	margin: 0 0 5px;
}

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

ol, ul {
	margin:0 0 10px 30px;	
}

/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

dl{
	margin: 30px 0 20px;
}

dt{
	clear:left;
	float:left;
	width:60px;
}
	
dd{
	margin-left: 65px;
}

dt.contact, dd.contact { color: #3f3f3f; margin-bottom: 5px; }

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

a {
	color: #8c8c8c;
}

a:focus, a:hover {
	text-decoration: none;
}

a img{
	border: 0;
}

#skiplinks {
	margin: 0;
	list-style: none;
}

#skiplinks a {
	border: 1px solid #665;
	background: #fff;
	padding: 7px 5px;
	position: absolute;
	top: 10px;
	left: -9999px;
	font-size: 1.3em;
	font-weight: bold;
	z-index: 10;
}
#skiplinks a:focus, #skiplinks a:active {
	left: 20px;
	text-decoration: none;
	border-color: #666; /* IE requires a border-color change (!?) for this to work */
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
	overflow:hidden;
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0; 
	left:0;
	width: 100%;
	height: 100%;
}

a.replace span{
	cursor:pointer;
}

h1.replace { height: 26px; }

/*general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}

.dotrule hr {
	display: none;
}

.thumb.left{
	margin:0 10px 10px 0;
	float: left;
}

.thumb.right{
	margin:0 0 10px 10px;
	float: right;
}

.clear {
	clear: both;
}

.intro{
	font-weight:bold;
}

.property { border-bottom: 2px solid #c5c6c7; padding: 0 0 2px 5px; margin: 0 0 20px 5px; zoom: 1; }
.property:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.property h2 { float: left; }

.gallery { float: right; clear: left; }
.js-enabled .gallery .images { margin: 0; padding: 0; list-style: none; width: 298px; height: 222px; position: relative; }
.js-enabled .gallery .images li { margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.js-enabled .gallery .images .next { z-index: 2; }
.js-enabled .gallery .images .current { z-index: 3; }
.gallery .controls { margin: 5px 0 0 14px; padding-left: 74px; width: 210px; height: 15px; background: url(/images/bg_controls.gif) no-repeat 0 0; position: relative; }
.gallery .controls ul { margin: 0; padding: 0; list-style: none; }
.gallery .controls li { float: left; text-indent: -9999px; line-height: 7px; width: 26px; height: 7px; background: #A6A7A9 url(/images/bg_gallery_control.gif) no-repeat 0 0; margin: 0 3px 0 0; cursor: pointer; border-bottom: 8px solid #fff; }
.gallery .controls .indicator { width: 26px; height: 5px; font-size: 1px; background: #fd0 url(/images/bg_gallery_indicator.gif) no-repeat 0 0; position: absolute; bottom: 0; left: 74px; }

.property .info { clear: left; margin: 0 0 20px; zoom: 1; }
.property .info:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
.property .info p { width: 208px; float: left; margin: 0 0 0 10px; _display: inline; /* :hack: double-margin fix for ie6 */ }
.property table { float: left; margin: 0 36px 10px 10px; text-align: center; border-collapse: collapse; table-layout: fixed; _display: inline; /* :hack: double margin fix for ie6 */ }
.property th, .property td { padding: 2px 10px 4px 0; _padding-top: 0; }
.property th { background: url(/images/bg_th.gif) no-repeat 0 0; color: #fff; font-weight: normal; width: 81px; height: 17px; }
.property td { background: url(/images/bg_td.gif) no-repeat 0 0; color: #000; height: 31px; letter-spacing: -.1em; }
.property .smallprint { float: left; width: 213px; font-size: .91em; padding: 11px 0 0; background: url(/images/bg_price.gif) no-repeat 0 0; }
.property .price { position: absolute; left: -9999px; }
.property .ref { color: #000; margin: 0 0 10px; }