/**************************************************
Site:           Distinctive Designs
Created:        Aug 18 2009
Last Modified:  Nov 06 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */

/* Global Reset Styles *******************************/
/* ================================================= */
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
	}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}

dt {font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}

strong, b {font-weight: bold;}
italic, em {font-style: italic;}

/* `Clear Floated Elements
-----------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Common Styles *************************************/
/* ================================================= */
body{
	background: url(/images/site/body-bg.png) repeat-x;
	color: #333;
	font: 14px/1.4 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

h1{
	color: #005cac;
	font: 24px Georgia, serif;
}
h2{
	color: #005cac;
	font: 30px Georgia, serif;
	margin-bottom: 15px;
}
h3{
	color: #005cac;
	font: 18px Georgia, serif;
	margin-bottom: 10px;
	position: relative;
}
h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
	h4 a{color: #873d0d;text-decoration: none;}
		h4 a:hover{text-decoration: underline;}
h6{
	color: #873d0d;
	font-size: 13px;
}
p{
	margin-bottom: 10px;
}

a{color: #005cac;}
	a:hover{color: #000;}


/* Layout Styles *************************************/
/* ================================================= */
#wrapper{
	margin: 0 auto;
	width: 960px;
}

div.main{
	float: left;
	margin: 25px 0 0 10px;
	width: 590px;
}
div.secondary{
	background: url(/images/site/secondary-bg.gif) no-repeat;
	float: right;
	margin-right: 1px;
	min-height:540px;
	height:auto !important;
	height:540px;
	padding: 30px 10px 10px 25px;
	width: 285px;
}
div.left-col{float: left;}


/* Header Styles *************************************/
/* ================================================= */
#header{height: 430px; position: relative;}
#header h1 {
	position: absolute;
	top: 20px;
	margin: 0;
	padding: 0;
	width: 189px;
	z-index: 99;
}

	#header h1 a {
		background: transparent url(/images/site/logo.gif) no-repeat;
		display: block;
		height: 121px;
		text-indent: -9999px;
		width: 189px;
	}


ul#nav{
	float: right;
	list-style: none;
	margin-top: 20px;
}
	ul#nav li{
		background: url(/images/site/nav-bg.gif) no-repeat top left;
		float: left;
		font-size: 15px;
		height: 53px;
	}
		ul#nav li#nav-home{background: none;}
		ul#nav li a{
			color: #003c70;
			padding: 5px 20px 30px;
			text-decoration: none;
		}
			ul#nav a:hover, ul#nav li.active a{color: #000;}


#slideshow{
	background: url(/images/site/banner-bg.gif) no-repeat;
	height: 296px;
	position: absolute;
	top: 134px;
	width: 960px;
	z-index: 1;
}
	#slogan{
		position: absolute;
		left: 35px;
		top: 65px;
	}
		#slogan h2{
			background: url(/images/site/banner-slogan.gif) no-repeat;
			height: 95px;
			margin-bottom: 10px;
			text-indent: -9999px;
			width: 217px;
		}
			#slogan p#btn-contact{
				padding-bottom: 15px;
				text-align: center;
			}
	#slides{
		position: relative;
		margin-left: 258px;
		z-index: 999;
	}

/* Content Styles ************************************/
/* ================================================= */
h3.item{
	background: url(/images/site/content-divider.gif) repeat-x;
	margin-bottom: 5px;
	margin-top: 30px;
	padding-top: 15px;
}
	h3.item a{text-decoration: none;}
		h3.item a:hover{text-decoration: none;}

p.testimonial{font-style: italic;}
	div#content p.testimonial {margin-bottom: 20px;}
	span.author{font-weight: bold;}

p.notify, p#paginate{
	background: #fff url(/images/site/content-divider.gif) repeat-x;
	border-left: 1px solid #cde0ef;
	border-right: 1px solid #cde0ef;
	border-bottom: 1px solid #cde0ef;
	color: #000;
	margin-bottom: 20px;
	padding: 5px;
}
	#paginate span{padding: 0 5px;}
	p.notify span.hide{
		float: right;
		display: block;
		cursor: pointer;
	}

div.divider{
	background: url(/images/site/content-divider.gif) repeat-x;
	height: 25px;
}

img.border{
	border: 1px solid #aecde8;
	padding: 1px;
}
	a img.border:hover{border: 1px solid #000;}

#map_canvas{
	float:right;
	margin-bottom: 25px;
}

/* Gallery Styles ************************************/
/* ================================================= */
ul#gallery-thumbs{
	list-style-type: none;
	margin-top: 30px;
}
	ul#gallery-thumbs li{
		display: block;
		float: left;
		margin-right: 20px;
		margin-bottom: 25px;
		text-align: center;
		width: 180px;
	}
		ul#gallery-thumbs li.last{margin-right: 0px;}
		ul#gallery-thumbs li a:hover h3.item{color: #000;}
		ul#gallery-thumbs li a:hover img.border{border: 1px solid #000;}
		ul#gallery-thumbs li h3.item{
			height: 45px;
			margin-top: 0px;
			text-align: center;
		}

#gallery{margin-bottom: 20px;}

/* General Form Styles *******************************/
/* ================================================= */
#general-form{}
#general-form div{
	margin-bottom: 15px;
}
	#general-form div label{
		display: block;
	}
		#general-form div label.error{
			color:#8C1000;
			font-size: 12px;
			font-style: italic;
			margin-top: 3px;
		}
	#general-form span.req{
		color:#8C1000;
	}
	#general-form div input.textbox, #general-form div textarea{
		width: 350px;
	}
	#general-form div button {
		background: url(/images/site/newsletter-submit-bg.png) no-repeat;
		border: none;
		cursor: pointer;
		float: left;
		font-size: 0;
		height: 26px;
		margin: -1px 0 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 95px;
	}


/* Secondary Styles **********************************/
/* ================================================= */
div.secondary h3{
	background: url(/images/site/secondary-divider.gif) no-repeat bottom;
	margin-top: 25px;
	padding-bottom: 5px;
	position: relative;
}
	div.secondary h3:first-child{margin-top: 0px;}
	div.secondary h3 span{
		font-size: 12px;
		padding-top: 4px;
		position: absolute;
		right: 0;
	}
		div.secondary h3 span a{text-decoration: underline;}
			div.secondary h3 span a:hover{}

div.secondary p{font-size: 12px;}

	div.news-brief p a{
		color: #333;
		display: block;
		text-decoration: none;
	}
		div.news-brief p a:hover{color: #005cac;}
		div.news-brief p span{color: #005cac; text-decoration: underline;}
		
#newsletter-signup div.field input {
	background: url(/images/site/newsletter-input-bg.gif) no-repeat;
	border: none;
	color: #999;
	float: left;
	height: 15px;
	margin: 0 10px 0 0;
	padding: 5px 6px;
	width: 154px;
}
#newsletter-signup div.field button {
	background: url(/images/site/newsletter-submit-bg.png) no-repeat;
	border: none;
	cursor: pointer;
	float: left;
	font-size: 0;
	height: 26px;
	margin: -1px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 95px;
}

/* Property Styles **************************/
/* ================================================= */
div.featured-property{
	background: url(/images/site/featured-prop-bg.gif) no-repeat;
	margin-bottom: 30px;
	padding: 20px 15px 0;
}
	div.featured-property div.column{
		float: left;
		padding: 0;
		width: 265px;
	}
		div.featured-property div.first{padding-right: 30px;}
	div.featured-property h2{
		font-size: 26px;
		font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	}
	div.featured-property h3{
		color: #333;
		font-size: 24px;
		font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
		padding-bottom: 5px;
	}
		div.featured-property h3 a{
			color: #333;
			text-decoration: none;
		}
			div.featured-property h3 a:hover{text-decoration: underline;}
	div.featured-property h4{
		font-size: 16px;
	}
	div.featured-property p{font-size: 12px;}
	div.featured-property ul{
		font-size: 12px;
		margin-left: 12px;
		margin-bottom: 15px;
	}
	div.featured-property img.right{
		float: right;
		margin: 0 0 15px 15px;
	}
	div.featured-property div.content{
		background: url(/images/site/secondary-divider.gif) repeat-x top;
		padding-top: 20px;
	}
	
	table.prop-details{
		font-size: 12px;
		margin-bottom: 10px;
		width: 100%;
	}
		table.prop-details td{
			padding: 0 1px 1px;
		}
			table.prop-details td.col-1{
				color: #000;
				padding-left: 0px;
				width: 60%;
			}
				table.prop-details td.col-2{
					
				}
			
	p#show-dimensions{
		color: #005cac;
		cursor: pointer;
	}
		p#show-dimensions:hover{color: #000; text-decoration: underline;}
		div#dimensions{display: none;}
		
	
	div#property-map{
		height: 250px;
		margin-bottom: 15px;
		width: 285px;
	}
	
	#property-form div{margin-bottom: 10px;}
		#property-form div p{font-size: 14px; margin-bottom: 0px;}
			#property-form div p#spam-prevent{
				margin-bottom: 10px;
				margin-right: 6px;
				text-align: right;
			}
		#property-form div label.left{
			float: left;
			width: 115px;
		}
			#property-form span.req{color:#8C1000;}
			#property-form div label.error{
				color:#8C1000;
				font-size: 12px;
				font-style: italic;
				margin-top: 3px;
				margin-left: 115px;
			}
		#property-form div input {
			background: url(/images/site/newsletter-input-bg.gif) no-repeat;
			border: none;
			float: left;
			height: 15px;
			margin: 0;
			padding: 5px 6px;
			width: 154px;
		}
			#property-form div input.right {float: right;}
			#property-form div input.error{
				background: url(/images/site/newsletter-input-bg-error.gif) no-repeat;
			}
		#property-form div textarea {
			background: url(/images/site/property-textarea-bg.gif) no-repeat;
			border: none;
			height: 110px;
			padding: 5px;
			width: 270px;
		}
		#property-form div select {margin-left: 115px; width: 162px;}
		#property-form div button {
			background: url(/images/site/newsletter-submit-bg.png) no-repeat;
			border: none;
			cursor: pointer;
			float: right;
			font-size: 0;
			height: 26px;
			margin: -1px 0 0;
			overflow: hidden;
			text-indent: -9999px;
			width: 95px;
		}
		


/* Footer Styles *************************************/
/* ================================================= */
div#footer{
	background: url(/images/site/footer-bg.png) repeat-x;
}
	div#footer-inner{
		background: url(/images/site/footer-bg-inner.png) no-repeat;
		color: #ccc;
		height: auto !important;
		height: 115px;
		min-height: 115px;
		margin: 0 auto;
		padding: 100px 0 0 0;
		width: 960px;
	}
		div#footer-inner a{color: #fff; text-decoration: none;}
			div#footer-inner a:hover{text-decoration: underline;}
	
		div#footer-left{float: left;}
			ul#footer-nav li{display: inline;}
				ul#footer-nav li span{
					font-style: normal;
					margin: 0 10px;
				}
			div#footer-left p{font-size: 12px;}
				
		div#copyright{float: right; font-size: 12px;}
			div#copyright p{text-align: right;}