* {
margin:0px;
padding:0px;
}
body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
background: url(../images/bg.gif) top left repeat-x;
background-color: #a5a7aa;
}

#greystrip { width: 100%; height: 3px; background-color: #9a9a9a; }

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

#top-bar {
width: 783px;
}
#top-bar-icons {
float: right;
margin-top: 15px;
margin-right: 20px;
}
#top-bar-login {
float: right;
width: 371px;
height: 35px;
background: url(../images/login-bg.jpg) top left no-repeat;
text-align: center;
padding-top: 3px;
margin-bottom: 40px;
}
	#top-bar-login-table {
	width: 300px;
	text-align: center;
	margin: 0 auto;
	}
	.input {
	width: 121px;
	height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	padding: 4px;
	}
	
#main {
position: relative
width: 783px;
clear: both;
height: auto;
background-color: #fff;
background: url(../images/white.jpg) top left repeat;
}
#main-top-left {
width: 278px;
float: left;
background-color: #fff;
height: 246px;
}
#main-top-left-nav li a {
color: #575757;
text-decoration: none;
padding-right: 24px;
}
#main-top-left-nav li a:hover {
color:#fff;
}
#main-top-left-nav li {
font-size: 10px;
list-style-type: none;
margin-bottom: 3px;
height: 15px;
padding-top: 2px;
background: url(../images/nav_bg.jpg) top right no-repeat;
background-color: #c9de81;
text-align: right;
}
	/* stagering angle */
	#main-top-left-nav li#home { width: 225px; }
	#main-top-left-nav li#aboutus { width: 215px; }
	#main-top-left-nav li#products { width: 205px; }
	#main-top-left-nav li#commercial { width: 195px; }
	#main-top-left-nav li#realtor { width: 185px; }
	#main-top-left-nav li#supervisor{ width: 175px; }
	#main-top-left-nav li#submit { width: 165px; }
	#main-top-left-nav li#contact { width: 155px; }

/* hovering changing the bg color and bg image */
#main-top-left-nav li:hover {
background: url(../images/nav_bg_hover.jpg) top right no-repeat;
background-color: #a6ca2f;
}
#main-top-left-nav li:hover a{
color:#fff;
}
/* when on a page that nav item will be highlighted */
#main-top-left-nav li.current {
background: url(../images/nav_bg_hover.jpg) top right no-repeat;
background-color: #a6ca2f;
}
#main-top-left-nav li.current a{
color:#fff;
}

#main-top-right {
width: 505px;
float: right;
background-color: #fff;
height: 246px;
}

#main-content {
clear: both;
width: 783px;
background-color: #fff;
height: auto;
background: url(../images/g.jpg) bottom left no-repeat;
}

#main-left {
padding: 20px 20px 20px 20px;
width: 523px;
float: left;
}
h1 {
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #9dbd36;
font-weight: normal;
letter-spacing: -0.3px;
padding-bottom: 10px;
}
h1.sub { font-weight: bold; font-size: 14px; letter-spacing: 0px; }
	h1 .grey-header { color:#666; }
h1.invalid { font-size: 14px; letter-spacing: 0px; color: #CC0000;}
p {
padding-bottom: 10px;
}
.bottomimage {
float: left;
/*margin-right: 30px;*/
border: 1px solid #cbe188;
}
#main-left td {
padding-bottom: 5px;
padding-left: 5px;
}

#main-right {
padding-top: 20px;
width: 220px;
float: left;
background-color: #fff;
}
.phone {
float: left;
margin-right: 15px;
}
#main-right a {
color: #666;
}
#main-right a:hover {
color: #9dbd36;
}
#latest-news {
width: 200px;
padding-bottom: 10px;
}
#promo {
width: 200px;
padding-bottom: 10px;
}
h3 {
font-size: 11px;
color: #9bba37;
padding-bottom: 5px;
}
h4 {
font-size: 11px;
color: #999;
font-weight: normal;
padding-bottom: 5px;
}
p.viewall {
color: #9bba37;
text-align: right;
}
#main-right p.viewall a { text-decoration: none; color: #9bba37 }
#main-right p.viewall a:hover { color: #666; }
img { border: none; }
.teamimage { float: left; margin-right: 20px;}
#main-left p.learnmore { padding-left: 25px; }
#main-left p.learnmore a { color: #9bba37; text-decoration: none;}
#main-left p.learnmore a:hover { color: #666; }
#main-left .label { width: 140px; }
#main-left .textinput { color: #89a42c; font-size: 10px; padding: 1px; width: 150px;}
	#main-left .textinput_areacode { color: #89a42c; font-size: 10px; padding: 1px; width: 25px;}
	#main-left .textinput_first3 { color: #89a42c; font-size: 10px; padding: 1px; width: 25px;}
	#main-left .textinput_last4 { color: #89a42c; font-size: 10px; padding: 1px; width: 27px;}
#main-left .required { font-size: 9px; color: #aaa; }
#main-left td a { color: #666; text-decoration: none;}
#main-left td a:hover { color: #a6ca2f; }

.divider {background-color: #a6ca2f; color: #fff; height: 2px; width: 520px; margin-bottom: 10px;}


#footer {
clear: both;
text-align: right;
padding-top: 10px;
font-size: 10px;
color: #3e3e3e;
font-family: tahoma, arial;
}
#footer a {
color: #3e3e3e;
text-decoration: none;
}
#footer a:hover {
color: #fff;
}

.textarea {
	width: 250px;
	height: 100px;
	color: #666; font-size: 12px; padding: 2px; 
	font: Arial, Helvetica, sans-serif;
}