/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

#content li { margin-left: 20px; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, verdana, arial, sans-serif;
	color: #1e1e37;
	line-height: 18px;
	background: url(../images/bg.jpg) top left repeat-x #fff; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 18px; 
		font-weight: normal;
		color: #1e1e37;
		margin: 10px 0 10px 0; }
	
	a:link, a:visited { color: #1e1e37; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 954px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	#header {
		width: 954px;
		height: 356px;
		float: left;
		background: url(../images/header.jpg) no-repeat; }

	/*** NAVIGATION ***/
	ul#nav { 
		width: 912px;
		height: 42px;
		float: left;
		margin: 0 0 0 23px;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 42px; }
			
			ul#nav li a {
				height: 42px;
				float: left;
				display: block; }
			
			a.home {
				width: 129px;
				height: 42px;
				background: url(../images/nav_01_home.jpg) no-repeat top; }
				
			a.listings {
				width: 130px;
				height: 42px;
				background: url(../images/nav_02_listings.jpg) no-repeat top; }
				
			a.aboutme {
				width: 130px;
				height: 42px;
				background: url(../images/nav_03_aboutme.jpg) no-repeat top; }
				
			a.openhouses {
				width: 130px;
				height: 42px;
				background: url(../images/nav_04_openhouses.jpg) no-repeat top; }
				
			a.buying {
				width: 130px;
				height: 42px;
				background: url(../images/nav_05_buying.jpg) no-repeat top; }
				
			a.selling {
				width: 130px;
				height: 42px;
				background: url(../images/nav_06_selling.jpg) no-repeat top; }
				
			a.contactme {
				width: 133px;
				height: 42px;
				background: url(../images/nav_07_contactme.jpg) no-repeat top; }
				
				ul#nav li a:hover { background-position: bottom; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 954px;
		min-height: 400px;
		float: left;
		text-align: left;
		padding: 0 0 50px 0; }
	
		/*** CONTENT ***/
		#content {
			width: 685px;
			float: left;
			margin: 17px 0 0 23px; }
	
			#innercontent {
				width: 925px;
				float: left;
				margin: 17px 0 0 23px; }
			
		/*** SIDEBAR ***/
		#side {
			width: 200px;
			float: right;
			margin: 16px 23px 0 0; }
			
			#buttons {
				width: 200px;
				float: left; }
				
				#buttons img {
					width: 200px;
					height: 50px;
					float: left;
					margin: 0 0 7px 0; }
					
			#featuredListing {
				width: 200px;
				min-height: 270px;
				float: left;
				background: url(../images/featuredListing_bg.jpg) bottom no-repeat;
				color: #fff; }
				
				#featuredListing img.picture {
					width: 158px;
					float: left;
					margin: 7px 0 5px 21px; }
					
				#featuredListing p {
					width: 200px;
					float: left;
					text-align: center; }
		
		
	/*** AD SPACE ***/
	#adSpaceWrapperWrapper {
		width: 954px;
		height: 60px; 
		float: left;
		margin: 4px 0 10px 0; }	
		
	/*** FOOTER ***/
	#footer {
		width: 100%;
		height: 240px;
		text-align: left;
		float: left;
		background: url(../images/footer_bg.jpg) left repeat-x; }
		
		#footer p { 
			font-size: 12px;
			color: #fff; }
				
			#footer a:link, #footer a:hover, #footer a:visited {
				text-decoration: none;
				color: #fff; }
		
		#socialMedia {
			width: 260px;
			padding: 10px 20px 20px 20px;
			height: 110px;
			float: left; }
				
			#socialMedia h6 {
				font-size: 14px;
				font-weight: normal;
				text-transform: uppercase;
				padding: 0 0 10px 0;
				border-bottom: 1px dotted #fff;
				color: #fff; }

			ul#socialLinks {
				list-style: none;
				width: 260px;
				margin: 10px 0 0 0; }
						
					ul#socialLinks li {
						float: left;
						width: 120px;
						margin: 0 0 10px 0; }
							
						ul#socialLinks img {
							padding: 1px;
							border: 1px solid #fff; }
								
		#siteMap {
			width: 265px;
			padding: 10px 20px 20px 20px;
			height: 110px;
			float: left; }

			#siteMap h6 {
				font-size: 14px;
				font-weight: normal;
				text-transform: uppercase;
				padding: 0 0 10px 0;
				border-bottom: 1px dotted #fff;
				color: #fff; }
					
			ul#siteMapList {
				list-style: none;
				width: 260px;
				margin: 10px 0 0 0; }

					ul#siteMapList li {
						float: left;
						width: 120px;
						margin: 0 0 10px 0; }
		
		#copyright {
			width: 260px;
			padding: 10px 20px 20px 20px;
			height: 110px;
			float: left; }

			#copyright h6 {
				font-size: 14px;
				font-weight: normal;
				text-transform: uppercase;
				color: #fff;
				padding: 0 0 10px 0;
				border-bottom: 1px dotted #fff;
				margin: 0 0 10px 0; }
				
			p.poweredby a { margin: 0 20px 0 0; }


/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */
