﻿/* Layout*/
body {background: #AEC0CE url('/Content/images/bg_repeat.jpg') repeat-x; color: #000000; font-family: Verdana, Geneva, Times New Roman, Times, sans-serif; font-size: 12px; margin: 0;}
#container {margin: auto; width: 974px;}
.clear {clear: both;}

/* Links */
a:link, a:active, a:visited, a:hover {color: #CC0000; text-decoration: underline;}

/* Header, Logo and Todays Weather */
#header {background-color: #FFFFFF; height: 80px; margin: auto; width: 960px;}
#logo {float: left; padding: 13px 0px 0px 22px; width: 482px;}
#logo h1 { display: none; }
#logo img {border:0px;}
#todaysWeather {float: right; padding: 7px 22px 0px 0px; text-align: right; width: 305px;}
#weatherTodayIs {color: #D20202; float: left; font-size: 18px; width: 250px;}
#weatherTemp  {background: url('/Content/images/sun.jpg') no-repeat; float: right; height: 55px; width: 55px;}
#weatherTemp p {color: #D20101; font-size: 24px; padding-right: 17px; margin-top: 12px;}

/* Menu */
#menu {background-color: #CC0000; color: #FFFFFF; font-size: 15px; height: 30px; }
#menu ul {list-style-type: none; margin: 0px; padding-top: 6px;}
#menu ul li {float: left; margin-right: 53px;}
#menu a:link, #menu a:active, #menu a:visited, #menu a:hover {color: #FFFFFF; text-decoration: none;}
#menuAfter {background: url('/Content/images/menu_after.png') no-repeat; height: 4px;}

/* Main Image */
#mainImage {background: url('/Content/images/main_image.jpg') no-repeat; height: 321px; margin: 0px; margin: auto; width: 960px;}

/* Find me a property */
#findMeAProperty {color: #FFFFFF; float: right; width: 221px;}
#findMeAProperty h2 {font-size: 15px; margin: 0; padding: 8px 0px 10px 10px;}
#findMeAProperty p {margin: 0; padding: 0px 21px 11px 21px;}
#findMeAProperty label {font-size: 12px; width: 180px;}
#findMeAProperty select {width: 180px;}
#findMeAProperty button {float: right;}

/* Content */
#content {background-color: #FFFFFF; margin: auto; width: 960px;}
#pageContent {min-height: 250px; padding: 20px;}

/* Footer Divider */
#footerAbove {background: url('/Content/images/footer_before.png') no-repeat; height: 4px; margin: auto;}
#footer {background-color: #000000; color: #FFFFFF; height: 25px; font-size: 13px; padding: 9px 12px 0px 12px;}
#footerCopyright {float: left; width: 250px;}
#footerDesignedBy {float: right; text-align: right; width: 300px;}
#footerDesignedBy a:link, #footerDesignedBy a:active, #footerDesignedBy a:visited {color: #FFFFFF; text-decoration: none;}
#footerDesignedBy a:hover {color: #FFFFFF; text-decoration: underline;}

/* Footer */
#footerBase {background-color: #445267; height: 190px; font-size: 12px; margin: 0px auto 15px auto; padding-bottom: 20px; width: 960px;}
#footerBaseLinks {color: #E2E2E2; float: left; margin: 0px; padding: 20px 0px 0px 27px; width: 130px;}
#footerBaseLinks ul {border-right: solid 1px #8B8B8B; list-style-type: none; margin: 0px; padding: 0px;}
#footerBaseLinks ul li {padding-bottom: 10px;}
#footerBaseLinks a:link, #footerBaseLinks a:active, #footerBaseLinks a:visited {color: #E2E2E2; text-decoration: none;}
#footerBaseLinks a:hover {color: #FFFFFF; text-decoration: underline;}

#footerBaseContact {color: #F3F3F3; float: right; margin-right: 25px; padding-top: 20px; width: 750px;}
#footerBaseContactForm {float: left; width: 360px;}
#footerBaseContactMessage {float: right; width: 360px;}

/* Footer Typography */
#footerBaseContactForm h2 {font-weight: normal; margin: 0; padding: 0; margin-top: -18px;}
#footerBaseContactForm label {width: 355px;}
#footerBaseContactForm input {font-size: 13px; width: 355px;}
#footerBaseContactMessage textarea {font-family: Verdana; font-size: 13px; height: 100px; width: 350px;}
#footerBaseContactButton {float: right; width: 120px;}

/* Typography */
h1 {font-weight: normal; font-size: 36px; margin: 0px; padding: 0px;}
h2 {font-weight: normal; font-size: 28px; margin: 0px; padding: 0px;}
h3 {font-weight: normal; font-size: 24px; margin: 0px; padding: 0px;}
h3 a:link, h3 a:active, h3 a:visited {text-decoration: none;}
h3 a:hover {text-decoration: underline;}
.center {margin: auto; text-align: center;}

/* Property Stuff */
.propertyBox, .propertyBoxAlt {background-color: #F5F5F5; border: solid 1px #CACACA; margin: 0px auto 20px auto; padding: 3px; width: 900px;}
.propertyBoxAlt {background-color: #FFFFFF;}
.propertyBoxLeft {float: left; width: 160px;}
.propertyBoxInfo {border-right: solid 1px #CACACA; float: left; margin-left: 8px; text-align: left; width: 650px;}
.propertyBox ul, .propertyBoxAlt ul {margin: 5px 0px; padding: 0px;}
.propertyBox ul li, .propertyBoxAlt ul li {list-style-type: none;}
.propertyImage {border: solid 1px #CACACA; margin: auto;}
#propertyDetailsMain {float: left; width: 700px;}
#propertyDetailsFeatures {float: left; width: 490px;}
#propertyDetailsActions {float: right; width: 200px;}

/* Share Property */
.propertyBoxShare {float: right; margin: auto; text-align: center; width: 75px;}
.propertyBoxShare ul li img {border-width: 0px;}
#propertyInfoRight {float: right; width: 200px;}
#propertyInfoShare ul {list-style-type: none; padding: 0px;}
#propertyInfoShare ul li {float: left; padding-left: 25px;}
#propertyInfoShare img {border: 0px;}

/* Contact Form*/
#contactForm {margin: auto; width: 400px;}
#contactForm label, #contactForm input, #contactForm textarea {text-align: left; width: 400px;}
#contactForm button {margin: auto; text-align: center;}

/* Fancybox */
.fancyBoxImage {margin: auto;}

/* Form Elements */
input, textarea {background-color: #EEEEEE; border: solid 1px #AAAAAA; }

/* Home Page Specifics */
.homePageContainer {margin: auto; width: 900px;}
.homePageContent {float: left; width: 700px;}
.homePagePhotos {float: right; width: 165px;}
