/* @override http://www.sunbeltremodel.com/dev/public_html/css/global.css */

@charset "UTF-8";

* {
	margin:0px;
	padding:0px;
}

html, body {
	
}

html {
	margin: 0;
	padding: 0;
	height:100%;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	background: #9E968D url(../images/layout/bg-tile.jpg);
	color:#E9E5DC;
	height:100%;
}

iframe:focus, img:focus, a:focus, form:focus, div:focus, *:focus {
	outline:0;
}

a, a:link {  
	text-decoration: none; 
	color:#333333;
}

a:visited { 
	text-decoration: none;
	color:;
}

a:hover, a:active { 
	color:#999999;
	text-decoration:none;
}

img {
	border:0px;
}

/*---------------- Utility Classes ---------------*/

.clear { clear:both;}
.fr { float:right; }
.fl { float:left; }

/*---------------- Layout ---------------*/

#wrapper {
	width:100%;
	height:auto;
	position:absolute;
	margin:0px;
	padding:50px 0px 0px 0px;
	top:0px;
	left:0px;
}

.site {
	width:936px;
	margin:10px auto 0px auto;
}

#header {
	
}

#footer {
	margin:20px auto;
	width:auto;
	text-align:center;
}
#footer span {
	padding:3px 10px;
	border-right:1px solid #F5F5F5;
}


/*---------------- Navigation ---------------*/


#navigation {
	background:url(../images/layout/nav-bg.png) no-repeat;
	height:42px;
}
#navigation ul {
	margin:0px;
	padding:8px 10px 0px 0px;
	float:right;
}

#navigation ul li {
	display:block;
	height:30px;
	
	float:left;
	
}
#navigation ul li a {
	color:#E9E5DC;
	font-size:14px;
	text-align:center;
	display:block;
	padding:7px 10px;
	border-right:1px solid #FFFFFF;
}
#navigation ul li a.contact {
	border:none;
}

/*---------------- Flash Banner -----------------*/

#belt {
	background:url(../images/layout/flash-bg.jpg) repeat-x;
	height:105px;
}
#flash-banner {
	
	width:936px;
	height:105px;
	margin:auto;
}

/*---------------- Content ---------------*/

#content {
	color:#716558;
	margin:10px 0px;
	height:505px;
	position:relative;
}
#logo {
	display:block;
	position:absolute;
	left:40px;
	top:20px;	
}
.content-top {
	background:url(../images/layout/content-cap-top.jpg);
	height:14px;
}
.content-btm {
	background:url(../images/layout/content-cap-btm.jpg);
	height:14px;
}
.page {
	background-color:#F5F5F5;
	height:477px;
	color:#4D4D4D;
}
.page-heading {
	min-height:100px;
}

/* -- Home -- */


#index-header {
	margin:10px 0px;
}

#home-left-img {
	float:left;
}
#home-top {
	background:url(../images/content/index-right-top.jpg) no-repeat;
	height:29px;
}
#home-btm {
	background:url(../images/content/index-right-btm.jpg) no-repeat;
	height:20px;
}
#home-content {
	float:right;
	width:583px;
}
#home-body {
	margin:0px;
	padding:0px;
	height:192px;
	background:#F5F5F5;
	color:#4D4D4D;
}
#home-body p {
	margin:0px;
	padding:30px 40px 20px 40px;
	line-height:20px;
}
#home-body a {
	display:block;
	background:url(../images/content/index-green-btn.jpg) no-repeat;
	width:287px;
	height:34px;
	padding:16px 10px 0px 60px;
	float:right;
	font-size:16px;
	color:#54BB00;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-stretch:condensed;
}


/* -- Contact -- */

#contact {
	
}
#contact .fr p, .form-wrapper {
	width:570px;
	line-height:16px;
}
#office-contact {
	width:235px;
	height:128px;
	background:url(../images/content/office-bg.gif) no-repeat;
	margin-top:100px;
}
#office-contact h2 {
	float:right;
	margin:20px 0px 10px 0px;
	color:#54BB00;
	border-bottom:1px solid #54BB00;
	width:190px;
	text-align:center;
}
#office-contact .address {
	clear: both;
	width: 140px;
	margin: 0px 20px 8px 60px;
}
#office-contact div {
	margin-left: 60px;
	font-size: 11px;
}

/*-- Family Owned -- */
.leftContent{
	float:left; 
	width:330px;
}


/*-- Shared Pages -- */
.mainContent{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	padding: 5px 55px 0 362px;
}
.goGreenBox{
	float:left;
	background:transparent url(../images/content/go-green-bg.jpg) no-repeat scroll 0 0;
	height:128px;
	margin-top:90px;
	width:296px;
}

.goGreenBox h2 {
	letter-spacing:-1px;
	font:17px Helvetica,Verdana, Arial, sans-serif;
	border-bottom:1px solid #54BB00;
	color:#54BB00;
	margin:21px 1px 10px;		
	padding:0px 10px 0px;
	text-align:right;
	line-height:12px;
}
.goGreenBox div {
	line-height:16px;
	padding:0 15px 0 80px;
}
.listContent ul{
	float:left;
	line-height:18px;
	margin:10px 0 0;
	padding: 0px;
	width:250px;
	list-style:none;
}
.listContent .logo {
	margin: 0 0px 5px 0;
}

.subTitle{
	font-size:14px;
	font-weight:bold;
	margin:12px 0 0 0;
}

.testimonial-container{
	margin-left:315px;
	width:550px;
	height:240px;
	margin-left:315px;
	overflow-y:hidden;	
	overflow-x:hidden;	
}
.horizontal-scrollbar{
	overflow-x:auto !important;
}

.testimonial-inner{
	height:215px;
}

.testimonial{
	float:left;
	font-size:12px;
	padding-right:45px;
	width:225px;
	padding:20px 0 0 35px;
	margin-left:15px;
	letter-spacing:-0.25px;
	line-height:12px;
	background:url(../images/content/quote_open.jpg) no-repeat scroll left top;
}

.testimonial div{
	background:url(../images/content/quote_close.jpg) no-repeat scroll 120px bottom;
}

.testimonial div span{
	float:right;
	padding-right:40px;
	font-size:13px;
}

.buttonRight{
	background:url(../images/content/knob_forw.png) no-repeat;
	height: 32px;
	width: 32px;
	left:875px;
	position:absolute;
	top:360px;
	cursor:pointer;
}
.buttonLeft{
	background:url(../images/content/knob_back.png) no-repeat;
	height: 32px;
	width: 32px;
	left:275px;
	position:absolute;
	top:360px;
	cursor:pointer;
}

.association-logos{
	background:url(../images/content/logos/logos.gif) no-repeat scroll 810px bottom ;
	height:257px;
	
}

/*---------------- Forms -----------------*/

.form-wrapper {
	margin:5px 40px 0px 0px;
}

.field-holder, .radio-holder, .submit-btn {
	width:auto;
	float:left;
	margin:0px 12px 10px 0px;
}
.field-holder .contact-label, .radio-holder .contact-label {
	font-size:13px;
	font-weight:bold;
	color:#716558;
	display:block;
}

.field-holder input, .field-holder textarea {
	border:2px solid #C1B49A;
	background:#E9E5DC;
	padding:5px;
	color:#716558;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
.field-holder input {
	width:256px;
	height:10px;
}
.field-holder textarea {
	width:350px;
	height:70px;
}
.radio-holder {
	width: 175px;
}
.radio-holder input {
	margin:2px 5px 2px 0px;
}
.submit-btn {
	clear:both;
	float:right;
	margin: 0 20px 0px 0px;
}

.form_messages{
	float:left;
	width:400px;
	color:#FF0000;
}
.form_messages ul li{
	list-style:none;
}	
.form_messages ul li{
	float:left;
	margin-right:25px;
	
}