#DevPicture { display: block; width: 660px; height: 350px; overflow: hidden; }

#SubNav { display: block; width: 100%; height: auto; }
#SubNav ul { display: block; width: 660px; height: auto; list-style: none; margin: 0 0 10px 0; padding: 0; background: #d6ddf3; }
#SubNav ul li { display: block; width: auto; height: auto; float: left; clear: none; }
#SubNav ul li.last { float: none; clear: right; padding: 5px 0; }
#SubNav ul li a { display: block; width: auto; height: auto; padding: 5px 7px; border-right: 1px solid #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #d6ddf3; color: #6477b9; }
#SubNav ul li a:hover { color: #fff; background: #9daad6; text-decoration: none; }

body#isDevelopment #SubNav ul li a#devAbout,
body#isFeatures #SubNav ul li a#devFeature, 
body#isFloorplans #SubNav ul li a#devFloorplans, 
body#isContact #SubNav ul li a#devContact,
body#isGallery #SubNav ul li a#devGallerry { color: #fff; background: #6477b9; text-decoration: none; }

.DevList { display: block; width: 660px; height: auto; list-style: none; padding: 0; margin: 0; }
.DevList li { position: relative; display: block; width: 152px; height: 270px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: left; clear: none; margin: 0px 13px 10px 0px; overflow: hidden; }
.DevList li.nomargin { margin-right: 0; }
.DevList li .padder { padding: 3px 5px; line-height: 120%; }
.DevList li .DevPicture { display: block; width: 160px; height: 192px; overflow: hidden; margin-bottom: 2px;  background: url(../developments/dev-image-bground.jpg) repeat-x bottom left; }
.DevList a.DevPicLink { position: relative; display: block; width: 152px; height: auto; }

.DevList span.new_banner { position: absolute; top: 0; right: 0; display: block; width: 64px; height: 64px; padding: 0; margin: 0; background: url(../images/icn_new_dev.gif) no-repeat top left; z-index: 100; }
.DevList span.new_banner span { display: none; }
.DevList span.sold_out_banner { position: absolute; top: 80px; left: -14px; display: block; width: 180px; height: 60px; padding: 0; margin: 0; background: url(../images/icn_sold_out.png) no-repeat top left; z-index: 101; }
.DevList span.sold_out_banner span { display: none; }

h2.DevName span { display: none; }

#DevMapWrapper { position: relative; display: block; width: 230px; height: auto; float: right; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; margin-right: 0px; overflow: hidden; font: normal 10px Arial, Helvetica, sans-serif; color: #777; }
#DevMapAddress { display: block; width: 130px; height: auto; float: left; clear: none; }
#DrivingDir { display: block; width: 100px; height: 37px; float: left; clear: none; }
#DrivingDir a { display: block; width: 100px; height: 37px; background: url(../images/icn_driving_directions.png) no-repeat top left; }
#DrivingDir a span { display: none; }

#DevMapForm { position: absolute; left: 0; top: 0; display: block; width: 228px; height: 228px; margin-bottom: 5px; background: #eee; border: 1px solid silver; overflow: hidden; z-index: 200; }

#DevMapDirections { display: block; width: 660px; height: auto; }
#DevMap2 { display: block; width: 658px; height: 348px; border: 1px solid silver; }
#DevPanel { display: block; width: 650px; height: auto; }

#DirectionsForm .padder { padding: 10px; }
#DirectionsForm .text-field { font-size: 11px; width: 200px; }
#DirectionsForm .state-field { font-size: 11px; width: 50px; }
#DirectionsForm .zip-field { font-size: 11px; width: 140px; }
#DirectionsForm label { font-size: 11px; }
#DirectionsForm p { font-size: 12px; line-height: 110%; margin-top: 0; padding-top: 0; }

#FeaturePhotos { display: block; width: 660px; height: 264px; background: #eee; overflow: hidden; }
#FeaturePhotos .BigPicture { display: block; width: 264px; height: 264px; background: #e6e6e6; overflow: hidden; float: left; clear: none; }
#FeaturePhotos .SmallPictures { display: block; width: 396px; height: 264px; background: #eee; overflow: hidden; float: left; clear: none; }
#FeaturePhotos .SmallPictures ul { display: block; width: 396px; height: 264px; margin: 0; padding: 0; list-style: none; }
#FeaturePhotos .SmallPictures ul li { display: block; width: 132px; height: 132px; overflow: hidden; float: left; clear: none; }

#PhotoGallery { display: block; width: 660px; height: auto; }
#PhotoGallery ul { display: block; width: 660px; height: auto; margin: 0; padding: 0; list-style: none; }
#PhotoGallery ul li { display: block; width: 200px; height: 250px; overflow: hidden; float: left; clear: none; }
#PhotoGallery ul li.gutter { margin-right: 30px; }
#PhotoGallery ul li .photo {  display: block; width: 200px; height: 200px; overflow: hidden; background: #fff; }
#PhotoGallery ul li .caption { display: block; text-align: center; margin-top: 3px; font: normal 11px Arial, Helvetica, sans-serif; }

#DevFloorPlans { display: block; width: 660px; height: auto; }
#DevFloorPlans ul { display: block; width: 660px; height: auto; margin: 0; padding: 0; list-style: none; }
#DevFloorPlans ul li { display: block; width: 200px; height: 250px; overflow: hidden; float: left; clear: none; }
#DevFloorPlans ul li.gutter { margin-right: 30px; }
#DevFloorPlans ul li .photo {  display: block; width: 198px; height: 198px; text-align: center; overflow: hidden; border: 1px solid #ccc; background: #fff; }
#DevFloorPlans ul li .caption { display: block; text-align: center; margin-top: 3px; font: normal 11px Arial, Helvetica, sans-serif; }

/* SIDEBAR CONTACT INFO */
#DevContactWrapper h3 { display: block; font-size: 16px; color: #fff; margin: 0px; padding: 0px 0px 2px; line-height: 130%; }
#DevContactWrapper p { font-size: 13px; margin-top: 2px; padding-top: 2px; }

#DevLogo { display: inline; float: left; clear: none; margin-bottom: 10px; margin-right: 10px; }