* { padding:0; margin:0; }
.clear { clear:both; }
.float_right { float:right; }
.float_left { float:left; }

/****************************** structure ******************************/

body { padding:0; margin:0; text-align: center; background-color: #322917; font-family:arial; font-size:11px; line-height:18px; }
#hrspacer { height:3px; }
#wrapper { width:950px;	margin:19px auto 0 auto; border: solid #FBFBF9;	border-width: 11px 10px 11px 10px; }
#main { width:950px; height:100%; background:#eae8db;}
#toprow { width:950px; height: 140px; background:url(/images/toprowbg.jpg) repeat-x; }
#toprowleft { float:left; width:647px; height: 140px; }
#toprowmiddle { width:263px; float:left; position:relative;  }
.schedule_btn { margin-right: 5px; position:relative; left:-6px; }
#toprowright { float:left; width:38px; height:140px; position:relative;left:2px }
#centerarea { margin:0; width:950px; height:100%; background:url(/images/maincontent_Bg.jpg) repeat-y top #E9E8DB; float:left; padding-bottom:25px; }

/****************************** top text nav ******************************/

#topnav { width:859px; height:50px; margin:0; }
#textnavarea { width:702px; height:50px; float:left; margin:0; }
#textnavarea ul {  list-style: none;  margin-top:16px;  }
#textnavarea li {  float:left; font-size:11px; height:32px; padding-top:5px; }
#textnavarea li.onbg {  background:url(/images/toptextnavbg_over.jpg) no-repeat left top;  color:#FFFFFF;   }
#textnavarea li.offbg {  background:url(/images/toptextnavbg.jpg) no-repeat left top;  color:#322917; }
#textnavarea li.offbg a { color:#322917; text-decoration:none; }
#textnavarea li.offbg a:hover { color:#FFFFFF; text-decoration:none; }
#textnavarea li.onbg a { color:#FFFFFF; text-decoration:none; }
#textnavarea li.onbg a:hover { color:#FFFFFF; text-decoration:none; }
#textnavarea .toptextbar { color:#605948; }

#textnavarea2 { width:702px; height:50px; float:left; margin:0; }
#textnavarea2 ul {  list-style: none;  margin-top:16px;  }
#textnavarea2 li {  float:left; font-size:11px; height:32px; padding-top:5px; }
#textnavarea2 li.onbg {  background:url(/images/toptextnavbg_over2.jpg) no-repeat left top;  color:#FFFFFF;   }
#textnavarea2 li.offbg {  background:url(/images/toptextnavbg.jpg) no-repeat left top;  color:#322917; }
#textnavarea2 li.offbg a { color:#322917; text-decoration:none; }
#textnavarea2 li.offbg a:hover { color:#FFFFFF; text-decoration:none; }
#textnavarea2 li.onbg a { color:#FFFFFF; text-decoration:none; }
#textnavarea2 li.onbg a:hover { color:#FFFFFF; text-decoration:none; }
#textnavarea2 .toptextbar { color:#605948; }

#subnavarea2 { width:859px; height:32px; margin:0; background-color: #243f16; /*background:url(/images/subnav_bg.jpg);*/ }
#subnavarea2 ul { list-style: none;  /*margin-left:16px;*/ margin:0; }
#subnavarea2 li { float:left; font-size:11px; padding:6px 0 8px 0; /*10px 8px 10px;*/ color:#FFFFFF; margin:0; }
#subnavarea2 li a { color:#FFFFFF; text-decoration:none; }
#subnavarea2 li a:hover { color:#FFFFFF; text-decoration:none; }
#subnavarea2 .bgon { background-color:#8d8a83; padding:6px 20px 8px 20px; }
#subnavarea2 .bgoff { padding:6px 20px 8px 20px; }
#subnavarea2 li:hover { background-color:#8d8a83; }



#subnavarea { width:859px; height:32px; margin:0; background-color: transparent;background:url(/images/subnav_bg.jpg);}


#subnavarea ul { list-style: none;  /*margin-left:16px;*/ margin:0; }
#subnavarea li { float:left; font-size:11px; padding:6px 0 8px 0; /*10px 8px 10px;*/ color:#FFFFFF; margin:0; }
#subnavarea li a { color:#FFFFFF; text-decoration:none; }
#subnavarea li a:hover { color:#FFFFFF; text-decoration:none; }
#subnavarea .bgon { background-color:#628D8B; padding:6px 20px 8px 20px; }
#subnavarea .bgoff { padding:6px 20px 8px 20px; }
#subnavarea li:hover { background-color:#628D8B; }

#searcharea { width:157px;  float:left; margin:0; padding-top:19px; }
#searchareainputbox { float:left; width:100px; }
#searchareagobtn { float:right; width:30px;  position:relative; top:-2px; }

/****************************** content structure ******************************/

#centerareabox { width:859px;  margin:0 auto; }
#centerareabox .centerareaboxonebox { width:859px; float:left;  color:#848585; padding:25px 0 0 3px; text-align:left;}
#centerareabox .centerareaboxonebox .left {float:left; }
#centerareabox .centerareaboxonebox .right {float:right; }
#centerareabox .centerareaboxonebox img {float:right; margin-right:5px;}
#centerareabox .centerareaboxleft { width:500px; float:left;  color:#848585; padding:25px 0 0 3px; text-align:left;}
#centerareabox .centerareaboxright { width:250px; float:right;   padding:25px 0; }
#centerareabox .centerareaboxtop { border-bottom-color:#848585; border-bottom-style:dashed; border-bottom-width:1px; } 
.halfcontentarealeft { width:420px; float:left;  padding:0 9px 0 0; }
.halfcontentarearight { width:415px; float:left; padding:0px 0 0 14px; }
.halfcontentarearight ul { padding:5px 0 0 15px; }
.halfcontentarearight li { list-style-image:url(/images/dash.gif); }
.contactboxleft { width:319px; float:left; }
.contactboxright { width:539px; float:right; }
#photoarea { width:859px; height:251px; margin:0; }
#colorblockarea { width:859px; margin:0; background-image:url(../images/colorbox_bg.jpg); background-repeat:repeat-y; }
#blueboxarea { width:428px; float:left; }
#grayboxarea { width:427px; float:left; margin-left:4px; }
#blueboxtextarea { width:398px; margin:auto; } 
#blueboxtextarea h1 { color:#322917; font-size:14px; text-align:left; padding:0 0 0 15px; margin:0; font-weight:normal; } 
#blueboxtextarea div.whitetext { color:#FBFBF9; font-size:11px; margin:auto; text-align:justify; line-height:15px;  padding:5px 25px 0 25px; }
#blueboxtextarea div.apptbtn { margin:0;  float: left;}
#blueboxtextarea div.usgbc_logo {margin:0 0 0 10px; float: left;}
#grayboxtextarea { width:398px; margin:auto; } 
#grayboxtextarea h1 { color:#FFFFFF; font-size:14px; text-align:left; padding:0 0 0 15px; margin:0; font-weight:normal; } 
#grayboxtextarea div.newstitle { color:#5E5E5F; font-size:11px; margin:auto;  font-weight:bold; text-align:left; line-height:normal;  padding:5px 25px 0 25px; text-decoration:none; }
#grayboxtextarea div.newstitle a { color:#5E5E5F; font-size:11px; text-decoration:none; }
#grayboxtextarea div.newstitle a:hover { color:#5E5E5F; font-size:11px; text-decoration:underline; }
#grayboxtextarea div.newsdesc { color:#5E5E5F; font-size:11px; margin:auto;  font-weight:normal; text-align:left; line-height:13px;  padding:3px 25px 5px 25px; }
#grayboxtextarea div.newsdesc a { color:#5E5E5F; text-decoration:underline; }
#grayboxtextarea div.newsdesc a:hover { color:#5E5E5F; text-decoration:underline; }
#grayboxtextarea div.newshr { height:1px; width:365px; background:#CAC8B7; }
#footer { width:950px; height:49px; background:url(/images/footerbg.jpg) no-repeat; }
#subcontentarea { width: 859px; height:100%; margin-top:25px;   border:1px solid red; } 
#subcontentarea div.textarea { width: 535px; height:100%;   float:left;  border:1px solid black; } 
#subcontentarea div.photoarea { width: 245px; height:100%;   float:right;   border:1px solid black; }
.collection_header { height:32px; background-color:#A4A49C; width:859px; font-size:18px; font-weight:normal; color:#FEFDF8; }
.collection_header h1 { padding:8px 0 0 10px; color:#FEFDF8; }
div.contract {width:100%; display:block; clear:both; color:#848585; text-align:left;}
div.contract h1 {color:#7FB7B4; font-size:16px; font-weight:normal; margin:5px 0 0 0; padding:0; }
div.contract div.contract_left {float:left; margin:21px 0 0 0;}
div.contract_middle {float:left; margin:21px 0 0 70px; width: 200px;}
div.contract_right {float:left; margin:-20px 0 0 70px; width: 310px;}

/****************************** bottom text nav ******************************/

#botnav { width:859px; height:49px; margin:auto; }
#bottextnavarea { width:859px; height:49px; float:left; margin:0; }
#bottextnavarea ul { list-style: none; }
#bottextnavarea li { padding-top:15px; float:left;  padding-right:18px;  color:#5E5E5F; font-size:10px;  }
#bottextnavarea a { color:#5E5E5F; text-decoration:none; }
#bottextnavarea a:hover { color:#5E5E5F; text-decoration:underline; }
#botsearcharea { width:155px;  float:left; margin:0; padding-top:15px; }
#botsearchareainputbox { float:left; width:115px; }
#botsearchareagobtn { float:left; padding-left:8px;  width:27px; }

/****************************** searchbox ******************************/

.searchboxinput { font-family:arial; font-size:11px; color:#000000; padding:2px 0 0 3px; width:115px; height:14px; }

/****************************** footer copyright ******************************/

.footer { color:#AAAAAA; font-size:9px; text-align:left; margin:auto; width:859px; }

/****************************** content style ******************************/

h1 { color:#7FB7B4; font-size:18px; font-weight:normal; margin:0; padding:0 0 10px 0; }
.contentheader_emphasis { color:#628D8B; }
h2 { color:#589C98; font-size:11px; text-align:left; padding:10px 0 0 0; margin:0; font-weight:bold; }
h3 { color:#574D38; font-size:14px; font-weight:bold; }
h4 { color:#699C94; font-size:16px; font-weight:normal; }
h5 { font-weight:bold; font-size:12px; color:#757064; }
h6 { font-weight:bold; font-size:14px; color:#589C98; }
p { padding-bottom:10px; }
#centerareabox a { color:#848585; }
blockquote { padding-bottom:15px; }
dl { padding-bottom: 10px; }
dt { font-weight:bold; }
ul.content_list  { padding-left:15px; }
.content_list li { padding-bottom:5px; }
.centerareaboxleft td { border-style:solid; border-color:#CCCCCC; border-width:1px; padding:3px; }
.noborder td { border-style:solid; border-color:#E9E8DB; border-width:1px; padding:1px; }
label { color:#58A9A6; font-size:11px; font-weight:bold; line-height:24px; }
.input_field { width:265px; margin-bottom:10px; }
.input_field_weekdays{ width:265px;}
.weekdays {color:#848585; font-size:11px; font-weight:bold;margin-bottom:10px;}
.select_field { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8E8F8F; width:170px; margin:5px 0 10px 0; height:20px; padding-top:2px; }
table.noborder { position:relative; }
.list_submit { position:absolute; top:322px; left:360px; }
.text_field { width:538px; }
.submit_btn { float:right; }
.brand_list li { list-style:none; }
.column_1 { float:left; width:200px; }
.column_2 { float:left; width:200px; }
.white_hr { background:#FBFBF9;margin:0; }
#centerareabox a.news_link, a:hover.news_link { color:#58A9A6; font-size:11px; font-weight:bold; text-decoration:none; float:right; }
.news_item { border-bottom-color:#848585; border-bottom-style:dashed; border-bottom-width:1px; } 
.news_headline { width:250px; }
.return_to_newslist { float:right; width:150px; }
.special_order_flash { float:right; padding-top:8px; }
.map_thumb { float:right; margin-right:50px; }
.building_thumb { float:right; }
.contract_btn { float:right; padding-top:5px; position:relative; left:-6px; }
#trade {position:absolute; left:-101px; top:39.5px;}
.package_btn{left:73px;position:relative;top:5px;}
#tradesite{ position:relative; left:-6px;}


/*green tiles page */
#greentiles #trade {
left:-101px;
position:absolute;
top:39.5px;
}
#greentiles .schedule_btn {
left:-100px;
margin-right:5px;
position:relative;
}
#greentiles #tradesite {
float:left;
left:163px;
position:relative;
top:0px;
}
#greentiles .contract_btn {
float:right;
left:57px;
padding-top:5px;
position:absolute;
top:66px;
}
#greentiles .package_btn {

position:relative;
top:37px}

#greentiles #toprowleft{}
#greentiles  #toprowleft img{}

/*packages page */

#floorplans { padding: 17px 0 0 0;}
#floorplans div { float: left; width: 139px; padding-right:5px;}
#floorplans div.last {padding-right: 0;}
#centerareabox .centerareaboxonebox #floorplans div img {margin: 0 0 9px 0; display: block;}
#floorplans div a { color: #848585; text-decoration:underline;}
#floorplans div a:hover { text-decoration:none;}


/* @group clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* @end */

