/**************************************************************
			
	style.css
	Created by Verritech
	Casey Wight - casey@verritech.com
	http://www.verritech.com/
	
	4-16-2009, 1 day after taxes... ugh...

**************************************************************/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url('images/main_bg.png'); 
	color: #333;
	}
	
	a, a:visited {
		color: #0066CC;
		text-decoration: none;
		}
		
	a:hover, a:visited:hover {
		color: #CC3300;
		}
	
	h1 {
		margin: 0 0 14px;
		padding: 0;
		font-size: 32px;
		font-weight: lighter;
		color: #333;
		}
		
	h2 {
		margin: 0; padding: 0;
		font-weight: lighter;
		color: #444;
		font-size: 22px;
		}
		
	h2.desc {
		font-size: 14px;
		margin: 0 10%;
	}
		
	p {
		line-height: 18px;
		margin: 10px 0 24px;
		}
		
/**************************************************************
			
			CORE ELEMENTS

**************************************************************/
	
	#wrap {
		width: 960px;
		margin: auto;
		background: #fff;
		}
		
	#header {
		height: 447px;
		}
		
	#content {
		width: 900px;
		padding: 20px 30px;
		margin: auto;
		}		
		
	#footer {
		font-size: 10px;
		background-color: #eee;
		padding: 16px;
		color: #666;
		}
		
/**************************************************************
			
			NAVIGATION
			
**************************************************************/
		
	#top_nav {
		clear: both;
		height: 37px;
		background: url('images/nav_bg.png') repeat-x;
		text-align: center;
		}
		
	#top_nav ul {
		margin: 0;
		padding: 0 0 0 52px;
		list-style: none;
		height: 37px;
		overflow: hidden;
		}
	
	#top_nav ul li {
		display: inline;
		}
		
	#top_nav ul li a, #top_nav ul li a:visited {
		display: block;
		height: 37px;
		float: left;
		padding: 0px 20px 0px 20px;
		line-height: 35px;
		
		color: #a6a59c;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 22px;
		}
		
	#top_nav ul li a:hover, #top_nav ul li a:visited:hover {
		color: #fff !important;
		background: url('images/nav_bg_on.png') center center;
		}
		
	#top_nav ul li a.active {
		color: #fff;
		background-color: #3b535a !important;
		}
		
/************************************************************** TOOLTIPS */
		
	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #099;
		background-color: #fff;
		padding: 5px;
		opacity: 0.85;
	}
	
	#tooltip h3, #tooltip div { 
		margin: 0; 
	}		
		
/**************************************************************
			
			LISTINGS 

**************************************************************/		
		
		div.listings {
			width: 900px;
			margin: 20px -30px 20px -30px;
			padding: 0 30px 30px 30px;
			background: url('images/blueshade.png') no-repeat center 20px;
			clear: both;
			}
			
			ul.ad_list {
				margin: 0;
				padding: 0;
				list-style: none;
				height: 120px;
				}
			
			ul.ad_list li {
				float: left;
				background: #e3eeee;
				border: 1px solid #bebebe;
				width: 215px;
				height: 66px;
				padding: 20px 10px 10px 10px;
				margin: 0 31px;
				.margin: 0 30px;
				text-align: center;
				
				font-style: italic;
				}
			
			ul.ad_list li h2 {
				margin: 0; padding: 0;
				font-weight: lighter;
				color: #444;
				font-size: 22px;
				}
				
			ul.properties {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
			ul.properties li {
				float: left;
				background: #e3eeee;
				border: 1px solid #bebebe;
				width: 215px;
				height: 190px;
				padding: 9px;
				margin: 0 32px 38px 32px;
				.margin: 0 30px 38px 30px;
				font-size: 11px;
				display: block;
				}
				
				ul.properties li.ad {
					background: #e3eeee;
					border: 1px solid #bebebe;
					width: 215px;
					height: 66px;
					padding: 20px 10px 10px 10px;
					margin: 0 31px;
					.margin: 0 30px;
					text-align: center;
					font-style: italic;
				}
				
				ul.properties li.ad h2 {
					margin: 0; padding: 0;
					font-weight: lighter;
					color: #444;
					font-size: 22px;
					}				

				ul.properties h2 {
					font-size: 16px;
					font-weight: bold;
					color: #333;
					margin: 3px 0 0 0;
					padding: 0;
					}
					
				ul.properties p {
					margin: 0;
					padding: 0;
					line-height: 16px;
					}
					
				ul.properties a, ul.properties a:visited {
					color: #ff6600;
					}
					
				ul.properties a:hover, ul.properties a:visited:hover {
					color: #0099ff;
					text-decoration: underline;
					}
					
				ul.properties a img, ul.properties a:visited img {
					width: 217px;
					height: 118px;
					border: none;
					}
					
				ul.properties a:hover img, ul.properties a:visited:hover img {
					width: 217px;
					height: 118px;
					margin: -2px;
					border: 2px solid #09F;
					}	
					
/************************************************************** PROPERTY SHOTS */

				ul#propshots {
					margin: 0;
					padding: 0;
					list-style: none;
					background: #FFF;
					margin: auto;
					text-align: center;
					}
					
				ul#propshots li {
					margin: 0;
					padding: 0;
					list-style: none;
					text-align: center;
					float: left;
					padding: 20px;
					}
					
				ul#propshots li img {
					width: 340px;
					height: 255px;
					}
					
				
		
/**************************************************************
			
			MISC TOOLS

**************************************************************/

	a.back, a:visited.back {
		display: block;
		clear: both;
		float: left;
		font-size: 11px;
		margin-bottom: 5px;
		}
		
	a.back:hover, a:visited.back:hover {

		}

	em {
		margin: 16px 0;
		}

	.imgleft {
		float: left;
		margin: 0 10px 10px 0;
		}
		
	.imgright {
		float: right;
		margin: 0 0 10px 10px;
		}
		
	.floatleft {
		float: left;
		}
		
	.floatright {
		float: right;
		}
		
	.clear {
		clear: both;
		}
		
	.clearleft {
		clear: left;
		}
		
	.clearright {
		clear: right;
		}

	.bold {
		font-weight: bold;
		}
		
	.black {
		color: #000;
		}
		
	.dark_grey {
		color:#666;
		}
		
	.light_grey {
		color: #ccc;
		}
		
	.red {
		color: #990000;
		}
		
	.font10 {
		font-size: 10px;
		}
		
	.font11 {
		font-size: 11px;
		}
	
	.font12 {
		font-size: 12px;
		}
	
	.font14 {
		font-size: 14px;
		}
		
	br.clear {
		clear: both;
		display: block;
		}