/* 

STYLE SHEET FOR [x] WEB SITE
Created by Jon Thompson
www.jivetheweb.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background-color: #ccc;
		BACKGROUND-POSITION: center 50%; 
		BACKGROUND-IMAGE: url(../images/sidebar-gradient.gif); 
		BACKGROUND-REPEAT: repeat-y;
		margin-top: 0;
		margin-left: -1px;
		text-align: center;
		}
		
/*  --------- 2. structure  --------- */

#wrap{ 
	width:781px; 
	text-align: center;
	margin: 0 auto;
	height:auto;
	background-image: url('../images/leftnav-gradient-bottom.gif');
	background-repeat: repeat-y;
	background-color: #FFF;
}
	
#header-bar {
	background-color: #990000;
	width: 100%;
	height: 0px;
	font-size: 9px;
		}
		
#left-side{
	float: left;
	width: 253px;
}	
	
#right-side{
	float: left;
	width: 528px;
}		
		
#left-column{
	background-image: url('../images/leftnav-gradient.gif');
	background-repeat: no-repeat;
	width: 100%;
	height: 599px;
}
	
#header {
		}
	
#logo{
	width: 253px;
	height: 150px;
		}
		
#navContainer {
		}

#content {
	text-align: left;
	padding: 22px 20px 10px 20px; 
}

#content-left{
	float: left; width: 279px; border: 0px solid #000; padding-right: 5px;
}
#content-right{
	float: left; width: 200px; height: 200px; border: 0px solid #000;
}
img.banner01{ border: 1px solid #CCC; margin: 0 0 5px 0; }
a.icon-set{display: block; float: left; width: 200px; height: 60px; margin-bottom: 5px;  text-decoration: none; font-weight: bold; font-size: 14px; font-style: italic; border-bottom: 1px solid #CCC;}
a:hover.icon-set{ color: #000;}
a.icon-set img{float: left; padding: 0 5px 0 0; width: 60px; height: 60px; border: 0px solid #000;}

#footer {
	background-color: #990000;
	width: 100%;
	height: 35px;
	clear: both;
	text-align: left;
	padding: 5px 0 5px 0;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
}

#footer a {
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
	}
	
#footer a:hover {
	color: #000;	
	
}

#footer-left {
	float: left;
	/*width: 150px;*/
	padding: 0 5px 0 5px;
	height: 31px;
}

#footer-center {
	float: left;
	width: 540px;
	padding: 0 5px 0 5px;
	height: 31px;
	line-height: 30px;
	text-align: center;
}

#footer-right {
	float: right;
	padding: 0 8px 0 5px;
	width: 60px;
	height: 31px;
	line-height: 27px;
	text-align: right;
}

.separator {
		clear: both;
}

.separatorInvisible {
		clear: both;
		height: 1px;
}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
}
		
#redbar-head{
	height: 40px;
	width: 100%;
	background-color: #990000;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
}
	
#header-feature{
		width: 100%;
		height: 178px;
		padding-top: 0px;
}
	
#featured-homes{
		float: left;
		width: 289px;
		height: 210px;
		padding: 0 0 0 15px;
}

td.featured-homes-picture{
		text-align: right;
		width: 116px;
		cursor: pointer;
}

td.featured-homes-content{
		text-align: left;
		width: 170px;
		cursor: pointer;
		background-image: url('../images/featuredhomes-rightfade.gif');
		background-repeat: no-repeat;
		letter-spacing: 0.4px;
		padding-left: 8px;
		font-family: Arial,Helvetica,Sans-Serif;
		line-height: 12px;
		font-size: 10px;
}

a.featured-homes-content-header{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-decoration:none;
	color: #000;
}

a.featured-homes-content-header:hover {
	color: #616060;	
	
		}

#scouting-report{
		float: right;
		width: 220px;
		height: 210px;
}

#bottom-right {
	float: right; 
	width: 210px; 
	height: 210px; 
	text-align: center;
	padding-left: 5px;
}

.top-line{
	height: 3px;
	border-bottom: 1px dashed #990000;
}

.testimonial-quote{
	padding-bottom: 5px;
}

.testimonial-person{
	padding-bottom: 20px;
	/*text-indent: 250px;*/
	font-weight: bold;
	font-style: italic;
	text-align: right;
	padding-right: 35px;
}

#info-links a{
	color: #000;
}

#info-links a:hover{
	text-decoration: none;
}

.info-head{
	background-color: #990000;
	color: #FFF;
	border: 1px solid #000;
	padding: 4px;
	font-weight: bold;
}

p.calculator-head a{
	font-weight: bold;
}

p.calculator-head a:hover{
	text-decoration: none;
}

p.calculator-body{

}

#footer-promo {
	background-color: #990000;
	width: 771px;
	height: 60px;
	clear: both;
	text-align: left;
	padding: 5px 5px 5px 5px;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
}

#footer-promo a {
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
	}
	
#footer-promo a:hover {
	color: #000;	
	
}

/* ---------- 3. links and navigation ---------- */

a {
	color: #990000;
		}
		
a:hover {
	text-decoration:none;
		}

/* The top navigation */		
#top-navigation {
	width: 100%;
	text-transform: uppercase;
	height: 56px;
	}

#top-navigation ul {
	list-style: none;
	padding: 5px 10px 10px 10px;
	}

#top-navigation li {
	float: left;
	margin: 0 2px 0 2px;
	padding: 5px 0 0 0;
	}
	
li.nav-nodivide{
	margin-top: 8px;
}

#top-navigation a {
	color:#000;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	letter-spacing:0.9px;
	}
	
#top-navigation a:hover {
	color: #990000;	
}
	
/* The left navigation */	
	
#left-navigation {
	width: 200px;
	text-transform: uppercase;
	height: 200px;
	margin: 15px 5px 0 32px;
	cursor: pointer;
	text-align: left;
	}
	
#left-navigation td{
	text-align: left;
	padding: 4px;
	border-bottom: 1px dashed #FFF;
	width: 200px;
	}
	
#left-navigation a {
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	}
	
#left-navigation a:hover {
	color: #FFF;	
	}	

.tableRollOverEffect1{
		color:#FFF;
}
	
.tableRowClickEffect1{
		color:#FFF;
}

/* Property Buttons */

#property-buttons{
		width: 200px;
		margin: 15px 5px 0 30px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
}

#property-buttons a {
	text-decoration:none;
	color: #000;
	}
	
#property-buttons a:hover {
	color: #616060;	
	}	

#property-buttons td{
		width: 200px;
		height: 53px;
		text-transform: uppercase;
		font-weight:bold;
		letter-spacing: 0.8px;
		cursor: pointer;
		text-align: left;
		text-indent: 75px;
		background-repeat: no-repeat;
}

#propertybutton01{
		background-image: url('../images/propertybutton01.gif');
}

#propertybutton02{
		background-image: url('../images/propertybutton02.gif');
}

#propertybutton03{
		background-image: url('../images/propertybutton03.gif');
}

#sitemap li{
	padding-top: 5px;
}

/* ---------- 4. fonts ---------- */

html {
		/*font-size: 100%;*/
		font-size: 12px;
}

body {
		font-family: Verdana,Arial,Helvetica,Sans-Serif;
		color: #000000;
		line-height: 17px;
}

h1, h2, h3, h4, p, ul {
		}

h1 {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Comic Sans Serif; /*   , Georgia, Times New Roman, MS Sans-Serif;*/

}

h2 {
	padding-bottom: 10px;
	line-height: 24px;
	font-size: 18px;
		}

h3 {
	padding-bottom: 10px;
	font-size: 14px;
		}
		
h4 {
		}

p {
	padding-bottom: 10px;
		}

ul {
	padding: 0 0 10px 30px;
		}

blockquote {
		}

address {
		}
		
/* ---------- 5. images ---------- */

img {
	padding: 0;
	margin: 0;
}

a img {
		border: 0;
}
		
img.full-border{
	border: 2px solid #990000;
}

img.half-border{
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
}
		
/* ---------- 6. tables ---------- */

table {
		}
		
caption {
		}
		
tr {
		}

th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */	
		
form {
		}