/* Darmon Homes Stylesheet */
* {margin: 0; padding: 0;} span {display: none;} a img {border: none;}
body {font-family: Tahoma; color: #fff; background: #000;}
form, fieldset {border: none;} label {display: none;} input, textarea {border: 1px solid #ccc; font-family: arial; font-size: 12px; line-height: 32px; color: #222; margin-bottom: 16px;} p {margin: 0 0 20px 0;}
h1 {font-size: 30px; color: #caf908; font-weight: normal; text-transform: lowercase; padding: 30px 0;}
/* Wraps */
#wrap {text-align: center;}
#container {margin: 0 auto; width: 960px; text-align: left;}
/* Header and Elements */
#logo {width: 440px; height: 80px; background: url('../images/darmon-homes.gif'); display: block;} #header h1 {padding: 10px 0 0 0;}
#header ul {list-style: none; border-bottom: 1px solid #fff; height: 22px; margin-top: 30px;}
#header ul li {float: left; margin-right: 70px;}
#header ul li a {text-transform: uppercase; color: #ccc; font-size: 10px; text-decoration: none;} #header ul li a:hover {color: #cf1;}
/* Pages and Content */
#profilePage {width: 960px; height: 598px; background: url('../images/profile-bg.jpg'); font-size: 12px; line-height: 18px;}
#profilePage p {width: 500px;}

#customDesignPage {width: 960px; height: 500px; background: url('../images/custom-design-bg.jpg'); font-size: 12px; line-height: 18px;}
#customDesignPage p {width: 500px;}
#customDesignPage a {background: url(../images/contact-button.gif) 0px 0px; width: 483px; height: 76px; display: block;}
#customDesignPage a:hover {background-position: 0px 76px;}

#mainDesignsPage, #designsPage {width: 960px; font-size: 12px; line-height: 18px;} #designsPage p {width: 360px;}
#mainDesignsPage p {width: 600px;} #designsPage a {color: #caf908;} #designsPage a:hover {text-decoration: none;}
.slideshowWrap {float: right; width: 540px;} .slideshow {border: 5px solid #fff; margin-top: 30px;}
.gallery {list-style: none;} .gallery li a img {float: left; border: 5px solid #fff; margin: 7px 7px 0 0;}

#mainDesignsPage ul {list-style: none;} #mainDesignsPage ul li {float: left; margin-right: 1px;}
#theAspire {background: url(../images/the-aspire.jpg) 0px 0px; width: 239px; height: 260px; display: block;}
#theAllure {background: url(../images/the-allure.jpg) 0px 0px; width: 239px; height: 260px; display: block;}
#theIndulgence {background: url(../images/the-indulgence.jpg) 0px 0px; width: 239px; height: 260px; display: block;}
#theTempo {background: url(../images/the-tempo.jpg) 0px 0px; width: 240px; height: 260px; display: block;}
#theAspire:hover, #theAllure:hover, #theIndulgence:hover, #theTempo:hover {background-position: 0px -260px;}


#displaysPage {width: 960px; font-size: 12px; line-height: 22px;} #displaysPage h2 {font-size: 14px; line-height: normal; margin: 0 0 3px 0;} #displaysPage h3 {font-size: 12px; font-weight: normal; line-height: normal;} #displaysPage h4 {font-size: 12px; font-weight: normal; margin: 20px 0; line-height: normal;} #displaysPage ul {list-style: none;} #displaysPage ul li {height: 200px; padding: 20px; margin: 0 0 30px 0; border: 1px solid #c2d730; background: #111;}
#displaysPage ul li a {color: #cf1; text-decoration: underline;} #displaysPage ul li a:hover {text-decoration: none;}
#displaysPage li img {float: right; width: 300px; height: 200px; margin: 0 0 0 1px;}
#delfinDisplay {background: url(../images/delfin-map.jpg) 0px 0px; width: 331px; height: 200px; display: block; float: right;}
#delfinDisplay:hover {background-position: -331px 0;}
#balwynDisplay {background: url(../images/balwyn-map.jpg) 0px 0px; width: 331px; height: 200px; display: block; float: right;}
#balwynDisplay:hover {background-position: -331px 0;}

#contactPage {width: 960px; height: 598px; background: url('../images/contact-bg.jpg'); font-size: 12px; line-height: 18px;}
#contactPage h1 {padding: 30px 0 10px 0;} #contactPage p {width: 400px;}
#contactPage .contactForm {width: 340px; height: 400px; float: left; margin-right: 40px;}
#contactPage form {width: 340px; float: left; margin-right: 40px;}
#contactPage form input {width: 335px; height: 40px; text-indent: 7px;}
#contactPage textarea {width: 315px; height: 120px; padding: 0 10px; overflow: hidden;}
#contactPage form a {background: url(../images/submit-button.gif) 0px 0px; width: 337px; height: 76px; display: block; margin-top: 3px;}
#contactPage form a:hover {background-position: 0px 76px;}

.info {width: 550px; height: 395px; background: #fff; float: left;}
.info h2 {color: #370; text-transform: uppercase; float: left; font-size: 16px; margin: 10px;} .info h2 strong {margin: 0 0 0 50px;}
.info img {clear: both;} .info h3 {color: #000; text-transform: none; font-size: 14px; margin: 5px 10px;}
.info ul {list-style: none; margin: 0 10px; color: #000;} .info ul li {float: left; margin-right: 30px;} #contactPage ul li a {color: #370; text-decoration: underline;} .info ul li a:hover {text-decoration: none;}

/* Footer Photos */
#footerPhotos {list-style: none; width: 960px; height: 96px; border-top: 1px solid #000; clear: both;}
#footerPhotos li {float: left; margin-right: 1px;}
/* Website Footer */
address {height: 40px; border-top: 1px solid #fff; padding-top: 4px; text-align: right; font-style: normal; font-size: 10px; color: #ccc;  text-transform: uppercase; line-height: 14px;}
address a {font-weight: bold; color: #ccc; text-decoration: none;}
#mbaLogo {width: 175px; height: 30px; background: url('../images/mba-logo.gif'); display: block; float: left;}
/* Custom Tags */
.clearBoth {clear: both;}