/* CSS Document */

body {
	margin:60px 0 0 0;
	padding:0;
	background:#f7f1d9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#container {
	width:800px;
	margin:0 auto;
	}
	
/* Header Styles */
	
#header {
	float:left;
	width:800px;
	height:127px;
	background:url(images/bg_header.gif) repeat-x top;
	}
	
#logo {
	float:left;
	width:303px;
	height:79px;
	margin:31px 0 0 27px;
	display:inline;
	}
	
#phone-top {
	float:left;
	width:160px;
	margin:65px 0 0 290px;
	color:#046a5a;
	font-size:18px;
	text-align:right;
	}
	
#showroom {
	float:left;
	width:160px;
	margin:15px 0 0 290px;
	font-size:9px;
	text-transform:uppercase;
	text-align:right;
	}
	
#showroom a {
	color:#880404;
	text-decoration:none;
	}
	
/* Nav Styles */
	
#nav {
	float:left;
	width:780px;
	height:36px;
	padding-left:20px;
	background:url(images/bg_nav.gif) repeat-x top;
	font-size:9px;
	text-transform:uppercase;
	}
	
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#nav li {
	float:left;
	margin:0 0 0 ;
	padding:15px 7px 0 7px;
	background:url(images/nav_div.gif) no-repeat right bottom;
	}
	
#nav a {
	color:#231e20;
	text-decoration:none;
	}
	
#nav a:hover, #nav a.on {
	color:#880404;
	border-top:solid 9px #880404;
	padding-top:6px;
	}

#nav li.last {
	background:none;
	}

/* Home Styles */

#home-wrapper {
	float:left;
	width:800px;
	padding-bottom:30px;
	border-top:solid 10px #046a5a;
	background:#e9d891;
	}

#home-left {
	float:left;
	width:355px;
	background:url(images/bg_home_left.jpg) no-repeat top #e9d891;
	}
	
#flash {
	float:left;
	width:317px;
	height:317px;
	margin:13px 0 0 38px;
	display:inline;
	background:url(images/flash.jpg) no-repeat;
	}

#address {
	float:left;
	width:200px;
	margin:65px 0 0 38px;
	display:inline;
	font-size:10px;
	line-height:16px;
	}

.phone {
	color:#880404;
	}
	
#home-right {
	float:left;
	width:445px;
	background:url(images/bg_home_right.jpg) no-repeat top #e9d891;
	}

#home-right #content {
	float:left;
	width:350px;
	margin:300px 0 0 18px;
	display:inline;
	font-size:11px;
	line-height:17px;
	}
	
#home-right p.title {
	margin-top:0;
	font-size:13px;
	color:#880404;
	}
	
#home-right h1 {
	padding-left:20px;
	background:url(images/arrow.gif) no-repeat left;
	color:#880404;
	font-size:18px;
	font-weight:normal;
	}

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

#home-right a {
	color:#000000;
	}
	
/* Footer Styles */
	
#footer {
	float:left;
	width:800px;
	height:30px;
	padding:20px 0;
	border-top:solid 20px #046a5a;
	color:#1a1718;
	font-size:9px;
	}
	
#footer a {
	color:#1a1718;
	text-decoration:none;
	}
	
/* Interior Styles */

#int-wrapper {
	float:left;
	width:800px;
	padding-bottom:20px;
	background:url(images/bg_int_wrapper.gif) repeat-y top;
	}
	
/* Int-Left */
	
#int-left {
	float:left;
	width:274px;
	}
	
#int-left #circle {
	float:left;
	width:274px;
	height:181px;
	}

#sub-nav {
	float:left;
	width:197px;
	margin:10px 0 0 50px;
	display:inline;
	font-size:11px;
	line-height:19px;
	}
	
#sub-nav a {
	color:#1a1718;
	text-decoration:none;
	}
	
#sub-nav a:hover, #sub-nav a.on {
	font-weight:bold;
	}

#sub-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
#sub-nav li {
	margin:0;
	padding:0;
	}
	
#int-address {
	float:left;
	width:200px;
	margin:240px 0 0 50px;
	display:inline;
	font-size:10px;
	line-height:16px;
	}

	
#int-address.install {
	margin-top:221px;
	}
	
	
#int-address.media {
	margin-top:183px;
	}
	
/*
#int-address.millwork {
	margin-top:370px;
	}

	
#int-address.about {
	margin-top:296px;
	}
*/
	
/* Int-Right */
	
#int-right {
	float:left;
	width:526px;
	}
	
#int-right a {
	color:#000000;
	}
	
#int-right a:hover {
	text-decoration:none;
	}
	
#int-right #banner {
	float:left;
	width:526px;
	height:106px;
	}
	
#int-right #content {
	float:left;
	width:495px;
	margin-top:20px;
	font-size:10px;
	line-height:17px;
	}
	
#int-right h1 {
	color:#046a5a;
	font-size:15px;
	margin:0;
	}
	
#int-right h2 {
	margin:0;
	font-size:10px;
	line-height:17px;
	}
	
#int-right ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#int-right li {
	margin:0;
	padding-left:1.1em;
	background:url(images/bullet.gif) no-repeat 0 .7em;
	}
	
p.no-margin {
	margin-top:0;
	}

#contact-button {
	float:left;
	}

#int-right .contact-button a {
	display:block;
	width:130px;
	padding:5px 0;
	background:#880404;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	}
	
#int-right .contact-button a:hover {
	background:#046a5a;
	}


#locations {
	width:495px;
	overflow:hidden;
	}
	
#locations ul {
	list-style:none;
	margin:0;
	padding:0;
	width:495px;
	}
	
#locations li {
	float:left;
	margin:0;
	padding:0;
	background:none;
	}
	
li.location-1 {
	width:230px;
	}
	
li.location-2 {
	width:265px;
	}
	
/* Brands Styles */


#int-right #content.brands {
	width:496px;
	}
	
#brand-category {
	float:left;
	width:496px;
	padding:10px 0;
	border-top:1px solid #dadcdc;
	}

#int-right #content.brands ul {
	float:left;
	list-style:none;
	margin-left:0;
	padding-left:0;
	}

#int-right #content.brands li {
	float:left;
	margin:0;
	padding:0;
	display:block;
	width:124px;
	background:none;
	text-align:center;
	}

#brand-logo {
	width:124px;
	height:75px;
	}

li #text {
	width:124px;
	height:40px;
	line-height:12px;
	}
	
#back-to-top {
	float:left;
	width:496px;
	text-align:right;
	}

#back-to-top a {
	color:#046a5a;
	text-decoration:none;
	}
	
/* CONTACT FORM */

.red {
	color:#FF0000;
	}

#contact-area {
	width: 355px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}

#contact-area input, #contact-area textarea,  #contact-area select {
	padding: 5px;
	float:left;
	width: 205px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area select {
	float:left;
	width: 150px;
	margin: 0px 100px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 70px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #004b85;
}

#contact-area input.submit-button {
	width: 80px;
	margin-left:115px;
}


/* PPC Styles */

	
#phone-ppc {
	float:left;
	width:160px;
	margin:90px 0 0 290px;
	color:#880404;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	}

#int-left #contact-ppc {
	float:left;
	width:180px;
	margin:20px 0 0 50px;
	display:inline;
	font-size:11px;
	}

#contact-ppc h1 {
	color:#046a5a;
	font-size:18px;
	line-height:18px;
	margin-top:0;
	}
	
h3 {
	color:#046a5a;
	font-size:10px;
	}
	
#contact-ppc .address {
	font-size:11px;
	line-height:16px;
	}

.error {
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
	}

#contact-ppc label {
	float:left;
	width:170px;
	padding-bottom:3px;
	text-align:left;
	}

#contact-ppc input, #contact-ppc textarea {
	padding:3px;
	float:left;
	width:160px;
	margin:0px 0px 5px 0px;
	border:1px solid #ccc;
	}

#contact-ppc textarea {
	height:50px;
	}

#contact-ppc textarea:focus, #contact-ppc input:focus {
	border:1px solid #004b85;
	}

#contact-ppc input.submit-button {
	width:60px;
	}