@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(/images/main/home_background-2010_06_08.jp);
	background-color: #000;
	background-repeat:;
	background-position: center top;
}

/* This will eliminate the space at the top of the page and the images and dive will now align properly to the top of the page -    
There is some default padding/margin on the html and body tag. The amount varies by browser.
*/
html,body {
   margin:0;
   padding:0;
}






a:link {
	text-decoration: none;
	color: #E9D8C4;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #6A5D56;
}
a:active {
	text-decoration: none;
	color: #999;
}



.main_container {
	z-index:2;
	position:relative;
	width: 850px;
	height: 620px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border:;
	background-color:;
}

.main_container2 {
	z-index:2;
	position:relative;
	width: 850px;
	height: 620px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border:;
	background-color:;
}


index_image1 {
	width:236px;
	height:236px;
	margin-left:40%;
	margin-bottom:40%;
}

index_image1 {
	z-index:2;
	display:inherit;
	position:absolute;
	width:236px;
	height:236px;
	margin-left:40%;
	margin-top:94px;
	background-image: url(../images/designs/3186_Kitchen.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
}



.button1 a {
	z-index:2;
	display:inherit;
	position:absolute;
	width:236px;
	height:236px;
	margin-left:40%;
	margin-top:94px;
	background-image: url(../images/designs/3186_Kitchen.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
}
.button1 a:hover { 
	background-position: 0 -35px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color: #049;
}
.button1 a:active {
	background-position: 0 -70px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color:#fff;
}


.button2 a {
	z-index:2;
	display:inherit;
	position:absolute;
	width:236px;
	height:236px;
	margin-left:70%;
	margin-top:94px;
	background-image: url(../images/designs/Clayton_bedrm_upstairs.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.button2 a:hover { 
	background-position: 0 -35px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color: #049;
}
.button2 a:active {
	background-position: 0 -70px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color:#fff;
}



.button3 a {
	z-index:2;
	display:inherit;
	position:absolute;
	width:236px;
	height:236px;
	margin-left:40%;
	margin-top:350px;
	background-image: url(../images/designs/Front_porch_Clayton.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
}
.button3 a:hover { 
	background-position: 0 -35px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color: #049;
}
.button3 a:active {
	background-position: 0 -70px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color:#fff;
}



.button4 a {
	z-index:2;
	display:inherit;
	position:absolute;
	width:236px;
	height:236px;
	margin-left:70%;
	margin-top:350px;
	background-image: url(../images/designs/3186_Master_Bed.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
}
.button4 a:hover { 
	background-position: 0 -35px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color: #049;
}
.button4 a:active {
	background-position: 0 -70px;
	background: url("/images/designs/3186_Kitchen.jpg") 0 0 no-repeat;
	color:#fff;
}







.logo-main {
	z-index:2;
	position:absolute;
	float:left;
	margin-left:10%;
	margin-top:90px;
	height:600px;
	background-color:#000;
}

.your_plan {
	z-index:4;
	position:absolute;
	float:left;
	margin-left:105px;
	margin-top:196px;
}


.logo-main2 {
	z-index:2;
	position:fixed;
	float:none;
	height:500px;
	margin-left:10%;
	margin-top:90px;
	background-color:#000;	
}

.text {
	z-index:5;
	position:absolute;
	float:left;
	width: 200px;
	height: 418px;
	margin-left:10%;
	margin-top:270px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C3F2E;
	background-color: #000;
}


.links_text {
	position:absolute;
	text-align: right;
	float:right;
	width: 200px;
	height: 36px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#DFCEBB;
}


.bottom_header_section {
	z-index:5;
	position:fixed;
	width: 750px;
	height: auto;
	margin-left:27%;
	margin-top:0px;
	margin-right: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8A286;
}

.bottom_header_section_short {
	z-index:5;
	position:fixed;
	width: 100px;
	height: auto;
	margin-left:23%;
	margin-top:0px;
	margin-right: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8A286;
}

.bottom_header_section_short2 {
	z-index:5;
	position:fixed;
	width: 100px;
	height: auto;
	margin-left:5%;
	margin-top:560px;
	margin-right: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8A286;
}

.links_text_bottom {
	z-index:5;
	position:relative;
	text-align:;
	width: 736px;
	height: 18px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#6f6f6f;
}


.text_copyright {
	z-index:5;
	position:relative;
	width: 750px;
	height: 28px;
	margin-left:auto;
	margin-top:0px;
	margin-right: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8A286;
}

.text_copyright_short {
	z-index:5;
	position:relative;
	width: 150px;
	height: 28px;
	margin-left:auto;
	margin-top:0px;
	margin-right: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8A286;	
}


.logo_small {
	z-index:5;
	position:relative;
	float:left;
	margin-top:18px;
	margin-right: auto;
}



/*about page css*/



.about_section {
	z-index:5;
	position:absolute;
	float:left;
	width: 430px;
	height: 378px;
	margin-left:34%;
	margin-top:120px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E9D8C4;
	overflow:visible;
}

.headings {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FBF3DC;
	text-transform: uppercase;
}


.subheadings {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform: uppercase;
	color:#6E6355;
}

.labels {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6E6355;
}





/*design images page*/

.design_images_container {
	position:absolute;
	width: 5050px;
	height: 350px;
	margin-top: 120px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 45%;
	border:;
	background-color:;
}

.design_images_container_v {
	position:absolute;
	width: 550px;
	height: 4420px;
	margin-top: 120px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 45%;
	border:;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7BFB3;
}

.design_images_container_v2 {
	position:absolute;
	width: 640px;
	height: 1220px;
	margin-top: 120px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 35%;
	border:;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7BFB3;
}

.design_images_container_v3 {
	position:absolute;
	float:left;
	width: 1050px;
	height: 600px;
	margin-top: 120px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:;
	border:;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7BFB3;
	margin-left: 10%;
}


.content_section_container_v3 {
	position:absolute;
	float:left;
	width: 1050px;
	height: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:;
	border:;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7BFB3;
	margin-left: 10%;
}



.design_images_column1 {
	position:absolute;
	width: 200px;
	height: 3420px;
	margin-top: 0px;
	margin-bottom:;
	border:;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7BFB3;
	float: left;
}

.design_images_column2 {
	position:absolute;
	width: 100px;
	height: 320px;
	margin-top: 0px;
	margin-bottom:;
	margin-left: 220px;
	border:;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7BFB3;
	float: left;
	margin-left: 220px;
	border: 2px solid #0F0;
}

.image1 {
	margin-left: 40px;
	float: left;
	margin-bottom: 40px;
}


.column_spacer {
	z-index:1;
	float:left;
	position:relative;
	width:320px;
	height:650px;
	margin-top:0px;
	margin-left:0px;
	margin-right:;
	background-color:#000;
}

.blackout {
	z-index:1;
	float:left;
	position:fixed;
	width:60%;
	height:450px;
	margin-top:40px;
	margin-left:-330px;
	margin-right:;
	background-color:#000;
	size:auto;
}


.column_a_main {
	z-index:1;
	float:left;
	position:relative;
	width:274px;
	height:650px;
	margin-top:0px;
	margin-left:2px;
	margin-right:;
	background-color:#000;
}


.column_b_main {
	z-index:1;
	float:left;
	position:relative;
	width:274px;
	height:650px;
	margin-top:0px;
	margin-left:0px;
	margin-right:;
	background-color:#000;
}



.column_a {
	z-index:1;
	float:left;
	position:relative;
	width:320px;
	height:650px;
	margin-top:0px;
	margin-left:2px;
	margin-right:;
	background-color:#000;
}


.column_b {
	z-index:1;
	float:left;
	position:relative;
	width:320px;
	height:650px;
	margin-top:0px;
	margin-left:0px;
	margin-right:;
	background-color:#000;
}


.index_image_container_1 {
	z-index:1;
	float:left;
	position:relative;
	width:320px;
	height:650px;
	margin-top:0px;
	margin-left:2px;
	margin-right:;
	background-color:#000;
}


.index_image_container_2 {
	z-index:1;
	float:left;
	position:relative;
	width:320px;
	height:650px;
	margin-top:0px;
	margin-left:0px;
	margin-right:;
	background-color:#000;
}





.scroll_instruct {
	z-index:5;
	position:fixed;
	float:left;
	width: 750px;
	height: 18px;
	margin-left:55%;
	margin-top:470px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8A286;
}








/*examples*/



.main_nav_area {
	z-index:4;
	position:relative;
	width: 850px;
	height: 620px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border:;
	background-color:;
}


.menu_side {
	z-index:4;
	position:fixed;
	width: 250px;
	height: 620px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 12%;
	border:;
	background-color:;
}


.your_plan {
	z-index:4;
	position:absolute;
	float:left;
	margin-left:105px;
	margin-top:196px;
}


.logo-main2 {
	z-index:3;
	position:fixed;
	width: 210px;
	height: 156px;
	float:none;
	margin-left:10%;
	margin-top:90px;
}


.bg_arrows_upper_left {
	z-index:2;
	position: absolute;
	float:left;
	margin-left:70px;
	margin-top:69px;
}