/* css information
--------------------------------------------------------
	Lance Vermeulen:      				screen stylesheet
	author:         					www.studiotwo.com
	updated:        					May 2010

	
-------------------------------------------------------- */



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

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #262426 url(../images/background-main.jpg) repeat-x bottom left fixed;
	line-height: 1.2em; 
	font: 12px Arial, verdana, Helvetica, Geneva, sans-serif;  
	margin: 0px 0 20px 0;
	padding: 0;
	min-width: 800px;
}

img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
	background: transparent;
}	


 a:visited  {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
	background: transparent;
}	
a:hover   {
	
	color: #8e2503; 
	text-decoration: none;
}

h1   {
	color: #8e2503;
	text-align: left;
	font: 20px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0px;
}
.header {
		font-size: 11px; 
		font-weight: bold; 
		color: #999999; 
		text-transform: uppercase; 
		}


h2   {
	color: #8e2503;
	text-align: left;
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #8e2503;
	text-align: left;
	font: 13px arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;

}

ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

	}
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#d7d7d7;}



/*

***************************************

	LAYOUT RULES

***************************************

*/



#wrap {
	width: 976px;
	margin: 0 auto;	
	color: #32130a;
	background: #ffffff url(../images/background-content.jpg) repeat-x bottom left fixed;
	
	
	
}

#header {
	width: 976px;
	height: 115px;
	margin: 0px auto 0px auto;	
	background: #262426; 
	padding-top: 10px;
	
	}
#logo {
	width: 263px; 
	height: 115px; 
	left: 0px;
	float: left;
		padding-top: 0px;
	
}	
	
div#nav {	width: 713px; 
	height: 115px; 
	/*margin-left: 318px;*/
	margin-top: 0px;
	text-align: right;
	float: left;
	margin-left: 0px;
	
	}
div#navigation {
	width: 713px; 
	height: 51px; 
	margin-top: 20px;
	text-align: right;
	
	}
	
#tagline {
	text-align: right;
	margin-top: 28px;
	font-size: 14px;
	/*height: 31px;*/
	margin-right: 25px;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;letter-spacing: 1px;
}	

	
#photomain {
	width: 936px;
	height: 167px;
	margin: 0 auto;	
	
}
#photomainhome {
	width: 936px;
	height: 200px;
	margin: 3px auto 0 auto;	
	
}



#content {
	width: 976px; 
	margin: 10px auto 0 auto; 
	background-color: transparent;
	text-align: center;
	padding: 0px 0 0 0;
	
}


div#left {
	padding: 10px;
    width: 176px;
    float: left;
	text-align: left;
	padding: 10px 10px 0px 10px;
		}
		
		
div#center {
	padding: 25px 10px 0px 10px;
    margin-left: 210px;
    margin-right: 225px;
	text-align: left;
	line-height: 1.4em;
	/*font-size: 11px;*/
	
	}
div#right { 
	padding: 10px 10px 0px 10px;
    width: 175px;
    float: right;
	}
div#rightad {	
	font-size: 11px; 
	color: #32130a;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}	
div#rightad h1 {
	color: #7f490d;
	border-top: 1px dotted #999966;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
		padding-top: 10px;
	margin-bottom: 3px;
	
	
	}	
div#centercontent {
	padding: 0px 0px 20px 0px;
	}
div#leftcontent {
	padding: 10px 0px 20px 0px;
	}
div#rightcontent {
	padding: 20px 0px 20px 0px;
	}



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

	News

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

#news {margin: 10px auto 10px auto; 	background: transparent url(../images/news.gif) top left no-repeat;
	height: 30px; width: 936px;
}

#news a:link {color: #353535; text-decoration: none;}
#news a:visited {color: #353535; text-decoration: none; }
#news a:hover {color: #8e2503;text-decoration: underline;}

#news1 {padding: 8px 0px 0px 25px; float: left; width: 440px; font-size: 11px; vertical-align: middle; height: 23px;}
#news2 {padding: 8px 0px 0px 30px; float: left;  width: 430px; font-size: 11px; vertical-align: middle; height: 23px;}



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

	FOOTER DIVS

***************************************
*/
div#footer        {
	clear: both;
	margin-left: auto; 
	margin-right: auto; 
	width: 964px;  
	font-size: 11px;  
	padding: 10px 0px 0px 0px; 
	text-align: center;
	color: #898989;
	text-align: center;
	line-height: 1.2em;
	}
#copyright {
	font-size: 10px; 
	margin-top: 20px;
	}
#footerlinks {	
	margin-top: 15px;
	 }	
	
#footerlinks a:link {
	padding: 0 10px 0 12px; 
	color: #777777; 
	border-left: 1px dotted #b3b3b3;
	font-weight: bold;
	}
#footerlinks a:visited {
	padding: 0 10px 0 12px; 
	color: #777777; 
	border-left: 1px dotted #b3b3b3;
		font-weight: bold;
	
	}
#footerlinks a:hover {color: #8e2503;text-decoration: underline; }

div#footercurve        {
	color: #060606;
	background: transparent url(../images/bottom-curve.gif) top left no-repeat; 
	width: 976px;  
	margin: 0 auto;
	text-align: center;
	height: 3px;

	}	
	div#filler        {
	clear: both; 
	width: 976px;  
	margin: 0 auto;
	text-align: center;
	color: #dcdcdc;	
	}
div#footertext {
	font-size: 12px;
	margin-top: 15px;
	line-height: 1.2em;
	text-align: center;
	}	
.mortgage {font-size: 16px; font-weight: bold;}	
	
	/*
***************************************

	ADS on homepage

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

div#ads {	
	font-size: 12px; 
	color: #353535;
	text-align: left;
	background-color: transparent;
	width: 970px;  
	padding-bottom: 0px;
	margin: 0 auto;
	
	
	}	

.ads {/* border-left: 1px dotted #d6d6c7;border-right: 1px dotted #d6d6c7;*/
	float: left;	
	padding-left: 16px; 
	padding-right: 0px;
	/*width: 212px; */
	width: 173px; 
	margin: 0px 0px 5px 0;text-align: center;
	
	}
/*
***************************************

	FEATURES on homepage

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

div#features {	
	font-size: 12px; 
	color: #353535;
	text-align: left;
	background-color: transparent;
	width: 970px;  
	padding-bottom: 0px;
	margin: 0 auto;
	clear: both;
	
	}	

.feature {/* border-left: 1px dotted #d6d6c7;border-right: 1px dotted #d6d6c7;*/
	float: left;	
	padding-left: 26px; 
	padding-right: 0px;
	/*width: 212px; */
	width: 285px; 
	text-align: left;
	margin: 0px 0px 5px 0;
	
	
	}	
	.feature h1 {text-transform: uppercase; font-family: "Times New Roman", Times, serif; text-align: center; padding: 4px 0 4px 0; border-top: 1px solid #b6b6b6;border-bottom: 1px solid #b6b6b6;color: #353535; font-size: 14px;}
	
/*
***************************************

	listings

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

div#listings {	
	font-size: 12px; 
	color: #353535;
	text-align: left;
	width: 976px;  
	padding-bottom: 0px;
	margin: 0 auto;
	font-weight: normal;
	font-size: 12px;
		}	


table#listingsTable {
	width: 870px; 
	margin: 0 auto;
		
	}	
	table#listingsTable td {
	width: 25%;
	text-align: center;
vertical-align: top;
	padding: 10px;
	
	}
	
table#listingsTable td img {
	border: 2px solid #a2a2a2;
	}
	
table#listingsTable-detail {
	width: 920px; 
		margin: 0 auto;
		
	}	
	table#listingsTable-detail td {
	
vertical-align: top;
	padding: 10px 0 0 10px;
	
	}


table#listingsTable-specifics {
	width: 395px; 
		margin: 0 auto;
		
	}	
	table#listingsTable-specifics td {
	vertical-align: top;
	padding: 6px;
	
	}

	
table#text {
	width: 920px; 
	margin: 0 auto;
		
	}	

table#contact {
	width: 800px; 
	margin: 0 auto;
		
	}	
	
table#contact td {
	width: 33%; 

		
	}
	
table#contact .associates img {margin-bottom: 5px;}
	
table#thumbs {
	width: 865px;
	margin: 0 auto;
	
}	
table#thumbs td {
	/*background-color: #cccccc;*/
	width: 20%;
	padding: 0px;
	text-align: center;

}	
	
table#thumbs img  {
border: 2px solid #777777;
}

#locatorbar {height: 40px; margin: 0px 0px 5px  0px; background-color: #e0e0e0; margin: 0 auto; width: 936px;}
#pagetitle {font-family:"Times New Roman", Times, serif; font-size: 25px; font-weight: bold; color: #353535; float: left; padding: 8px 0px 1px 15px; }
#pages {font-size: 11px;float: right; padding: 15px 58px 0px 0;}		
	#pages a:link, a:visited {}

/*div#searchby {	
	font-size: 11px; 
	color: #353535;
		width: 320px;  
	padding-bottom: 0px;
	margin: 0 0 00px auto;
	font-weight: normal;
	
		}*/		

div#searchby {	
	font-size: 11px; 
	color: #353535;
		width: 360px;  
	padding-bottom: 0px;
	margin: 0 0 00px 300px;
	font-weight: normal;
	
		}	
/*
***************************************

	CLASS RULES

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

.break {clear: both}
.bold {font-weight: bold; }
.dottedLine {border-bottom: 1px dotted #999999;  }
.italic {font-style: italic;}
.uppercase {font-weight: bold; text-transform: uppercase; color: #666666;}
.subtitle {font-style: italic; color: #033769; font-size: 10px; line-height: .9em;}
.redtext {color: #8e2503; font-size: 13px; font-weight: bold;} 
.greytext {font-size: 12px; color: #878787; font-style: italic;} 
.sup {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

.suptitle {
	position: relative;
	bottom: 0.5em;
	font-size: 0.6em;
}
.smtxt {font-size: 10px;}
.float-photos {float: right; width: 185px;}


#footer a.facebook {background: transparent url(../images/icons/FaceBook-16x16.png) 0px 0px no-repeat; padding-left: 23px;}
/*

***************************************

	MAIN NAVIGATION RULES

***************************************

*/


#navigation {
	width: 713px; 
	height: 51px; 
	margin-top: 18px;
	text-align: right;
	
	
	}



#navigation ul	{
	width: 713px;
	height: 51px;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url(../images/navigation2.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 51px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #e2e2e2;
	}	

#n1 {
	position: absolute;
	left: 15px;
	width: 45px;
}
#n2 {
	position: absolute;
	left: 66px;
	width: 69px;
}
#n3 {
	position: absolute;
	left: 145px;
	width: 80px;
}
#n4 {
	position: absolute;
	left: 230px;
	width: 35px;
}
#n5 {
	position: absolute;
	left: 276px;
	width: 55px;
}
#n6 {
	position: absolute;
	left: 340px;
	width: 75px;
}
#n7 {
	position: absolute;
	left: 420px;
	width: 50px;
}
#n8 {
	position: absolute;
	left: 480px;
	width: 60px;
}

#n9 {
	position: absolute;
	left: 545px;
	width: 75px;
}
#n10 {
	position: absolute;
	left: 628px;
	width: 75px;
}


#n1 a:hover {background: transparent url(../images/navigation2.gif) -15px -51px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation2.gif) -66px -51px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation2.gif) -145px -51px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation2.gif) -230px -51px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation2.gif) -276px -51px no-repeat;}
#n6 a:hover {background: transparent url(../images/navigation2.gif) -340px -51px no-repeat;}
#n7 a:hover {background: transparent url(../images/navigation2.gif) -420px -51px no-repeat;}
#n8 a:hover {background: transparent url(../images/navigation2.gif) -480px -51px no-repeat;}
#n9 a:hover {background: transparent url(../images/navigation2.gif) -545px -51px no-repeat;}
#n10 a:hover {background: transparent url(../images/navigation2.gif) -628px -51px no-repeat;}


/*
#n1 {	position: absolute; left: 30px ; width: 45px;}
#n2 {
	position: absolute;
	left: 93px;
	width: 75px;
}
#n3 {
	position: absolute;
	left: 185px;
	width: 80px;
}
#n4 {
	position: absolute;
	left: 280px;
	width: 35px;
}
#n5 {
	position: absolute;
	left: 334px;
	width: 75px;
}
#n6 {
	position: absolute;
	left: 425px;
	width: 55px;
}
#n7 {	position: absolute; left: 490px ; width: 80px;}
#n8 {	position: absolute; left: 590px ; width: 85px;}



#n1 a:hover {background: transparent url(../images/navigation2.gif) -30px -51px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation2.gif) -93px -51px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation2.gif) -185px -51px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation2.gif) -280px -51px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation2.gif) -334px -51px no-repeat;}
#n6 a:hover {background: transparent url(../images/navigation2.gif) -425px -51px no-repeat;}
#n7 a:hover {background: transparent url(../images/navigation2.gif) -490px -51px no-repeat;}
#n8 a:hover {background: transparent url(../images/navigation2.gif) -590px -51px no-repeat;}
*/




.home-widgets { border-bottom: 1px solid #ccc; margin: 20px 0px; padding-bottom: 20px; }
.red {color: #cc0000;}