@charset "utf-8";
/* 
 *
 *
 */

/*** global ***/
*{ padding: 0; margin:0;}
a{ color: #1a6120;}
img{ border: 0;}
div.clear{ clear: both;}

body{ background: #4b3a2b url('../images/bay-forest-bkgd.gif') top no-repeat; text-align: center; padding:34px 0 0 0; border-bottom: 34px solid #4b3a2b; }

 div#wrapper{ background: #cdb49f url('../images/wrapper-repeat.gif') repeat-y; width: 921px; padding: 0 0 0 0; margin: 0 auto;}
 
 	div#box1{background: url('../images/bay-forest-2.jpg') top no-repeat; width: 921px; margin: 0 auto;}
	div#box2{background: url('../images/bethany-beach-dock.gif') 36px bottom  no-repeat;}
		div#box2-clear{ clear: both; display: block; height:30px; background: url('../images/bottom-padding.gif') no-repeat;}
	div#box3{background: url('../images/home-main.jpg') right 75px no-repeat; padding-left: 43px; width: 878px;  }
	
	a#logo{ padding:41px 0 0 0; display: block; float: left; }
	a#dev{ padding: 56px 24px 0 0; display: block; float: right;}
	
	ul#main-nav{float: left; clear:both; width: 174px; height: 520px; padding: 55px 0 0 0;}
	ul#main-nav li{ display: block; width: 174px; padding: 3px 0;text-align: right; font: 12px "Century Gothic", Arial, Helvetica, sans-serif; }/* check ie.css */
	ul#main-nav li.divider{ background: url('../images/nav-divider.gif') right repeat-x; height: 4px; } 
	ul#main-nav li a{ font-style: italic; text-decoration: none; text-transform: capitalize; }
	ul#main-nav li.cat a{ font-style: normal; font-weight: bold; text-transform: uppercase; }
	
	div#main-content{width: 634px; padding: 50px 0 0 42px; text-align: left; float: left; color: #1a6120; font: 13px Arial, Helvetica, sans-serif;}
	div#main-content h1{ font:22px Georgia, "Times New Roman", Times, serif ; font-weight: bold;}	
	div#main-content h2{ float: right; display: block; width: 210px; padding: 0 0 8px 0px; margin-right: 4px; background:url('../images/nav-divider.gif') bottom repeat-x; font: 13px Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-transform: uppercase;}
	div#main-content h2 span{ padding-right: 47px;}
	div#main-content h3{ font: 14px Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; padding: 12px 0 0 0;}
	div#main-content h4{ font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #3c2c1f; padding: 14px 0 0 0; clear: both;}
	div#main-content h5{ clear: both; padding: 14px 0 2px 0; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; }
	div#main-content ul{ float: left; width: 130px; padding-top:10px; padding-left:40px;}	
	div#main-content ul li{padding: 1px 0;}
	div#main-content p{padding: 10px 0; color: #3c2c1f; line-height: 1.6em; clear: left;}
		
	div#footer{ color: #1a6120; clear: both; text-align: right; padding:0 46px 0 0; font: 12px "Century Gothic", Arial, Helvetica, sans-serif; font-style: italic; }
	div#footer div.hr-sim{ background: url('../images/nav-divider.gif') repeat-x; clear: both; display: block; width: 525px; height: 4px; float: right; }
	div#footer img{ float: right; padding: 11px 11px 11px 11px; clear: right;}
	div#footer p{padding-top: 24px; float: right; width: 555px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
a#dev{ padding: 57px 24px 0 0; }
}

/*** pages ***/

/* home */
#pg-home div#main-content{ width: 590px; padding: 400px 0 20px 90px;}
#pg-home div#footer div.hr-sim{ visibility: hidden;}
#pg-home div#main-content ul.first{padding-left: 80px; width: 160px;}
#pg-home div#main-content ul.last{ width: 100px;}

/* community */
#pg-community div#box3{background: url('../images/community-photos.jpg') right 75px no-repeat; }
#pg-community div#main-content ul{ width: 160px; padding: 10px 6px 20px 20px;}
#pg-community div#community-container{ width: 375px; padding-bottom: 40px; }

/* lifestyle */
#pg-lifestyle div#box3{background: url('../images/bay-forest-lifestyle.jpg') right 75px no-repeat; }
#pg-lifestyle div#main-content ul{ width: auto; padding: 10px 6px 20px 16px;}
#pg-lifestyle div#main-content li{ line-height: 2.5em;}
#pg-lifestyle div#main-content li span{ font-weight: bold;}

/* commnuity-plan */
#pg-community-plan div#box3{background: url('../images/bayforest-community-plan.jpg') right 75px no-repeat; }
#pg-community-plan div#main-content ol{ float: right; width: auto; text-align: right; list-style: none; padding: 0 35px 0 0;}
#pg-community-plan div#main-content ol li{ line-height: 2em; }

/* amenities */
#pg-amenities div#box3{background: url('../images/bay-forest-amenities.jpg') right 75px no-repeat; }
#pg-amenities div#main-content p.small { width: 261px;}

/* aerial-view */
#pg-aerial-view div#box3{ background: none;}

/* places to go */
#pg-places div#box3{ background: none;}
#pg-places ul#category{width: auto; padding: 0; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }
#pg-places ul#category li{ display: inline; border-right: 1px solid #1a6120; padding: 0 14px; }
#pg-places ul#category li.first{ padding-left: 0;}
#pg-places ul#category li.last{ border: 0;}
#pg-places ul#category a{ text-decoration: none;}

#pg-places div#dining ul{ width: 190px; float: left; padding: 0 0 0 15px; clear: none; color: #3c2c1f; }
#pg-places div#dining ul li{ padding: 0px; line-height: 1.6em;}

/* homes */
#pg-homes div#box3{ background: url('../images/bay-forest-homes.gif') 234px 275px no-repeat;}
#pg-homes div#logos{ text-align: center; padding-top: 280px;}
#pg-homes div#logos a#main-street-logo{ padding-right: 60px;}

/* development plan */
#pg-dev-plan div#box3{ background: none;}
#pg-dev-plan div#main-content{width: 620px;}

/* nv homes */
#pg-nv-homes div#box3{ background:url('../images/nv-homes.jpg') right 75px no-repeat; }
#pg-nv-homes div#main-content{width: 620px;}

#pg-nv-homes p#prices{float: left; width: 160px;}

#pg-nv-homes div#nv-listing{float: left; width: 250px; padding-left: 20px;}
#pg-nv-homes div#nv-listing ul{ padding: 0 0 0 4px; width: auto;}
#pg-nv-homes div#nv-listing li{ line-height: 1.6em; color: #1a611f; background: url('../images/pdf-icon.gif') left no-repeat; padding-left: 20px; list-style-position: inside;}

#pg-nv-homes img#nv-logo{ clear: both; float: left;}

#pg-nv-homes ul#properties{ float:left; width: 180px; padding: 87px 0 10px 40px;  color: #3c2c1f; }

/* main street homes */
#pg-main-homes div#box3{ background:url('../images/main-street-homes.jpg') right 75px no-repeat; }
#pg-main-homes div#main-content{width: 620px;}
#pg-main-homes img#mainst-logo {float: left; }
#pg-main-homes div#learn {float: left; width: 250px; padding: 60px 0 0 20px; color: #3c2c1f;}
#pg-main-homes div#learn p{ font-weight: bold; text-decoration: underline; padding: 0 0 0 0;}
#pg-main-homes div#learn ul{padding: 0 0 0 15px;}

/* about us */
#pg-about div#box3{ background:url('../images/about-bayforest.jpg') right 75px no-repeat; }
#pg-about div#main-content{width: 620px;}
#pg-about div#main-content ul{ width: auto;padding:0 0 0 30px;  color: #3c2c1f; }
#pg-about div#main-content ul li a{ text-decoration: underline;}
#pg-about div#main-content ul li span{ color: #000;}
#pg-about img#nat-logo{ padding: 10px 0 0 100px;}

/* contact */
#pg-contact div#box3{ background: none; }
#pg-contact div#main-content{width: 620px;}

#pg-contact ul#inner-nav{width: auto; padding: 0; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 10px;}
#pg-contact ul#inner-nav li{ display: inline; border-right: 1px solid #1a6120; padding: 0 14px; }
#pg-contact ul#inner-nav li.first{ padding-left: 0;}
#pg-contact ul#inner-nav li.last{ border: 0;}
#pg-contact ul#inner-nav a{ text-decoration: none; text-transform: uppercase;}

#pg-contact form{ padding: 20px 0; width: 440px;}
#pg-contact form fieldset{ border: 0;}
#pg-contact form div{ padding: 4px 0; vertical-align: top;}
#pg-contact form label{ display: inline-block; width: 180px; padding-top: 4px; vertical-align: top;}
#pg-contact form input{width: 220px;} 
#pg-contact form select{width: 224px;} 
#pg-contact form option{ padding:2px 0 1px 8px;}
#pg-contact form textarea{width: 404px;}
#pg-contact form button{margin-right: 20px;}

#pg-contact h1{clear: both;}
#pg-contact h1 a{text-decoration: none; }


/* site map*/
#pg-sitemap div#box3{ background: none; }
#pg-sitemap div#main-content{width: 620px;}

/* thanks */
#pg-thanks div#box3{ background: none; }
#pg-thanks div#main-content{width: 620px; }


#contact-form{
	margin-top: 15px;

}