/* Developed By: Jake Alger */ * { margin: 0; padding: 0; } html { background:#2f2f2f url(../images/html.png) repeat-x 100% 0; } body { color:#141414; text-align: center; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; } h1 a { text-indent: -9000px; float: left; } h2 { font-family: Arial; font-size: 12px; color:#fff; } h3 { font-family: 20px; color:#23659e; } img { border: 0; vertical-align: bottom; } a { color:#fff; outline-style: none; outline-width: medium; text-decoration: none; overflow: hidden; } ul { list-style-type: none; } li { display: inline; font-size: 10px; } em { font-style: normal; } address { font-style: normal; } input { vertical-align: middle; font-size: 12px; } select { font-size: 13px; font-weight: normal; color: #12395A; } option { padding: 0 5px; } textarea { font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } a.black { color:#000; } #wrapper { width: 961px; margin: 0 auto; text-align: left; } #header { width: 913px; height: 79px; margin: 0 auto; } #header h1 a { width: 116px; height: 52px; margin-top: 13px; background: url(../images/logo.png) no-repeat; } #header #navigation { margin-top: 9px; float: right; } #header #navigation ul { text-align: center; font-family: Arial; } #header #navigation ul li { text-transform: uppercase; font-size: 12px; font-weight: bold; } #header #navigation ul li a { color:#a1a1a1; width: 108px; padding-top: 30px; height: 29px; background: url(../images/navigation-tabs.png) no-repeat; float: left; } #header #navigation ul li a:hover, #header #navigation ul li a.selected { color:#212121; background: url(../images/navigation-tabs.png) no-repeat 0 -59px; float: left; } #container { float: left; width: 100%; padding-bottom: 1px; background-color:#fff; } #home { float: left; width: 100%; background: url(../images/home-bg.png) repeat-x 100% 0; } span#home-pic { float: left; } #neighborhood-builder { margin: 22px 0 0 17px; width: 270px; height: 352px; float: left; display: inline; border:#c6c6c6 3px solid; background-color:#fff; } #neighborhood-builder h2 { text-indent: -9000px; width: 270px; height: 150px; background: url(../images/header-neighborhood-builder.png) no-repeat; } #neighborhood-builder p { padding: 12px 10px 0 10px; line-height: 15px; } #default-page { padding: 25px 60px; float: left; width: 841px; } #default-page h3 { margin-bottom: 25px; } #default-page p { font-size: 12px; color:#3a3a3a; margin-top: 15px; line-height: 17px; } #default-page p span.blue { color:#225d90; font-size: 18px; } p#view-by { margin: 0 0 15px 70px; display: inline; float: left; } #flash-input { width: 800px; margin: 0 auto; } #remodeling { padding: 50px 25px; width: 911px; float: left; } #remodeling-info { padding: 50px 0 50px 25px; width: 936px; float: left; } #projects { width: 310px; float: left; } #projects h3 { color:#4c4c4c; font-size: 15px; padding-left: 5px; } #projects ul { margin-top: 5px; } #projects ul li a { height:115px; padding-top:12px; width:293px; } #information { width: 606px; padding-left: 20px; float: left; } #details { width: 576px; padding-left: 25px; float: left; } #details ul { padding: 15px 0 15px 25px; } #details ul li { margin-top: 10px; display: block; font-size: 14px; color:#4c4c4c; padding-left: 25px; background: url(../images/list-icon.png) no-repeat 0 8px; } #map { width: 438px; float: left; margin-top: 20px; } #map address { padding: 3px 0 0 52px; line-height: 17px; height: 42px; float: left; color:#4c4c4c; font-size: 12px; background: url(../images/map-icon.png) no-repeat; } #map address em { color:#225d90; font-style: normal; } #map span { margin-top: 10px; float: left; } #contact-form { width: 370px; padding-left: 30px; margin-top: 20px; float: left; } #contact-form form div { margin-top: 10px; float: left; } #contact-form form div.full { width: 370px; } #contact-form form div.half { width: 185px; } #contact-form form div label { float: left; margin-bottom: 3px; font-size: 12px; } #contact-form form div.full label { width: 370px; } #contact-form form div.half label { width: 185px; } #contact-form form div.full input { width: 200px; padding: 2px; border:#b2ddfd 1px solid; } #contact-form form div.half input { width: 165px; padding: 2px; border:#b2ddfd 1px solid; } #contact-form form div.full textarea { width: 370px; height: 150px; padding: 2px; border:#b2ddfd 1px solid; } div.errors { border:#ff4b4b 1px solid; width: 100%; background-color:#fd8989; padding: 15px; } div.errors ul { } div.errors ul li { display: block; font-size: 12px; } div.success { border:#47fb60 1px solid; width: 100%; background-color:#8ffe9f; padding: 15px; } div.success p { text-align: center; } #footer { width: 100%; float: left; background: url(../images/footer.png) repeat-x; } #footer ul { padding: 10px 0px 15px 48px; float: left; } #footer ul li { } #footer ul li a { width: 284px; height: 78px; text-indent: -9000px; float: left; } #footer ul li a#f-remodel { margin-right: 17px; background: url(../images/remodeling-information.png) no-repeat; } #footer ul li a#f-custom { background: url(../images/custom-homes-gallery.png) no-repeat; } #footer address { padding: 3px 15px 0 0; margin-top: 25px; line-height: 17px; height: 42px; float: right; color:#4c4c4c; font-size: 12px; background: url(../images/map-icon.png) no-repeat; } #footer address span#map-icon a { width: 42px; height: 42px; margin-right: 10px; text-indent: -9000px; float: left; } #footer address em { color:#225d90; font-style: normal; } #footer p { clear: both; float: left; font-size: 10px; color:#fff; } #footer span a { color:#fff; font-size: 10px; text-decoration: underline; float: right; }