@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/

/* added */

a.salesoffice { position:absolute; top:0; left:862px; background:url(images/sales/sales-office.png); width:148px; height:146px; display:block; }
a.salesoffice:hover { background:none; }
.salesoffice-bl { } 


body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* END "Reset CSS" ================================================== */

/* TAGS ============================================================= */

body, input, textarea { font-family: arial, helvetica, verdana, sans-serif; padding: 0 0 20px; } 

body { background: #dadada; color: #6d6f72; text-align: center; font-size: 87.5%; /* 14px */ }

/* main layout */

#wrapper { background: #eaebeb; text-align: left; width: 982px; margin: 15px auto; position: relative; padding: 17px 14px;}
–
#main { clear: both; margin-top: 15px; }

#rightcol { float: right; width: 697px; margin-right: 14px; display: inline;}

#leftcol { float: left;  width: 247px; margin-left: 14px; display: inline; }

#contactdetails { clear: both; padding-top: 10px; }

#footer { clear: both; margin: 0 14px; background: #fff;}

/* main nav styles */

#nav { background: #ffad00; padding-bottom: 6px; }
#nav li { float: left; margin: 4px 0 0 10px; }
#nav a { text-decoration: none; color: #fff; text-transform: uppercase; font-size: 0.714em; padding: 2px; }
#nav li.active a { font-weight: bold; }
#nav a:hover { color: #ffad00; background-color: #fff; }

/* main rules */

a { color: #1c45a2; }
a:hover { color: #fff; background-color: #ffad00; }

h1 { background: url(/images/solo-banner.jpg) top left no-repeat; width: 982px; height: 185px; }
h1 a { display: block; background: url(/images/solo-banner.jpg) top left no-repeat; width: 982px; height: 185px; text-indent: -999em; }
h1 a:hover { background: url(/images/solo-banner.jpg) top left no-repeat; } 

h2 { color: #1c45a2; font-size: 1.786em; margin: 0 0 0.3em; }
h3 { color: #1c45a2; font-size: 1.142em; margin: 0 0 0.4em; }
h4 { color: #1c45a2; font-size: 1em; margin: 0.4em 0 0.2em; }

p { font-size: 0.928em; line-height: 1.15; margin-bottom: 0.46em; }
strong { font-weight: bold; }

#contactdetails p { text-align: center; color: #464749; font-weight: bold; margin-bottom: 12px; }

.contentbox { padding: 11px; background: #fff; margin-bottom: 11px; width: 675px; }
.contentbox img { float: right; margin: 5px 0 10px 8px; }
.contentbox p, .contentbox ul, .contentbox ol { margin: 0 0 1em; line-height: 1.2;}
.contentbox ul, .contentbox ol { font-size: 0.928em; line-height: 1.15; margin-left: 20px; }

.contentbox ul li { list-style: square; }
.contentbox ol li { list-style: decimal; }


/* home page stuff */
#intro { margin-bottom: 16px; }
#intro a { font-size: 0.785em; color: #1b45a2; text-decoration: none; }
#intro a:hover { color: #fff; background-color: #1b45a2; }

.homepagebox { width: 341px; height: 209px; margin-bottom: 10px; float: left; position: relative; }
.homepagebox h3 { font-size: 1.789em; font-weight: normal; color: #fff; background-color: #ffad00; padding: 8px 15px; width: 309px; border: 0; margin: 0; }
.homepagebox p { font-size: 0.785em; margin: 18px 30px 10px 157px; line-height: 1.23em; }
.homepagebox p.strap { font-size: 0.857em; font-weight: bold; }
.homepagebox a { text-decoration: none; color: #6d6f72; }
.homepagebox a:hover { color: #fff; }
.homepagebox a.morebutton { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; text-indent: -999em; outline: none; background-color: transparent; }
#residentialbox { margin-right: 15px; background: #fff url(/images/more-bg-res.jpg) bottom right no-repeat; }
#studentbox { background: #fff url(/images/more-bg-stu.jpg) bottom right no-repeat; }
#landlordbox { margin-right: 15px; background: #fff url(/images/more-bg-lan.jpg) bottom right no-repeat; }
#tenantbox { background: #fff url(/images/more-bg-ten.jpg) bottom right no-repeat; }
#landlordbox h3, #tenantbox h3 { background-color: #1c45a2; }

/* box items */

.boxout { padding: 11px; background: #fff; margin-bottom: 2px; clear: both; }

.boxout h3 { font-size: 1.071em; color: #ffad00; margin: 0 0 0.2em; border: 0; padding: 0;}
.boxout p { font-size: 0.785em; line-height: 1.36; }
.boxout a { color: #1b45a2; text-decoration: none; }
.boxout a:hover { color: #fff; }

#featureproperty h3, .propertybox h4 { font-size: 1.286em; color: #ffad00; margin: 0 0 0.2em; border: 0; padding: 0;}

#featureproperty img { float: right; margin: 0 0 8px 8px; }
#featureproperty img.portrait { width: 80px; }
#featureproperty img.landscape { width: 120px; }
#featureproperty a { font-size: 0.785em;  }

span.nobedrooms {  color: #6D6F72; }

.propertylist img { width: 175px; }
.propertylist img.landscape { width: 175px; }
.propertylist img.portrait { width: auto; height: 175px; }
.propertybox { padding: 11px; background: #fff; margin-bottom: 11px; width: 675px;}
.propertybox h4 { margin: 0 0 0.2em; }
.propertybox h4 a { text-decoration: none; color: #ffad00;}
.propertybox h4 a:hover { color: #fff; }
.propertythumb { float: left; width: 175px; text-align: center; margin-right: 14px;}
.propertybox p { margin: 0 0 1em; }
.propertybox p.price { font-size: 120%;  margin: 0 0 2px; font-weight: bold; }
.propertylist .propertybox p.price { }
.propertybox p.availability { font-weight: bold; }
.propertybox p.viewdetails { text-align: right; margin: 0; font-size: 0.785em; text-transform: uppercase; }
.propertybox p.viewdetails a { background: #1c45a2; color: white; text-decoration: none; padding: 4px 5px; }
.propertybox p.viewdetails a:hover { background: #6681bf; }
.new { background: #fff url(/images/new.gif) top right no-repeat; }
.reduced { background: #fff url(/images/rent-reduced.gif) top right no-repeat; }
.let { background: #fff url(/images/let.gif) top right no-repeat; }
.re-available { background: #fff url(/images/re-available.gif) top right no-repeat; }
.reserved { background: #fff url(/images/reserved.gif) top right no-repeat; }
.preview { background: #fff url(/images/coming-soon.gif) top right no-repeat; }


.propertyleftcol { float: left; width: 328px; margin-right: 16px; display: inline;}
.propertyrightcol { float: left; width: 292px; }

#map { border: 1px solid #edefee; padding: 0 4px 4px; }
#map h3 { font-size: 0.785em; font-weight: bold; color: #1c45a2; text-transform: uppercase; padding: 5px 0; }

/* form stuff */

legend { font-size: 0.928em; text-transform: uppercase; color: #464749; display: block; margin-bottom: 5px; font-weight: bold; }
label { display: block; padding-top: 8px; font-weight: bold; font-size: 0.785em; margin-bottom: 5px; }
input,textarea { font-size: 0.785em; padding: 3px; }
#quicksearchform label.first { border-top: 1px solid #d5d6d7; }
#quicksearchform select { font-size: 0.785em; width: 225px; margin-bottom: 5px; }
#quicksearchform #searchbutton { margin: 5px 0 0 167px;  }

.contentbox .wpcf7-form p { margin: 0; }

#propviewingform { background: #edefee; padding: 9px; width: 310px; margin: 20px 0; }
.wpcf7-form { background: #edefee; padding: 9px; width: 405px; margin: 20px 0; }
#propviewingform fieldset { width: 310px; }
#propviewingform legend { font-size: 0.785em; color: #1c45a2; }
.wpcf7-form legend { font-size: 1em; color: #1c45a2; }
#propviewingform label { float: left; width: 114px; padding: 3px 0; color: #1c45a2;}
.wpcf7-form label { float: left; width: 164px; padding: 3px 0; color: #1c45a2; font-size: 1em; font-weight: normal; }

#propviewingform label.first { margin-top: 0; }
#propviewingform input, .wpcf7-form input { float: left; width: 188px; border: 1px solid #d9d9d9; background-color: #fff; margin-bottom: 5px; }
.wpcf7-form textarea { float: left; width: 232px; border: 1px solid #d9d9d9; background-color: #fff; margin-bottom: 5px; }

#propviewingform br, .wpcf7-form br { clear: both; }
#propviewingform .bordercheat, .wpcf7-form .bordercheat { border-top: 1px solid #d5d6d7; padding-top: 9px; }
#propviewingform #sendbutton { width: auto; border: 0; padding: 0; margin-left: 273px; }
.wpcf7-form #sendbutton { width: auto; border: 0; padding: 0; margin-left: 366px; }

.wpcf7-form-control-wrap { position: relative; }
.wpcf7-not-valid-tip-no-ajax { position: absolute; top: -0.5em; right: -220px; width: 200px; display: block; background: #fff; font-size: 0.8em; font-weight: bold; border: 1px solid red; text-align: center; padding: 2px; }

.wpcf7-validation-errors { color: red; }
.wpcf7-mail-sent-ok { color: #1c45a2; }

.propertyimages { margin: 40px 0 30px; }
.propertyimages #mainimageholder { margin-bottom: 20px; }
.propertyimages #mainimageholder img.landscape { width: 292px; }
.propertyimages #mainimageholder img.portrait { height: 292px; }

.thumbnails img.landscape { width: 80px; }
.thumbnails img#thumb0.landscape, .thumbnails img#thumb1.landscape { margin: 0 18px 0 0; }

.thumbnails img.portrait { width: 60px; }
.thumbnails img#thumb0.portrait, .thumbnails img#thumb1.portrait { margin: 0 28px 0 10px; }
 
div.message p { color: #668abf; margin-bottom: 10px; }

div.error { color: red; text-transform: uppercase; }
div.error { font-size: 0.785em; }

div.error p { font-size: 100%; }
div.error ul { margin-bottom: 16px; }
div.error li { list-style: disc; margin-left: 16px; margin-bottom: 3px; }

/* footer */

#footer { padding-bottom: 12px; }
#footer li { float: left; margin: 12px 0 0 11px; font-size: 0.714em;}
#footer a { text-decoration: none; color: #96999c; text-transform: uppercase;  }
#footer a:hover { color: #333; background-color: #fff; }
#footer li.active a { font-weight: bold; }

/* TEMP TESTING */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

}