/* CSS Document */

* { margin: 0; padding: 0; border: 0 none; outline: none; }
.clear { clear: both; }
.left { float: left; }
img.left { margin-right: 20px; }
.right { float: right; }
img.right { margin-left: 20px; }

body { text-align: center; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }
#wrap { width: 1000px; margin: 0 auto; text-align: left; }

/* sidebar */
#sidebar { width: 200px; float: left; margin: 40px 0 20px 0; }
#sidebar #logo { margin-bottom: 10px; }
#sidebar #credits { margin-top: 15px; float: right; clear: right; }
#sidebar ul.nav { list-style-type: none; width: 110px; padding: 5px 10px 5px 5px; float: right; clear: right; text-transform: uppercase; letter-spacing: -1px; font-size: 14px; font-weight: bold; color: #616976; margin-bottom: 5px; }
#sidebar ul.nav a, #sidebar ul.nav a:active, #sidebar ul.nav a:hover, #sidebar ul.nav a:visited { color: #616976; text-decoration: none; }
#sidebar ul.nav li, #sidebar ul.nav li.drop a { width: 100%; display: block; padding: 5px 0 5px 0; border-bottom: 1px dotted #da4726; }
#sidebar ul.nav li.drop li a, #sidebar ul.nav li.drop li a:active, #sidebar ul.nav li.drop li a:hover, #sidebar ul.nav li.drop li a:visited { border: 0 none; padding: 0; color: #da4726; }
#sidebar ul.nav li.drop ul li { border-bottom: 1px dotted #616976; }

#sidebar ul.bold { color: #da4726; background: #dddedf; }
#sidebar ul.bold a, #sidebar ul.bold a:active, #sidebar ul.bold a:hover, #sidebar ul.bold a:visited { color: #da4726; text-decoration: none; }
#sidebar ul.bold li, #sidebar ul.bold li.drop a { width: 100%; display: block; padding: 5px 0 5px 0; border-bottom: 1px dotted #9e9fa2; }
#sidebar ul.bold li.drop li a, #sidebar ul.bold li.drop li a:active, #sidebar ul.bold li.drop li a:hover, #sidebar ul.bold li.drop li a:visited { border: 0 none; padding: 0; color: #616976; }
#sidebar ul.bold li.drop ul li { border-bottom: 1px dotted #da4726; }

/* hover styles */
#sidebar ul.nav a:hover, #sidebar ul.nav li.drop ul li a:hover { color: #212121; }

#sidebar ul.nav li.drop { border: 0 none; padding: 0; }
#sidebar ul.nav li.drop ul { list-style-type: none; color: #616976; margin-bottom: 15px; }

/* main content */
#main { width: 780px; float: right; margin: 0 0 20px 20px; }
#main #title { padding: 15px 270px 0 0; text-align: right; height: 40px; }
#main #title.fullwidth { padding: 15px 15px 0 0; }
#main #title h2 { text-transform: uppercase; color: #da4726; font-weight: normal; font-size: 24px; letter-spacing: -1px; }
#main #title h2 span { color: #616976; }

/*
old image layout

#primary { width: 522px; float: left; position: relative; }
#primary img { margin: 0 5px 5px 0; float: left; }
#primary .corner { position: absolute; top: 0; left: 0; background: url(../img/corner.gif) no-repeat top left; width: 24px; height: 22px; }
#secondary { width: 256px; float: right; }
#secondary img, #secondary iframe { margin-bottom: 5px; }
* html #secondary img, * html #secondary iframe { margin-bottom: 2px; }

*/

/* new image layout */
#googlemaptext { text-align: right; padding-top: 5px; display: block; }
#googlemaptext a { color: #da4726; font-weight: bold; text-decoration: none; }
#googlemaptext a:hover { text-decoration: underline; }
#primary { width: 778px; height: 586px; float: left; position: relative; overflow: hidden; }
#primary div, #primary img.large { position: absolute; }
#primary.hoverImages img { border: 2px solid #fff; }
#primary.hoverImages img.active { border: 2px solid #da4726; }

#primary.topleft iframe, #primary.topleft img { float: right; clear: right; margin-bottom: 5px; }
#primary.topleft div { bottom: 0; right: 0; width: 783px; height: 192px; margin: 0; padding: 0; }
#primary.topleft div iframe, #primary.topleft div img { clear: none; margin: 0 0 0 5px; }
#primary.topleft img.large, #primary.topleft #flash { top: 0; left: 0; margin: 0; padding: 0; }

#primary.topright img { float: left; clear: left; margin-bottom: 5px; }
#primary.topright div { bottom: 0; left: 0; width: 783px; height: 192px; margin: 0; padding: 0; }
#primary.topright div img { clear: none; margin: 0 5px 0 0; }
#primary.topright img.large { top: 0; right: 0; margin: 0; padding: 0; }

#primary.bottomright, #primary.bottomleft { padding-top: 197px; height: 389px; } /* not working in ie6 */

#primary.bottomleft img { float: right; clear: right; margin-bottom: 5px; }
#primary.bottomleft div { top: 0; right: 0; width: 783px; height: 192px; margin: 0; padding: 0; }
#primary.bottomleft div img { clear: none; margin: 0 0 0 5px; }
#primary.bottomleft img.large { bottom: 0; left: 0; margin: 0; padding: 0; }

#primary.bottomright img { float: left; clear: left; margin-bottom: 5px; }
#primary.bottomright div { top: 0; left: 0; width: 783px; height: 192px; margin: 0; padding: 0; }
#primary.bottomright div img { clear: none; margin: 0 5px 0 0; }
#primary.bottomright img.large { bottom: 0; right: 0; margin: 0; padding: 0; }

#content { clear: both; padding-top: 25px; }
#content p { margin-bottom: 15px; color: #da4726; line-height: 16px; font-weight: bold; }
#content a, #content a:active, #content a:hover, #content a:visited { color: #da4726; text-decoration: underline; }
#content h1, #properties li h2 { text-transform: uppercase; color: #616976; font-size: 18px; font-weight: normal; margin-bottom: 10px; }

#content #services-list { float: right; width: 450px; font-size: 14px; text-transform: uppercase; color: #da4726; font-weight: bold;  }
#content #services-list li { cursor: pointer; margin: 0 0 3px 60px; }
#content #services-list li span { padding-left: 10px; color: #616976; }

#properties { list-style-type: none; }
#properties li { display: block; float: left; width: 376px; margin: 0 20px 30px 4px; padding-bottom: 15px; background: url(../img/border-2px.gif) repeat-x bottom; position: relative; }
#properties li p { font-size: 11px; }
#properties li a, #properties li a:active, #properties li a:hover, #properties li a:visited { position: absolute; bottom: 0; right: 0; display: block; background: #fff; padding: 0 20px 0 7px; text-decoration: none; text-transform: uppercase; color: #616976; font-weight: bold; }
#properties li a:hover { color: #212121; text-decoration: underline; }
#properties li.end { margin: 0; }
#properties li div { width: 376px; height: 283px; position: relative; overflow: hidden; margin-bottom: 15px; }
#properties li div div, #properties li div img.large { position: absolute; }

/* image positioning */
#properties li.topleft div img { float: right; clear: right; margin-bottom: 5px; }
#properties li.topleft div div { bottom: 0; right: 0; width: 381px; height: 91px; margin: 0; padding: 0; }
#properties li.topleft div div img { clear: none; margin: 0 0 0 7px; }
#properties li.topleft div img.large { top: 0; left: 3px; margin: 0; padding: 0; }

#properties li.topright div img { float: left; clear: left; margin-bottom: 5px; }
#properties li.topright div div { bottom: 0; left: 0; width: 381px; height: 91px; margin: 0; padding: 0; }
#properties li.topright div div img { clear: none; margin: 0 7px 0 0; }
#properties li.topright div img.large { top: 0; right: 3px; margin: 0; padding: 0; }

#properties li.bottomleft div, #properties li.bottomright div { padding-top: 97px; height: 186px; }

#properties li.bottomleft div img { float: right; clear: right; margin-bottom: 5px; }
#properties li.bottomleft div div { top: 0; right: 0; width: 381px; height: 91px; margin: 0; padding: 0; }
#properties li.bottomleft div div img { clear: none; margin: 0 0 0 7px; }
#properties li.bottomleft div img.large { bottom: 0; left: 3px; margin: 0; padding: 0; }

#properties li.bottomright div img { float: left; clear: left; margin-bottom: 5px; }
#properties li.bottomright div div { top: 0; left: 0; width: 381px; height: 91px; margin: 0; padding: 0; }
#properties li.bottomright div div img { clear: none; margin: 0 7px 0 0; }
#properties li.bottomright div img.large { bottom: 0; right: 3px; margin: 0; padding: 0; }

.print, .pdf, .office { display: block; height: 16px; float: right; margin: 20px 0 20px 20px; color: #000; padding-right: 25px; text-decoration: none; }
.print { background: url(../img/printer.png) no-repeat right center; }
.pdf { background: url(../img/pdf.png) no-repeat right center; }
.office { float: left; background: url(../img/magnifier.png) no-repeat right center; margin: 20px 0 0 0; }
.print:hover, .pdf:hover { text-decoration: underline; }

form input { border: 1px solid #ccc; padding: 3px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; margin-left: 3px; }
form label { margin-right: 20px; }
form #cv-label { display: block; margin-top: 10px; }
form #cv-submit { margin-top: 10px; }

/* footer */
#footer { height: 170px; clear: both; margin-top: 50px; border-top: 2px solid #da4726; background: url(../img/footer.gif) no-repeat right 51px; position: relative; }
#footer h4 { text-transform: uppercase; color: #da4726; padding: 5px 0 3px 0; font-size: 12px; }
#footer ul.address, #links { list-style-type: none; text-transform: uppercase; font-size: 11px; color: #616976; padding: 0 0 5px 0; }
#footer ul.address li, #links li { display: inline; height: 10px; padding-right: 5px; margin-right: 5px; border-right: 1px solid #da4726; }
#footer ul.address li.last, #links li.last { padding: 0; margin: 0; border: 0 none; }
#links { padding-top: 7px; }
#links a, #links a:hover, #links a:active, #links a:visited,
#footer a, #footer a:hover, #footer a:active, #footer a:visited { color: #616976; text-decoration: none; }
#links a:hover, #footer a:hover { text-decoration: underline; }
#footer ul.address li a { background: #da4726; color: #fff; font-weight: bold; padding: 0 2px; }
#footer ul.address li a:hover { color: #fff; }

#footer #partners { position: absolute; bottom: 20px; left: 0; width: 100%; height: 20px; background: #616976; color: #fff; }
#footer #partners h4 { display: block; float: left; width: 65px; height: 18px; margin: 0; padding: 2px 4px 0 4px; color: #fff; background: #da4726; font-weight: normal; font-size: 12px; text-align: center; margin-right: 20px; }
#footer #partners p { padding-top: 2px; }
#footer p#company { position: absolute; bottom: 0; left: 0; clear: both; font-size: 9px; color: #616976; }