/* 

coberdesign
Diane Cober - Re/Max Country Lakes
stylesheet V1.0
01.09.2007

==================================================================================================================

1.0 COPY - Basic font stylings
2.0 PAGE STRUCTURE
3.0 NAV ELEMENTS
4.0 CONTENTS
5.0 LISTINGS
6.0 FOOTER CONTENTS

*/
	
/* 
==================================================================================================================
1.0 COPY
==================================================================================================================
*/
	
	body, html { 
	margin-top:0px;
	padding:0px;
	background-image:url(images/bkg-damask2.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-color:#262626; 
	font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 62.5%; /* Resets 1em to 10px */ 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	color:#1E1E1E;
	}
	
	a:active, a:focus {outline:none;} 
	
	a:link, a:visited  { 
	text-decoration:none;
	font-weight:bold;
	color:#336699;
	}
	
	a:hover, a:active  { 
	text-decoration:none;
	color:#6699CC;
	}
	
		
	.clear { clear:both;
	}
	
	.right {
		float:right;}
	
	ul {
	text-decoration:none;
	list-style:none;
	list-style-type:none;
	}
	
	p {
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing:0.02em;
	color:#1e1e1e;
	}
	
	
/* 
==================================================================================================================
2.0 PAGE STRUCTURE
==================================================================================================================
*/

	#wrap {
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:804px;
		background-color:#000000;
		padding-left:2px;
		padding-right:2px;
		padding-bottom:3px;
		line-height: 21px; 
	}
	
	#topbanner {
		width:800px;
		height:55px;
		margin:auto;
		background-image:url(/images/top-banner.jpg);
		background-repeat:no-repeat;
	}
	
	#topbanner-sub {
		width:800px;
		height:55px;
		margin:auto;
		background-image:url(../images/top-banner.jpg);
		background-repeat:no-repeat;
	}

	#lg-banner {
		width:800px;
		height:215px;
		margin:auto;
		background-image:url(/images/lg-banner-1.jpg);
		background-repeat:no-repeat;
	}
	
	#md-banner {
		width:800px;
		height:100px;
		margin:auto;
		background-image:url(/images/lg-banner-1.jpg);
		background-repeat:no-repeat;
	}

	#content {
		width:800px;
		margin:auto;
		text-align:left;
		padding-bottom:20px;
		background-color:#FFFFFF;
		background-image:url(/images/ct-body-fade.jpg);
		background-repeat:repeat-x;
	}
	
	
	#footer {
		width:800px;
		margin:auto;
		padding-top:10px;
		background-color:#FFFFFF;
		font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; 
		font-size: 1.8em;
		letter-spacing:0.1em;
		border-top: 1px solid #e1e1e1;
		}
		
	#footer-tiles {
		width:800px;
		background-color:#FFFFFF;
		}
	
	#footer-nav {
		width:800px;
		height:26px;
		margin:auto;
		background-image:url(/images/blue-fade.jpg);
		background-repeat:repeat-y;
		clear:both;
	}
	
	* html .min-width { /*IE hack to define minimum width for #top-navbar, #content, & #footer */
		width:800px;
		height:1px;
	}
		
/* 
==================================================================================================================
3.0 NAV ELEMENTS
==================================================================================================================
*/

	
#header-blue {
	margin:auto;
	width: 800px;
	height: 26px;
}

#nav {
	float: left;
	background: url(/images/b-nav-blue.jpg) no-repeat;
	margin: 0; padding: 0;
	width: 800px;
	height: 26px;
	display: inline;
	position: relative;
	top: 0px;
}

#nav li { margin: 0; padding: 0; list-style: none; float: left; }
#nav li, #nav a { height: 26px; display: block; text-decoration: none; font-size: 1px; text-indent: -9000px; }

#n1 { left:0px; width: 49px;}
#n2 { left: 87px; width: 110px;}
#n3 { left: 175px; width: 143px;}
#n4 { left: 277px; width: 256px;}

#n1 a:hover { background: transparent url(/images/b-nav-blue.jpg) 0 -26px no-repeat; }
#n2 a:hover { background: transparent url(/images/b-nav-blue.jpg) -49px -26px no-repeat; }
#n3 a:hover { background: transparent url(/images/b-nav-blue.jpg) -159px -26px no-repeat; }
#n4 a:hover { background: transparent url(/images/b-nav-blue.jpg) -302px -26px no-repeat; }

#n1-on a:hover { background: transparent url(/images/b-nav-blue.jpg) 0 -26px no-repeat; }
#n2-on a:hover { background: transparent url(/images/b-nav-blue.jpg) -49px -26px no-repeat; }
#n3-on a:hover { background: transparent url(/images/b-nav-blue.jpg) -159px -26px no-repeat; }
#n4-on a:hover { background: transparent url(/images/b-nav-blue.jpg) -302px -26px no-repeat; }

#header-yellow {
	margin:auto;
	width: 800px;
	height: 26px;
}


/* 
==================================================================================================================
3.1 SUB-NAV ELEMENTS
==================================================================================================================
*/

#header-yellow {
	margin:auto;
	width:800px;
	height:26px;
}

#snav {
	float: left;
	background: url(/images/nav/sub-navigation-yellow.png) no-repeat;
	margin: 0; padding: 0 0 0 49px;
	width: 800px;
	height: 26px;
	display: inline;
	position: relative;
	top: 0px;

}

#snav li { margin: 0; padding: 0; list-style: none; float: left; }
#snav li, #snav a { height: 26px; display: block; text-decoration: none; font-size: 1px; text-indent: -9000px; }

#sn1 { left:0px; width: 129px;}
#sn2 { left: 87px; width: 66px;}
#sn3 { left: 175px; width: 160px;}
#sn4 { left: 296px; width: 105px;}
#sn5 { left: 350px; width: 134px;}
#sn6 { left: 277px; width: 58px;}

#sn1 a:hover { background: url(/images/nav/sub-navigation-yellow.png) -49px -26px no-repeat; }
#sn2 a:hover { background:  url(/images/nav/sub-navigation-yellow.png) -178px -26px no-repeat; }
#sn3 a:hover { background:  url(/images/nav/sub-navigation-yellow.png) -244px -26px no-repeat; }
#sn4 a:hover { background:  url(/images/nav/sub-navigation-yellow.png) -404px -26px no-repeat; }
#sn5 a:hover { background:  url(/images/nav/sub-navigation-yellow.png) -509px -26px no-repeat; }
#sn6 a:hover { background:  url(/images/nav/sub-navigation-yellow.png) -643px -26px no-repeat; }

	
/* 
==================================================================================================================
4.0 CONTENTS
==================================================================================================================
*/



	#content-left {
		width:510px;
		position:relative;
		top:10px;
		float:left;
		left:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 2.0em;
		line-height: 2em;
		color:#1E1E1E;
		
		}
		
	#content-main {
		width:510px;
		position:relative;
		top:0px;
		float:left;
		left:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 2.0em;
		line-height: 2em;
		color:#1E1E1E;
		
		}
		
	.content-title {
		font-size: 1.8em;
		font-weight: normal;
		letter-spacing:0.08em;
		color:#336699;
		}
		
	.content-subtitle {
		font-size: 1.4em;
		font-weight: normal;
		letter-spacing:0.08em;
		line-height:2em;
		color:#6699cc;
		}
		
	.content-intro-copy {
		font-size: 1.1em;
		font-weight: normal;
		letter-spacing:0.02em;
		color:#1e1e1e;
		}
		
	#content-right {
		width:260px;
		float:right;
		font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; 
		font-size: 1.7em; 
		font-style: normal; 
		line-height: 1.9em; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none;
		color:#1E1E1E;	
		}
		
	#right-nav {
		width:250px;
		background-image:url(/images/right-nav-bkg-shadow.jpg);
		background-repeat:repeat-y;
		}
		
	#right-nav-links {
		width:210px;
		padding:10px 20px 10px 20px;
		background-image:url(/images/right-nav-top-shadow.jpg);
		background-repeat:no-repeat;
		}
		
	#right-nav-footer {
		width:250px;
		height:15px;
		background-image:url(/images/right-nav-btm-shadow.jpg);
		background-repeat:no-repeat;}
		
		
	#right-nav-y {
		width:250px;
		background-image:url(/images/right-nav-y-bkg-shadow.jpg);
		background-repeat:repeat-y;
		}
		
	#right-nav-content {
		width:210px;
		padding:10px 20px 10px 20px;
		background-image:url(/images/right-nav-y-top-shadow.jpg);
		background-repeat:no-repeat;
		}
		
	#right-nav-footer-y {
		width:250px;
		height:15px;
		background-image:url(/images/right-nav-y-btm-shadow.jpg);
		background-repeat:no-repeat;}
		
	.welcome {
		width:228px;
		height:71px;
		float:left;
		background-image:url(/images/t_welcome.jpg);
		background-repeat:no-repeat;
		}
		
	.home-content {
		width:500px;
		padding-left:10px;
		margin-top:10px;
		}

	.portrait {
		width:255px;
		height:317px;
		background-image:url(/images/portrait.jpg);
		background-repeat:no-repeat;
		}
		
	.contact-info {
		width:260px;
		padding-left:9px;
		margin: 10px 0 0 0;
		color:#000000;
		}
		
	.contacts {
		width:50px;
		float:left;
		margin-top:10px;
		font-weight:bold;
		}
	
	.contact-numbers {
		width:160px;
		float:left;
		margin-top:10px;
		margin-left:10px;
		}
		

/* 
==================================================================================================================
5.0 LISTINGS
==================================================================================================================
*/


	#content-listings {
		width:775px;
		position:relative;
		top:0px;
		float:left;
		left:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 1.9em;
		line-height: 2em;
		padding-left:10px;
		padding-right:10px;
		margin-top:10px;
		color:#1E1E1E;
		}
		
	.listing {
		width:760px;
		margin-top:10px;
		padding-bottom:15px;
		border-bottom: 1px solid #99CCFF;
		}
		
	.top-bar {
		width:760px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 1.1em;
		font-weight:bold;
		letter-spacing:1px;
		color:#336699;
		}
		
	.mls {
		float:left;
		width:650px;
		color:#333;
		font-size: 1.2em;
		font-weight: bold;
		letter-spacing:0.02em;
		color:#1e1e1e;
		}	
		
	.price {
		float:right;
		width:90px;
		text-align:right;
		color:#336699;
		}
		
	.sold {
		color:#cc0000;
		}
	
	.column-a {
		width:490px;
		float:left;
		margin-top:10px;
		font-size: 1.1em;
		font-weight: normal;
		letter-spacing:0.02em;
		color:#1e1e1e;	
		}
		
	.column-a-sold {
		width:760px;
		float:left;
		margin-top:10px;
		font-size: 1.1em;
		font-weight: normal;
		letter-spacing:0.02em;	
		}
		
	.column-a-lots {
		width:760px;
		float:left;
		margin-top:10px;
		font-size: 1.1em;
		font-weight: normal;
		letter-spacing:0.02em;	
		}
		
	.column-b {
		width:490px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.1em;
		line-height: 1.8em;
		font-weight:normal;
		float:left;		
		margin-top:10px;
		}
		
	.column-c {
		width:250px;
		float:right;
		margin-top:15px;
		border:2px Solid #336699;	}
		
	.column-d {
		width:250px;
		float:left;
		margin-top:15px;
		border:2px Solid #336699;	}
		
		<style type="text/css">

	.just-sold {
		color: #FF0000;
		font-weight: bold;
		}

			
		
/* 
==================================================================================================================
5.0 MAINPAGE LISTINGS
==================================================================================================================
*/


	.mainpage-listing {
		width:510px;
		margin-top:5px;
		padding: 10px 0px 15px 0px;
		border-top: 1px solid #99CCFF;
		}
		
	.mainpage-title {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 1.2em;
		font-weight:bold;
		letter-spacing:1px;
		color:#336699;
		}
			
	.mainpage-topbar {
		width:510px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 1.1em;
		font-weight:bold;
		letter-spacing:1px;
		color:#336699;
		}
	
	.mainpage-mls {
		font-weight:bold;
		float:left;
		width:350px;
		color:#333;
		}	
		
	.mainpage-price {
		font-weight:bold;
		float:right;
		margin-right:10px;
		width:110px;
		text-align:right;
		color:#336699;
		}
		
	.mainpage-column-a {
		width:240px;
		float:left;
		margin-top:10px;
				font-size: 1.1em;
		font-weight: normal;
		letter-spacing:0.02em;
		color:#1e1e1e;	
		}


	.mainpage-column-b {
		width:200px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.0em;
		line-height: 1.8em;
		font-weight:normal;
		float:left;		
		margin-top:10px;
		}

	
/* 
==================================================================================================================
6.0 FOOTER CONTENTS
==================================================================================================================
*/	


	#remax-cl-tile {
		width:225px;
		margin-top:10px;
		line-height: 1.4em;
		margin-bottom:10px;
		float:left;
		text-align:left;
		position:relative;
		top:0px;
		float:left;
		left:10px;
	}
	
	.footer-contact {
		width:250px;
		margin-top:44px;
		line-height: 1.4em;
		margin-bottom:10px;
		margin-left:10px;
		float:left;
		text-align:left;
	}
	
	#forsalesold-tile {
		width:170px;
		height:49px;
		margin-top:54px;
		margin-right:20px;
		background-image:url(http://www.forsalesold.com/linklogo.jpg);
		background-repeat:no-repeat;
		float:right;
	}
	
	#remax-outstanding {
		width:230px;
		height:105px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
		background-image:url(/images/remax-outstanding.jpg);
		background-repeat:no-repeat;
	}
	
	#halloffame {
		width:125px;
		height:154px;
		margin:10px auto;
		text-align:center;
		background-image:url(/images/halloffame.jpg);
		background-repeat:no-repeat;
	}
	
	#profile-of-success {
		width:175px;
		margin:20px auto;
		text-align:center;
	}
	
	.forsalesold-cheat {
		width:170px;
		height:49px;
		background-image:url(/images/for-sale-sold.jpg);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		}
		
	#footercopy-left {
		width:350px;
		position:relative;
		top:3px;
		left:10px;
		float:left;
		text-align:left; 
		font-style: normal;  
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none;
		color:#E1E1E1;
	}
	
	#footercopy-right {
		width:400px;
		margin-right:10px;
		margin-top:3px;
		float:right;
		text-align:right;
		font-style: normal;  
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none;
		color:#E1E1E1;
	}
		
	#footercopy-right a:link, #footercopy-right a:visited {
		font-style: normal;  
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none;
		background-color:transparent;
		color:#E1E1E1;
	}
	
	#footercopy-right a:hover, #footercopy-right a:active {
		font-style: normal;  
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none;
		color:#FFCC00;
	}
	
	#footer-space {
		margin:auto;
		width:100%;
		height:20px;
	}
		
/* 
==================================================================================================================
You know how it is there early in the morning in Havana 
with the bums still asleep against the walls of the buildings; 
before even the ice wagons come by with ice for the bars? " 

To Have And Have Not - Hemingway
==================================================================================================================
==================================================================================================================
*/