/********************************************************************************
GENERAL STYLES
********************************************************************************/

/*** General Styles ***/
body {
    background: #ffffff;
	background: url(../images/body_bg.jpg) 0px 0px;
	margin: 0;
	padding: 0;	
}

/********************************************************************************
HEADER
********************************************************************************/

#header {
	width: 850px;
	height: 315px;
	background: url(../images/header_bg.jpg) 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header a.home {
	width: 216px;
	height: 170px;
	position: absolute;
	top: 40px;
	left: 46px;
}

#header_slideshow {
	width: 370px;
	height: 231px;
	position: absolute;
	top: 25px;
	left: 446px;
}

#nav {
	width: 704px;
	height: 47px;
	position: absolute;
	left: 0px;
	top: 268px;
}

#nav a.homebutton {
	width: 77px;
	height: 47px;
	background: url(../images/nav_home.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a.communities {
	width: 86px;
	height: 47px;
	background: url(../images/nav_communities.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a.whyourhomes {
	width: 113px;
	height: 47px;
	background: url(../images/nav_whyourhomes.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a.discoverdreamsubuild {
	width: 170px;
	height: 47px;
	background: url(../images/nav_discover.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a.homedesigns {
	width: 108px;
	height: 47px;
	background: url(../images/nav_homedesigns.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a.services {
	width: 76px;
	height: 47px;
	background: url(../images/nav_services.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a.faq {
	width: 47px;
	height: 47px;
	background: url(../images/nav_faq.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a.contactus {
	width: 83px;
	height: 47px;
	background: url(../images/nav_contactus.jpg) 0px 0px;
	position: relative;
	float: left;
}

#nav a:hover {
	background-position: 0px -47px;
}

/********************************************************************************
LEFTBAR
********************************************************************************/

#leftbar {
	width: 238px;
	position: absolute;
	top: 315px;
	left: 0px;
}

#leftbar_header {
	width: 238px;
	height: 38px;
	background: url(../images/leftbar_bg.jpg) repeat-x;
	float: left;
	position: relative;
}

#leftbar_header .text {
	font: 14px/22px tahoma;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	left: 13px;
	top:8px;
}

#buildersstory {
	position: relative;
	float: left;
	width: 210px;
	margin: 10px 0 0 13px;
	font: 11px/16px tahoma;
	color: #000000;
	display: inline;
}

#otherlinks {
	position: relative;
	float: left;
	width: 210px;
	margin: 10px 0 0 13px;
	font: 10px/16px tahoma;
	color: #00498E;
	font-weight: bold;
	display: inline;
}

#otherlinks a {
	font: 11px/16px tahoma;
	color: #00498E;
	font-weight: bold;
	display: inline;
	text-decoration: none;
}

#otherlinks a:hover {
	text-decoration: underline;
}

#otherlinks_home {
	position: relative;
	float: left;
	width: 210px;
	margin: 10px 0 0 13px;
	font: 10px/16px tahoma;
	color: #00498E;
	font-weight: bold;
	display: inline;
}

#otherlinks_home a {
	font: 14px/16px tahoma;
	color: #00498E;
	font-weight: bold;
	display: inline;
	text-decoration: none;
}

#otherlinks_home a:hover {
	text-decoration: underline;
}

/********************************************************************************
CONTENT
********************************************************************************/

#content {
	position: absolute;
	left: 245px;
	top: 322px;
	width: 595px;
}

img.main_header {
	width: 590px;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
}

img.main_slogan {
	width: 485px;
	position: relative;
	float: left;
	margin: 10px 0px 10px 0px;
}

img.horizontaldots {
	position: relative;
	float: left;
	margin: 0px 0px 5px 8px;
}

#content_text img.main_image1 {
	position: absolute;
	right: 10px;
	top: 10px;
}

#content_text img.main_image2 {
	position: absolute;
	right: 10px;
	top: 10px;
}

#content_text {
	display: inline;
	width: 590px;
	float: left;
	position: relative;
	margin: 5px 10px 0 10px;
	font: 11px/18px tahoma;
	color: #646464;
}

#content_text ul{
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 430px;
	list-style: none;
}

#content_text li{
	list-style: none;
	width: 430px;
	float: left;
	position: relative;
	margin: 0px 0px 10px 0px;
}

#content_text li img{
	float: left;
	position: relative;
	margin: 7px 5px 0 0px;
}

#content_text .text {
	float: left;
	position: relative;
	width: 410px;
}

#content_text h1{
	width: 590px;
	float: left;
	position: relative;
	margin:0 0 10px 0;
	font: 12px/18px tahoma;
	font-weight: bold;
	color: #00519E;
}

#content_text a {	
	font: 11px/18px tahoma;
	color: #00529F;
	text-decoration: none;
}

#content_text a:hover {
	text-decoration: underline;
}

.table_text {	
	font: 11px/18px tahoma;
	color: #646464;
}

#content .rule {
	width: 100%;
	height: 10px;
	border-top: 1px solid #666666;
}

/********************************************************************************
WHY OUR HOMES
********************************************************************************/

img.whyourhomesimage {
	float: left;
	margin: 5px 0px 0px 10px;
}

#list ul{
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 560px;
	list-style: none;
}

#list li{
	list-style: none;
	width: 560px;
	float: left;
	position: relative;
	margin: 0px 0px 10px 0px;
}

#list img{
	float: left;
	position: relative;
	margin: 7px 5px 0 0px;
}

#list .text {
	font: 10px/16px tahoma;
	float: left;
	position: relative;
	width: 550px;
}

/********************************************************************************
FOOTER
********************************************************************************/

#content .footer {
	float: left;
	position: relative;
	font: 10px/18px arial;
	color: #aaaaaa;
	margin: 15px 0px 10px 10px;
}

#content .footer a{
	font: 10px/18px arial;
	color: #004F9A;
	text-decoration: none;
}

#content .footer a:hover {
	text-decoration: underline;
}
