/* Layout CSS Document for Mansonry Homes

Written By James Lester - 2005 Preview */

body {
	background-image: url(../images/background.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/* TOPBAR INFORMATION */
/* TOPBAR INFORMATION */
/* TOPBAR INFORMATION */
/* TOPBAR INFORMATION */
/* TOPBAR INFORMATION */
/* TOPBAR INFORMATION */

#topbar-outer {
	width: 790px;
	height: 101px;
	margin-left: auto;
	margin-right: auto;
	background-color: #387656;
}




#logo a{
    display: block;
	float: right;
	padding: 0px 15px 0px 0px;
	margin-top: 10px;
	width: 72px;
	height: 80px;
	background-color: #387656;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}


/* NAVBAR INFORMATION */
/* NAVBAR INFORMATION */
/* NAVBAR INFORMATION */
/* NAVBAR INFORMATION */
/* NAVBAR INFORMATION */
/* NAVBAR INFORMATION */




#navbar-outer {
	width: 790px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	background-color: #9BBA43;
}



/* MAIN NAVIGATION */
/* MAIN NAVIGATION */
/* MAIN NAVIGATION */
/* MAIN NAVIGATION */
/* MAIN NAVIGATION */
/* MAIN NAVIGATION */
/* MAIN NAVIGATION */





#navspacer {
	 float: left;
     width: 16px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
}



.homenav a {
     display: block;
	 float: left;
     width: 58px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: 0px 0px;
}
.homenav a:hover {
	 background-position: -0px -22px;
}

.homenav-on a {
     display: block;
	 float: left;
     width: 58px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: 0px -22px;
}




.aboutnav a {
     display: block;
	 float: left;
     width: 80px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -58px -0px;
}
.aboutnav a:hover {
	 background-position: -58px -22px;
}

.aboutnav-on a {
     display: block;
	 float: left;
     width: 80px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -58px -22px;
}




.servicenav a {
     display: block;
	 float: left;
     width: 69px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -138px -0px;
}
.servicenav a:hover {
	 background-position: -138px -22px;
}

.servicenav-on a {
     display: block;
	 float: left;
     width: 69px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -138px -22px;
}




.whynav a {
     display: block;
	 float: left;
     width: 151px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -207px -0px;
}
.whynav a:hover {
	 background-position: -207px -22px;
}

.whynav-on a {
     display: block;
	 float: left;
     width: 151px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -207px -22px;
}





.designnav a {
     display: block;
	 float: left;
     width: 150px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -358px -0px;
}
.designnav a:hover {
	 background-position: -358px -22px;
}

.designnav-on a {
     display: block;
	 float: left;
     width: 150px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -358px -22px;
}


.newsnav a {
     display: block;
	 float: left;
     width: 50px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -508px -0px;
}
.newsnav a:hover {
	 background-position: -508px -22px;
}

.newsnav-on a {
     display: block;
	 float: left;
     width: 50px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -508px -22px;
}




.contactnav a {
     display: block;
	 float: left;
     width: 65px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -558px -0px;
}
.contactnav a:hover {
	 background-position: -558px -22px;
}

.contactnav-on a {
     display: block;
	 float: left;
     width: 65px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -558px -22px;
}




.linksnav a {
     display: block;
	 float: left;
     width: 53px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -623px -0px;
}
.linksnav a:hover {
	 background-position: -623px -22px;
}

.linksnav-on a {
     display: block;
	 float: left;
     width: 53px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -623px -22px;
}




.productsnav a {
     display: block;
	 float: left;
     width: 70px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -580px -0px;
}
.productsnav a:hover {
	 background-position: -580px -22px;
}

.productsnav-on a {
     display: block;
	 float: left;
     width: 70px;
	 height: 22px;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: auto;
	 background-image: url(../images/nav.gif);
	 background-position: -580px -22px;
}



/* BREADCRUMBS */
/* BREADCRUMBS */
/* BREADCRUMBS */
/* BREADCRUMBS */
/* BREADCRUMBS */
/* BREADCRUMBS */



#breadcrumbs-home {
	width: 790px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#breadcrumbs {
	width: 790px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#breadcrumbs-inner {
	width: 600px;
	height: 20px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 4px 0px 0px 33px;
	margin-right: auto;
	background-color: #FFFFFF;
	color: #387656;
}


/* FLASH AREA */
/* FLASH AREA */
/* FLASH AREA */
/* FLASH AREA */
/* FLASH AREA */
/* FLASH AREA */


#homepage-flash {
	width: 790px;
	height: 164px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/housesflash.gif);
}

#flash-spacer {
	width: 790px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
}




/* MAIN HOME AREA */
/* MAIN HOME AREA */
/* MAIN HOME AREA */
/* MAIN HOME AREA */
/* MAIN HOME AREA */
/* MAIN HOME AREA */
/* MAIN HOME AREA */



#main-div-home {
	width: 790px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



#main-div-about {
	width: 790px;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#main-div-news {
	width: 790px;
	height: 750px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#main-div-products {
	width: 790px;
	height: 1300px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



#main-div-products-small {
	width: 790px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


#main-div-property {
	width: 790px;
	height: 720px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}




#main-div-service {
	width: 790px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



#main-div-why {
	width: 790px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


#main-div-newproperty {
	width: 790px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



#main-div-designs {
	width: 790px;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


#main-div-contact {
	width: 790px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



#main-div-links {
	width: 790px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



#left-div-home {
	float: left;
	width: 460px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
	overflow: auto;
}


#left-div-about {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}
#left-div-news {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}


#left-div-products {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}




#left-div-products-small {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}




#left-div-property {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}




#left-div {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}




#left-div-service {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}



#left-div-why {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}


#left-div-newproperty {
	float: left;
	width: 451px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}


#left-div-designs {
	float: left;
	width: 650px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}

.left-div-designs-inner {
	float: left;
	width: 750px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: auto;
}


#left-div-contact {
	float: left;
	width: 451px;
	height: auto;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}


#left-div-links {
	float: left;
	width: 451px;
	height: 550px;
	padding: 0px 0px 0px 30px;
	margin-left: 0px;
	margin-right: auto;
}


#right-div-home {
	float: right;
	width: 245px;
	height: 260px;
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	margin-right: 0px;
}


#right-div {
	float: right;
	width: 245px;
	height: 400px;
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	margin-right: 0px;
}


/* BOTTOMBAR */
/* BOTTOMBAR */
/* BOTTOMBAR */
/* BOTTOMBAR */
/* BOTTOMBAR */
/* BOTTOMBAR */
/* BOTTOMBAR */



#bottombar {
	width: 790px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	background-color: #9BBA43;
	overflow: auto;
}

#bottombar-inner {
	width: 700px;
	height: 20px;
	padding: 2px 0px 0px 30px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #9BBA43;
}



/* RIGHTBARS ON THE HOMEPAGE */
/* RIGHTBARS ON THE HOMEPAGE */
/* RIGHTBARS ON THE HOMEPAGE */
/* RIGHTBARS ON THE HOMEPAGE */
/* RIGHTBARS ON THE HOMEPAGE */
/* RIGHTBARS ON THE HOMEPAGE */
/* RIGHTBARS ON THE HOMEPAGE */


#rightbox1-outer {
	width: 228px;
	height: 82px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #9BBAAA;
	background-image: url(../images/numbers.gif);
	background-position: right; 
	background-repeat: no-repeat;
	overflow: auto;
}



#rightbox1-outer2 {
	width: 228px;
	height: 82px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	background-color: #9BBAAA;
	background-image: url(../images/numbers.gif);
	background-position: right; 
	background-repeat: no-repeat;
	overflow: auto;
}


#rightbox2-outer {
	width: 228px;
	height: 82px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	background-color: #C3D68E;
	background-image: url(../images/logo_box.gif);
	background-position: right; 
	background-repeat: no-repeat;
	overflow: auto;
	float:left;
}


#rightbox2-house-outer {
	width: 228px;
	height: 82px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	background-color: #CDDCA1;
	background-image: url(../images/advantage_house.gif);
	background-position: right; 
	background-repeat: no-repeat;
	overflow: auto;
	
}


#rightbox3-outer {
	width: 228px;
	height: 82px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	background-color: #9BBAAA;
	background-image: url(../images/temp_sidebar.gif);
	background-position: right;
	background-repeat: no-repeat; 
	overflow: auto;
}
#left-div-home #rightbox3-outer {
	float:right;
}

.rightbox-title {
	width: auto;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 0px 0px 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 110%;
}


.rightbox-content {
	width: 200px;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 0px 0px 10px;
	color: #000000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 135%;
}


/* IMAGES ON SIDEBAR */

#right-about-image {
	width: 228px;
	height: 151px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(../images/temp_houseimage.gif);
	background-repeat: no-repeat;
}

#right-image {
	width: 228px;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}



/* HOMEPAGE TOP LINKS TO THE DIFFERENT HOUSES */
/* HOMEPAGE TOP LINKS TO THE DIFFERENT HOUSES */
/* HOMEPAGE TOP LINKS TO THE DIFFERENT HOUSES */
/* HOMEPAGE TOP LINKS TO THE DIFFERENT HOUSES */
/* HOMEPAGE TOP LINKS TO THE DIFFERENT HOUSES */
/* HOMEPAGE TOP LINKS TO THE DIFFERENT HOUSES */
/* HOMEPAGE TOP LINKS TO THE DIFFERENT HOUSES */




#leftside-homes {
	width: 260px;
	float: left;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px 0px 0px 25px;
	margin-top: 0px;
	color: #9CBBAB;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 135%;
}


#rightside-homes {
	width: 260px;
	float: left;
	height: auto;
	margin-left: 4px;
	margin-right: 0px;
	padding: 10px 0px 0px 8px;
	margin-top: 0px;
	color: #9CBBAB;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 135%;
}


/* THE TOP NAVIGATION FOR THE HOUSES REQUIRES A ROLLOVER BLOCK EFFECT */


.blockroll a {
	 color: #9CBBAB;
     display: block;
	 text-decoration: none;
     width: 260px;
	 height: auto;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 background-image: url(../images/arrow_top_new.gif);
	 background-position: left;
	 background-repeat: no-repeat;
	 background-position: 0px 0px;
	 color: #9CBBAB;
	 padding: 0px 0px 0px 15px;
	 
}
.blockroll a:hover {
	 background-position: -0px -15px;
	 color: #FFFFFF;
	 text-decoration: none;
}




.blockroll-on a {
	 color: #FFFFFF; 
     display: block;
	 text-decoration: none;
     width: 260px;
	 height: auto;
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 background-image: url(../images/arrow_top_new.gif);
	 background-position: left;
	 background-repeat: no-repeat;
	 background-position: 0px -15px;
	 padding: 0px 0px 0px 15px;
}
.blockroll-on a:hover {
	 color: #FFFFFF;
	 text-decoration: none;
}



.imgfloat {
	float: right;
	padding: 0px 0xp 0px 0px;
	margin: 0px 0px 0px 40px;
}