/* holds all layout styles and anything that overrides main.css */
@import url(reset.css);
@import url(main.css);

/* branding */
#branding {margin-top:0px; width:900px; height:267px; background: transparent url('../assets/branding.jpg') no-repeat; border: none; margin-top:10px;}
#branding h2 {text-indent:-9999px;}
#top {width:815px; height:100px; margin-left:42px; margin-top:15px;}
#sell_your_property {display:block; width:175px; height:85px; float:left; margin-top:1px; text-indent:-9999px;}
#landlord_service {display:block; width:175px; height:85px; float:right; margin-top:1px; text-indent:-9999px;}
#search_properties, #latest_properties {width:331px; padding-left:10px;}
#search_properties {float:left; margin-left:46px; height:86px; margin-top:40px;}
#latest_properties {margin-left:513px; height:91px; margin-top:35px;}
#home_link {display:block; width:115px; height:180px; margin-top:-55px; margin-left:5px; float:left;}

/* main content */
#outer_wrapper {width:960px; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#wrapper {text-align:left; width:900px; position:relative;}
#main {margin-top:0px; height:502px; background: transparent url('../assets/body.jpg') no-repeat; padding-left:50px; padding-top:5px;}
.content {width:535px; height:490px; padding:5px; float:left; margin-left:10px;}

/* property search */
#search_properties select {margin:3px; width:130px; font-size:10px;}
#search_properties .beds, #search_properties .baths {width:60px;}
.search {margin-top:-35px; margin-left:3px;}

/* menu */
#menu {width:792px; padding:0px; margin:0px; height:41px; margin-left:53px; clear:both;}
#menu li {height:41px; float:left;}
#menu li a {display:block; height:41px; text-indent:-9999px;}
#rental {width:102px; margin-left:2px;}
#rental:hover {background: transparent url('../assets/hover-rental.jpg') no-repeat;}
#sale {width:90px; margin-left:-1px;}
#sale:hover {background: transparent url('../assets/hover-sale.jpg') no-repeat;}
#lymm {width:77px;}
#lymm:hover {background: transparent url('../assets/hover-lymm.jpg') no-repeat;}
#about {width:62px; margin-left:-1px;}
#about:hover {background: transparent url('../assets/hover-about.jpg') no-repeat;}
#let {width:104px; margin-left:131px;}
#let:hover {background: transparent url('../assets/hover-let.jpg') no-repeat;}
#sell {width:106px;}
#sell:hover {background: transparent url('../assets/hover-sell.jpg') no-repeat;}
#find {width:51px;}
#find:hover {background: transparent url('../assets/hover-find.jpg') no-repeat;}
#contact {width:69px;}
#contact:hover {background: transparent url('../assets/hover-contact.jpg') no-repeat;}

/* right nav */
#right_nav {background: transparent url('../assets/right-nav.jpg') no-repeat; width:251px; height:500px; float:right; padding-right:44px; margin-top:-5px;}
#calculator {margin-top:40px; margin-left:20px; margin-right:20px; color:#fff; font-size:10px;}
#calculator input {width:80px;}
#calculator select {width:84px;}
#calculator table {margin-top:30px; margin-left:10px; width:215px;}
#calculator table td {padding:2px;}
#calculator .calc_button {margin-left:50px; background-color:#7F0E00; color:#fff; border: 1px solid #007F3F; padding:2px;}

/* property details */
#view_property {float:left; width:740px; height:480px; margin-left:20px; padding:10px;}
.property_images {width:350px; height:460px; padding:5px; float:left; text-align:center;}
.property_details {width:350px; height:460px; padding:5px; float:right; font-size:smaller;}
#main_images {height:340px;}
#thumb_images {display:inline; width:100%; height:100%; clear:both;}
#thumb_images li {float:left; background:none; list-style-type:none; padding:0px; margin:0px; margin-left:-20px;}
#thumb_images img {width:60px; cursor:pointer;}
.image {position:absolute; left:100px; top:300px;}

/* footer */
#footer {text-align:center; color:#fff; background: transparent url('../assets/footer.jpg') no-repeat; width:800px; height:233px; padding-left:100px;}
#footer a {text-decoration:underline; color:#fff;}
#footer a:hover {text-decoration:underline; color:#007F3F;}
#footer ul {width:780px; color:#fff; height:15px; font-size:10px; margin-top:-5px;}
#footer ul li {display:inline; float:left; background:none; text-indent:5px;}
#links_bottom {margin-left:30px;}
#area_links_rentals {margin-top:90px; float:left; width:320px; margin-left:-45px;}
#area_links_sales {margin-top:90px; width:320px; float:right; margin-right:105px;}
#area_links_rentals ul, #area_links_sales ul {width:320px;}
#area_links_rentals ul li, #area_links_sales ul li {background-color:#179757; width:300px; margin-left:10px; margin-top:5px;}
#area_links_rentals ul li a, #area_links_sales ul li a {text-decoration:none; color:#fff;}
#area_links_rentals ul li a:hover, #area_links_sales ul li a:hover {text-decoration:underline; color:#fff;}

/* misc */
.thin_para {width:300px;}
.label {text-align:left;}
.left {float:left;}
.right {float:right;}
.center{text-align:center;}
.clear {clear:both;}
.more_details, .contact_us {text-indent:-9999px; display:block; width:101px; height:35px;}
.more_details {background: transparent url('../assets/more-details-trans.png') no-repeat;}
.contact_us {background: transparent url('../assets/contact-us-trans.png') no-repeat; float:right; margin-top:-30px;}
.call_to_action {width:390px; margin-bottom:5px; margin-top:5px;}
.indent {margin-left:25px;}

/* contact form */
#contact_form {height: 240px; width:510px; border: dotted 1px #006600; margin-left:10px; margin-top:10px; color:#006600;}
#send {text-align:right; padding-bottom:5px; padding-right:5px; padding-top:5px; width:505px; margin-top:5px; border: dotted 1px #006600; margin-left:10px; margin-bottom:10px;}
#contact_form label {width: 150px; float:left; margin-top:5px; margin-left:5px;}
#contact_form input, #contact_form select, #contact_form textarea {width: 330px; float:right; margin:5px;} 
#contact_form textarea {height: 100px;}
#contact_info ul {width:100%;}
.label_below_multiline {padding-top:95px;}
.negative {color:red; font-weight:bold;}