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

body {
	background-color:#7B766E;
	background-image:url(images/inside-bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	text-align:center;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}

img {
	border:0px;
}

a:hover {
	text-decoration:underline;
}

.whitetext {
	color:#FFFFFF;
}

.footer_link_left {
	color:#FFFFFF;
	float:left;
	margin-top:10px;
	margin-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.footer_link_right {
	color:#FFFFFF;
	float:right;
	margin-top:10px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


#container {
	width:880px;
	margin: auto;
	text-align:left;
}

#topbar {
	height:130px;
}

#blackbar {
	height:175px;
	overflow: hidden;
}

#blackbar_content1 {
	float:left;
	padding-top:25px;
	padding-right: 40px;
	width: 450px;
	color:#8B847B;
	font-size:12px;
	line-height:160%;
	font-family:Arial, Helvetica, sans-serif;
}

#blackbar_content2 {
	padding-left:20px;
	padding-top:12px;
	float:left;
	width:360px;
	color:#8B847B;
	font-size:12px;
	line-height:160%;
	font-family:Arial, Helvetica, sans-serif;
}

#blackbar_content2 p {
	margin-left:10px;
	width: 350px;
}


#blackbar_contactcontent1 {
	float:left;
	padding-top:35px;
	width: 285px;
	color:#8B847B;
	font-size:12px;
	line-height:160%;
	font-family:Arial, Helvetica, sans-serif;
}

#blackbar_contactcontent2 {
	padding-left:90px;
	float:left;
	width:505px;
	height:100%;
	color:#8B847B;
	font-size:11px;
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif;
}


#photobar {
	position: relative;
	text-align:center;
	width:100%;
	background-color:#8B847B;
	padding-bottom:30px;
}

#photobox {
	margin:auto;
	text-align:left;
	position:relative;
	z-index: 1000;
	width:880px;
	height:300px;
	background-color:#FFFFFF;
}

#site_text {
	margin:auto;
	text-align:left;
	position:relative;
	z-index: 1000;
	width:880px;
	background-color:#FFFFFF;
	padding-bottom: 25px;
}

#site_text p {
padding-left: 20px;
padding-right: 20px;
}

#site_text a {
color: #8B847B;
}

#site_text p, #site_text ul li {
	color:#8B847B;
	font-size:12px;
	line-height:160%;
	font-family:Arial, Helvetica, sans-serif;
}

#environment {
position: absolute;
z-index: 6001;
	display: none;
	margin: 0 auto;
	text-align:left;
	width:880px;
	height:290px;
	background-color:#FFFFFF;
	border: 5px solid #8b847b;
	
}

#environment p {
	color:#8B847B;
	font-size:14px;
	line-height:160%;
	font-family:Arial, Helvetica, sans-serif;
	padding: 15px 10px 0px 30px;
}

#environment_shadow {
position: absolute;
z-index: 6000;
top: 0;
left: 0;
	background-color: #222222;
    opacity: 0.6;
	-ms-filter: "alpha (opacity=60)"; 
	filter: alpha (opacity=50);
	width: 100%;
	height: 400px;
}


#shadow {
	position:absolute;
	top:0px;
	z-index: 1003;
	width:880px;
	height:20px;
	background-image:url(images/shadow.png); 
}

#yearwarranty {
	width: 41px;
	height: 65px;
	z-index: 1005;
	position: absolute;
	bottom: 20px;
	left: 20px;
	background-color:#FF0000;
}

#photobox_textbar {
	position:absolute;
	bottom:30px;
	z-index: 1001;
	width:880px;
	height:30px;
	background-color:#232126;
	filter:alpha(opacity=80);
	/*-moz-opacity:1.8;*/
	opacity: 0.8;
}

#textbar_content {
	margin: 8px 0px 0px 85px;
	z-index:1002;
	color: #ADACAE;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#textbar_content a {
	color: #8B847B;
}

#whitebar {
	width:100%;
	height:1px;
	background-color:#FFFFFF;
}

#footer {
	width:880px;
	margin:auto auto 40px auto;
}

.error {
	color: #aa3333;
	font-weight: bold;
}

/* Process page image styles */
#image1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 537px;
	height: 303px;
	z-index: 10;
	background: url('images/process/step1.jpg') top left no-repeat;
}

#image2 {
	position: absolute;
	top: 303px;
	left: 0;
	display: none;
	width: 537px;
	height: 0px;
	z-index: 11;
	background: url('images/process/step2.jpg') top left no-repeat;
}

#image3 {
	position: absolute;
	top: 303px;
	left: 0;
	display: none;
	width: 537px;
	height: 0px;
	z-index: 12;
	background: url('images/process/step3.jpg') top left no-repeat;
}

#process_textarea {
position: absolute;
top: 0;
	left: 537px;
	padding: 30px 15px 30px 25px;
	width: 303px;
	height: 243px;
	background-color: #A19A93;
}

#process_textarea p {
	font-size:11px;
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif;
	color:#454046;
}

#process_buttons {
	float: left;
	width: 42px;
}

#process_text1, #process_text2, #process_text3 {
	float: left;
	width: 241px;
	margin-left: 20px;
}

#process_text2 {
	display: none;
}

#process_text3 {
	display: none;
}

#furn_photo1 {
position: absolute;
left: 0;
top: 0;
}

#furn_photo2 {
position: absolute;
left: 0;
top: 0;
display: none;
}

#furn_photo3 {
position: absolute;
left: 0;
top: 0;
display: none;
}

#seating_text {
	position: absolute;
	top: 50px;
	left: 20px;
	display: none;
}

#guest_room_text {
	position: absolute;
	top: 50px;
	left: 20px;
}

#common_area_text {
	position: absolute;
	display: none;
	top: 50px;
	left: 20px;
}

#clients_right {
	position: relative;
	top: 0;
	left: 537px;
	padding: 30px 25px;
	width: 293px;
	height: 243px;
	overflow: hidden;
	background-color: #A19A93;
}

#left_arrow {
position: absolute;
width: 40px;
top: 110px;
left: 20px;
z-index: 1000;
}

#right_arrow {
position: absolute;
width: 40px;
top: 110px;
left: 303px;
z-index: 4000;
}

#client_images {
	position: relative;
	width: 343px;
	overflow: hidden;
	height: 303px;
	z-index: 30;
}

#client1 {
	position: absolute;
	width: 293px;
	height: 303px;
	padding-left: 50px;
	z-index: 31;
}

#client2 {
	position: absolute;
	width: 308px;
	height: 303px;
	left: 343px;
	padding-left: 35px;
	z-index: 31;
}

#client3 {
	position: absolute;
	width: 293px;
	height: 303px;
	left: 343px;
	padding-left: 50px;
	z-index: 31;
}

#client4 {
	position: absolute;
	width: 293px;
	height: 303px;
	left: 343px;
	padding-left: 50px;	
	z-index: 31;
}

#client5 {
	position: absolute;
	width: 293px;
	height: 303px;
	left: 343px;
	padding-left: 50px;	
	z-index: 31;
}

#client6 {
	position: absolute;
	width: 293px;
	height: 303px;
	left: 343px;
	padding-left: 30px;	
	z-index: 31;
}

#client7 {
	position: absolute;
	width: 293px;
	height: 303px;
	left: 343px;
	padding-left: 30px;	
	z-index: 31;
}

#client8 {
	position: absolute;
	width: 293px;
	height: 303px;
	left: 343px;
	padding-left: 30px;	
	z-index: 31;
}
#client9 {
	position: absolute;
	width: 293px;
	height: 303px;
	left: 343px;
	padding-left: 30px;	
	z-index: 31;
}

#menubarhr {
	width: 376px;
	height: 10px;
	overflow: hidden;
	background: url('images/menu/menuhr.png') -322px 0 no-repeat;
}

#nav {
	float: left;
	margin-top: 68px; 
	padding-left: 25px;
	width: 376px;
}

#nav img { border: 0; }

#nav a {
	display: block;
	float: left;
}