/* General ---------------------------------------- */
html, body
{
	padding: 0;
	border: 0;
	margin: 0;
}

body
{
	color: #666;
	background-color: #FFF;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}

#page
{
	width: 100%;
	margin: 0 auto;
	background-image: url("../i/top_grad.gif");
	background-repeat: repeat-x;
}

#form
{
	width: 100%;
	margin: 0 auto;
}

#form .form-layout
{
	width: 800px;
	margin: 30px auto 0 auto;
	font-size: 12px;
}

img { border-width: 0; }

#header
{
	width: 100%;
	height: 140px;
	background-color: #000000;
	margin: 8px 0 0 0;
	border-bottom: black;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	background-image: url("../i/header_grad.gif");
	background-repeat: repeat-x;
	background-position: left;
}

#header-wrap
{
	width: 810px;
	height: 140px;
	float: left;
	background-color: #000000;
}

#container
{
	width: 100%;
	float: left;
	margin: 0;
	background-image: url("../i/background.gif");
	background-repeat: repeat-x;
}

/* Navigation ---------------------------------------- */
#nav
{
	float: left;
	width: 100%;
	background-image: url("../i/nav_bar.gif");
	background-repeat: repeat-x;
	background-position: left;
	border-top: #FFE812;
	border-bottom: #B3A100;
	border-width: 1px 0 1px 0;
	border-style: solid none solid none;
	margin: 0;
	padding: 0;
}

#nav ul
{
	width: 870px;
	margin: 0 0 0 40px;
	padding: 0;
}

#nav li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#nav a
{
	float: left;
	display: inline;
	color: #444;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	border-right: #B3A100;
	border-left: #FFE812;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
	height: 26px;
	line-height: 25px;
	padding: 0 8px 0 8px;
	margin: 0;
	text-decoration: none;
}

#start a
{
	border-right: #B3A100;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
}

#end a
{
	border-left: #FFE812;
	border-width: 0 0 0 1px;
	border-style: none none none solid;
}

#nav a:hover, #nav a.alt
{
	background-image: url("../i/nav_on.gif");
	background-repeat: repeat-x;
	color: #000;
}

/* Sub Navigation ---------------------------------------- */
#sub
{
	float: left;
	width: 770px;
	margin: 0 0 0 40px;
	padding: 0;
	background-color: #000;
	border-color: #000;
	border-width: 1px 0 0 0;
	border-style: solid;
	display: inline;
}

#sub ul
{
	margin: 0;
	padding: 0;
}

#sub li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sub li a
{
	float: left;
	color: #FFF;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	border-right: #FFF;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
	height: 26px;
	line-height: 25px;
	padding: 0 15px 0 15px;
	margin: 0;
	text-decoration: none;
}

#sub li a:hover, #sub li a.alt
{
	color: #000;
	background-color: #A1A0A0;
}

#sub li a.off
{
	color: #000;
	background-color: #000;
	border-right: #000;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
}

#sub .sub-contact
{
	float: right;
	color: #FFFFFF;
	padding: 5px 5px 0 0;
	font-size: 12px;
}

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

#sub .sub-contact a:hover
{
	color: #CCC;
	text-decoration: underline;
}

/* Application ---------------------------------------- */
#app
{
	width: 100%;
	margin: 0 auto;
	background-image: url("../i/top_grad.gif");
	background-repeat: repeat-x;
	background-color: #CCCCCC;
}

#application
{
	width: 820px;
	margin: 30px auto 0 auto;
	background-color: #FFFFFF;
	padding: 5px 10px 10px 10px;
	border: 5px #DDDDDD solid;
	line-height: 16px;
}

#application table
{
	background-color: #DDDDDD;
	margin-top: 5px;
}

#application th
{
	padding: 2px 5px 2px 5px;
	background-color: #FFFFFF;
}

#application th.alt { text-align: left; }

#application td
{
	padding: 5px;
	background-color: #FFFFFF;
}

#application .input
{
	border: 1px #999999 solid;
	font-size: 11px;
	padding: 2px;
	color: #000000;
}

#application .select
{
	border: 1px #999999 solid;
	font-size: 11px;
	color: #000000;
}

#application h1
{
	color: #3399FF;
	font-size: 18px;
	padding-top: 5px;
}

#application h2
{
	color: #3399FF;
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 14px;
}

#application td.agreement
{
	font-size: 12px;
	color: #000000;
}

#application em
{
	color: #3399FF;
	font-size: 12px;
	font-style: normal;
}

#application .required
{
	font-size: 11px;
	color: #000000;
}

/* Left Column---------------------------------------- */
a { color: #333; }
a:hover { color: #3399FF; }

#wrap
{
	float: left;
	background-color: #FFF;
	width: 769px;
	margin: 0 0 0 40px;
	display: inline;
}

#left
{
	float: left;
	width: 382px;
	margin: 0;
	background-color: #FFF;
	display: inline;
}

#left p
{
	padding: 5px 10px 5px 20px;
	margin: 0;
	font-size: 11px;
	line-height: 20px;
}

#left h1
{
	margin: 0;
	padding: 10px 0 0px 20px;
	font-size: 18px;
	font-weight: normal;
}

#left h2
{
	margin: 0;
	padding: 10px 0 0px 20px;
	font-size: 18px;
	font-weight: normal;
	background-image: url("../i/pix.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

#left h3
{
	margin: 0;
	padding: 10px 0 7px 0;
	font-size: 14px;
	font-weight: normal;
	background-image: url("../i/pix2.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

#left .application
{
	float: right;
	text-align: right;
	clear: both;
	padding: 0 20px 0 0;
	font-size: 14px;
	color: #3399FF;
}

#left a.email { text-decoration: none; }

#left a.map
{
	font-size: 11px;
	color: #3399FF;
	text-decoration: none;
}

#left a:hover.map { color: #333; }

#left .application a
{
	font-size: 12px;
	color: #3399FF;
}

#left .application a:hover { color: #333; }

#left .map
{
	text-align: center;
	line-height: 16px;
}

#left p.ad
{
	text-align: center;
	padding: 0;
}


#left em
{
	color: #3399FF;
	font-size: 11px;
	font-style: normal;
}

.apts table { margin: 0 0 0 20px; }

.apts th
{
	text-align: left;
	color: #DBC901;
	font-size: 14px;
	padding: 3px 0 3px 0;
}

.apts td { padding: 5px 5px 5px 8px; }
.apts a { text-decoration: none; }
.features { margin: 0 0 0 20px; }

.features ul
{
	padding: 0;
	margin: 0 0 0 20px;
}

.features li
{
	list-style-type: none;
	padding: 2px 5px 3px 5px;
	margin: 0;
}

#left .contact { margin: 10px 0 10px 20px; }

#left .contact table
{
	margin: 0;
	width: 340px;
	font-size: 10px;
}

#left .contact th
{
	text-align: left;
	padding: 3px 5px 3px 5px;
	background-color: #D2D2D2;
	color: #333;
	font-size: 11px;
}

#left .contact tr { background-color: #F6F6F6; }
#left .contact tr.alt { background-color: #E9E9E9; }

#left .contact td
{
	padding: 3px 5px 3px 5px;
	border-bottom: #FFFFFF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#left .contact a { text-decoration: none; }

#flash
{
	float: left;
	width: 770px;
	margin: 0;
	background-color: #000;
	padding: 10px 0 10px 0;
	height: 768px;
}

/* Contact ---------------------------------------- */
#contact-wrap
{
	float: left;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0 0 50px 0;
	width: 769px;
}

#contact { padding: 10px; }

#contact table
{
	margin: 10px 0 0 0;
	font-size: 12px;
}

#contact th
{
	font-size: 11px;
	padding: 5px;
	background-color: #DDD;
}

#contact table { font-size: 10px; }
#contact td { vertical-align: top; }
#contact tr { background-color: #F6F6F6; }
#contact tr.alt { background-color: #E9E9E9; }
#contact td { padding: 6px; }
#contact a { text-decoration: none; }

#contact p
{
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 0 5px;
	margin: 3px 0 0 0;
}

/* Employment ---------------------------------------- */
#employment-wrap
{
	float: left;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 769px;
}

#employment
{
	padding: 10px 100px 10px 10px;
	font-size: 11px;
	line-height: 16px;
}

#employment p
{
	margin: 0;
	padding: 10px 0 5px 10px;
}

#employment h1
{
	font-size: 16px;
	padding: 0;
	margin: 0;
}

#employment h2, #employment h3
{
	font-size: 13px;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	color: #000000;
}

#employment p.opportunities
{
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

#employment ul, #employment ol
{
	margin: 0 0 0 50px;
	padding: 0;
}

#employment li
{
	font-size: 11px;
	padding: 5px 0 5px 0;
}

#employment strong
{
	color: #3399FF;
	font-size: 12px;
}

#employment p.download
{
	margin: 0;
	padding: 0px 0 5px 10px;
}

#employment a { color: #3399FF; }
#employment a:hover { color: #333; }

/* Right  Column---------------------------------------- */
#right
{
	float: left;
	width: 387px;
	margin: 0;
	background-color: #F0F0F0;
}

/* Module Ads ---------------------------------------- */
#moduleAd
{
	padding: 3px 0 0 0;
	text-align: center;
	background-color: #DEDEDE;
}

#moduleAd table
{
	text-align: center;
	padding: 2px;
	width: 100%;
}

#moduleAd td { padding: 3px 0 3px 0; }

#moduleAd .coupon a
{
	border-color: #666666;
	border-width: 1px;
	border-style: dashed;
	width: 374px;
	height: 49px;
	margin: 0 0 0 3px;
	display: block;
}

#moduleAd .coupon a:hover
{
	border-color: #FFFF00;
	border-width: 1px;
	border-style: dashed;
}

/* Module One ---------------------------------------- */
#moduleOne
{
	width: 387px;
	background-color: #DFDFDF;
	padding: 5px 0 2px 0;
	text-align: center;
}

#moduleOne table { padding: 5px 0 0 15px; }

#moduleOne td
{
	padding: 3px 5px 3px 5px;
	vertical-align: top;
	text-align: left;
}

#moduleOne strong
{
	float: left;
	padding: 3px 0 3px 5px;
}

#moduleOne .phone
{
	float: right;
	color: #990000;
	padding: 3px 5px 3px 0;
}

#moduleOne a .property
{
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#moduleOne a:hover .property
{
	border-color: #FFFF00;
	border-width: 1px;
	border-style: solid;
}

/* Module Two ---------------------------------------- */
#moduleTwo
{
	width: 387px;
	padding: 10px 0 2px 0;
	text-align: center;
}

#moduleTwo p
{
	margin: 0;
	padding: 5px 0 5px 0;
}

#moduleTwo a .project
{
	border-color: #F0F0F0;
	border-width: 1px;
	border-style: solid;
}

#moduleTwo a:hover .project
{
	border-color: #FFFF00;
	border-width: 1px;
	border-style: solid;
}

/* Module Select Properties ---------------------------------------- */
#moduleSelect
{
	width: 387px;
	background-color: #C7C6C6;
	padding: 0;
	margin: 0;
}

#moduleSelect .select
{
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	width: 130px;
	margin: 14px 0 0px 5px;
	vertical-align: top;
	font-size: 11px;
}

.optgroup
{
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

option
{
	color: #999;
	font-size: 11px;
	font-style: normal;
}

.select-property
{
	background-image: url("../i/grad1.gif");
	background-repeat: repeat-x;
	height: 43px;
	width: 387px;
}

.select-link
{
	background-image: url("../i/grad2.gif");
	background-repeat: repeat-x;
	height: 43px;
	width: 387px;
}

/* Property Module ---------------------------------------- */
#moduleProperty
{
	width: 387px;
	padding: 0;
	text-align: center;
}

#moduleProperty p
{
	margin: 0;
	padding: 0;
}

/* Communities Module ---------------------------------------- */
#moduleCommunities
{
	width: 387px;
	text-align: center;
	padding: 0;
	margin: 0;
}

#moduleCommunities p
{
	margin: 0;
	padding: 0;
}

#moduleCommunities .images
{
	padding: 10px 0 10px 10px;
	background-color: #DFDFDF;
	height: 58px;
}

#moduleCommunities .images a
{
	float: left;
	border-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	width: 57px;
	height: 56px;
	display: inline;
	margin: 0 3px 0 0;
}

#moduleCommunities .images a:hover
{
	border-color: #FFFF00;
	border-width: 1px;
	border-style: solid;
}

/* Spec Module ---------------------------------------- */
#specs
{
	width: 387px;
	background-color: #CFCFCF;
	color: #000000;
	font-size: 12px;
}

#specs tr.alt { background-color: #FCE300; }

#specs .special
{
	text-align: center;
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
}

#specs table { width: 100%; }

#specs td
{
	padding: 6px 6px 6px 10px;
	border-bottom: #DFDFDF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	white-space: nowrap;
}

#specs ul
{
	padding: 0;
	margin: 0;
	width: 387px;
}

#specs li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

#specs li a
{
	float: left;
	background-color: #B7B7B7;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #CFCFCF;
	border-bottom: #CFCFCF;
	border-width: 0 1px 1px 0;
	border-style: none solid solid solid;
	line-height: 40px;
	height: 40px;
	width: 128px;
	text-align: center;
}

#specs li a:hover
{
	background-color: #A7A7A7;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #CFCFCF;
	border-bottom: #CFCFCF;
	border-width: 0 1px 1px 0;
	border-style: none solid solid solid;
}

#specs li a.active
{
	background-color: #A7A7A7;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #CFCFCF;
	border-bottom: #A7A7A7;
	border-width: 0 1px 1px 0;
	border-style: none solid solid solid;
}

#specs .floorplan
{
	width: 387px;
	background-color: #A7A7A7;
	text-align: center;
	float: left;
}

#specs .floorplan img { padding: 15px 0 15px 0; }
#specs .floorplan a { text-decoration: none; }

#specs .floorplan a:hover
{
	text-decoration: none;
	color: #FFF;
}

#specs .floorplan a.active
{
	text-decoration: none;
	color: #FFF;
}

/* Footer ---------------------------------------- */
#footer
{
	clear: both;
	width: 770px;
	height: 50px;
	padding: 0px;
	margin: 0px 0px 20px 40px;
	background-color: black;
}

#footer .copyright
{
	float: right;
	color: #FFFFFF;
	font-size: 10px;
	padding: 5px;
}

#footer-left
{
	width: 382px;
	height: 50px;
	background-color: #FCE200;
}

#footer-left p { padding: 5px 10px 5px 10px; }

#footer-left a
{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
}

#footer-left a:hover { text-decoration: underline; }

/* Constrution ---------------------------------------- */
#const1
{
	width: 387px;
	height: 560px;
}

/* Commercial ---------------------------------------- */
#photodiv
{
	float: left;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	width: 770px;
	height: 500px;
}

#comm-bar
{
	float: left;
	background-color: #FFFFFF;
	background-image: url("../commercial/i/grad1.gif");
	background-repeat: repeat-x;
	width: 770px;
	text-align: right;
}

#comm-prop
{
	float: left;
	background-color: #FFFFFF;
	width: 770px;
}

#comm-prop table
{
	background-color: #FFFFFF;
	width: 770px;
}

#comm-prop tr { background-color: #F2F2F2; }
#comm-prop tr.alt { background-color: #FFF; }

#comm-prop th
{
	text-align: left;
	color: #FFF;
	font-size: 12px;
	padding: 5px;
	background-color: #000;
}

#comm-prop td
{
	text-align: left;
	vertical-align: top;
	padding: 8px 5px 0 5px;
}

#comm-prop td.thumb { background-color: #FFF; }

#comm-prop td.thumb a
{
	border-color: #FFFF00;
	border-width: 1px;
	border-style: solid;
	float: left;
}

#comm-prop td.thumb a:hover
{
	border-color: #3399FF;
	border-width: 1px;
	border-style: solid;
	float: left;
}

#comm-prop td.select
{
	text-align: right;
	vertical-align: bottom;
	padding: 5px;
}

#comm-prop h4
{
	color: #000000;
	font-size: 12px;
	padding: 0;
	margin: 5px 0 0 0;
}

#comm-prop ul
{
	padding: 0;
	margin: 5px 0 5px 10px;
}

#comm-prop li
{
	list-style-type: square;
	padding: 0 0 2px 0;
}

#comm-prop .other
{
	color: #3399FF;
	font-size: 10px;
}

#comm-prop .address
{
	font-size: 10px;
	font-style: normal;
}

/* Construction ---------------------------------------- */
#right-const
{
	float: right;
	width: 330px;
	margin: 0;
	background-color: #F0F0F0;
}

#const-prop
{
	background-color: #DFDFDF;
	padding: 0;
}

#const-prop .leed { padding: 3px 2px 10px 1px; }

#const-prop ul
{
	margin: 10px 0 0 0;
	padding: 0;
}

#const-prop li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 387px;
	border-bottom: #DFDFDF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#const-prop li a
{
	display: block;
	width: 387px;
	padding: 6px 0 6px 0px;
	background-color: #C1BDBD;
	font-size: 12px;
	text-decoration: none;
	text-indent: 20px;
	background-image: url("../construction/i/grad1.gif");
	background-repeat: repeat-x;
	color: #333333;
	background-position: left top;
}

#const-prop li a:hover
{
	color: #000;
	background-color: #CCC;
	background-image: url("none");
}

#left .services { margin: 10px 0 10px 20px; }

#left .services table
{
	margin: 0;
	width: 397px;
	font-size: 12px;
}

#left .services table.projects { font-size: 10px; }
#left .services table.projects td { vertical-align: top; }
#left .services tr { background-color: #F6F6F6; }
#left .services tr.alt { background-color: #E9E9E9; }
#left .services tr.oddrow { background-color: #E9E9E9; }

#left .services td
{
	padding: 6px 5px 6px 5px;
	border-bottom: #FFFFFF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#left .services a { text-decoration: none; }

/* LEFT - LANDSCAPING */

#left .landscaping { margin: 10px 0 10px 20px; }

#left .landscaping table
{
	margin: 0;
	width: 342px;
	font-size: 12px;
}

#left .landscaping table.projects { font-size: 10px; }
#left .landscaping table.projects td { vertical-align: top; }
#left .landscaping tr { background-color: #F6F6F6; }
#left .landscaping tr.alt { background-color: #E9E9E9; }

#left .landscaping td
{
	padding: 6px 5px 6px 5px;
	border-bottom: #FFFFFF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#left .landscaping a { text-decoration: none; }

#land-contact
{
	padding: 5px;
	float: left;
	font-size: 12px;
	line-height: 18px;
}

#plumbing-contact
{
	padding: 5px 5px 20px 0;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-left: 382px;
}