@charset "utf-8";
/* JL Builders CSS Document */

.content
{
	background:url(../images/main_bg.jpg);
	background-repeat:repeat-y;
	width:980px;
	padding-top:25px;
}

.left_content
{
	background:url(../images/left_bg.jpg);
	background-repeat:no-repeat;
	width:408px;
	height:657px;
}

.right
{
	text-align:center;
	margin-right:25px;
}

p	{
	color:#f0ede1;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	margin-left:45px;
	margin-right:15px;
}


.plink	{
	color:#9BD;
	font-style: italic;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

#banner
{
	background-image: url(../images/mainImage_bg.jpg);  // The background should include anything that is not to fade between banners (even if the element appears on top of the banner that is to fade) and should simply be a white background anywhere that is to fade (to prevent any other color bleeding through the crossfade)
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	width:980px;
	height:338px;
	padding:0;
	margin:0;
	text-align:center;
}

	#banner img
	{
		vertical-align:top;
	}
	
	.banner
	{
		position:absolute;
		left:0;
		top:0;
	}

.plink:hover	{
	color:#f0ede1;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}

h1	{
	color:#FFF;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-align:center;
	line-height:20px;
	margin-left:45px;
	margin-right:15px;
}

h2	{
	color:#FFF;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-align:center;
	line-height:25px;
	margin-left:45px;
	margin-right:15px;
}

h3	{
	color:#FFF;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight: bold;
	text-align:left;
	padding: 0 0 0px 0;
	margin: 20px 15px 5px 45px;
}

h4	{
	color: #432121;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	margin-left:45px;
	margin-right:15px;
}

div#footer	{
	width:980;
	color:#494d4e;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-top:20px;
	padding-bottom:10px;
	}

.footerLink{
	color:#494d4e;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}

.footerLink:hover{
	color:#494d4e;
	text-decoration:underline;
}

.link	{
	color:#FFF;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-align:left;
	margin-left:5px;
	margin-right:15px;
	text-decoration:none;
}

.link	{
	color:#FFF;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-decoration:underline;
}

.homes .span-24 { width: 100%; }
.homes .span-18 { width: 75%; }
.homes .span-16 { width: 66.666%; }
.homes .span-12 { width: 50%; }
.homes .span-8 { width: 33.333%; }
.homes .span-6 { width: 25%; }