/* general */
body { background-color: #C3BBAF; }
body, p, input, select, a { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #fff; }
input, select { color: #310; }
p { margin: 0 0 10px 0; line-height: 15px; text-align: left; }
p.left { text-align: left; }
p.center { text-align: center; }
p.right { text-align: right; }
.column { float: left; overflow: hidden; }
.abs { position: absolute; }
.rel { position: relative; }
.for_javascript { display: none; }

/* anchors */
a:hover { text-decoration: none; }
a:focus, a:active { -moz-outline: none; outline: none; border: none; }
a img { border: none; }
a.plain { text-decoration: none; }
a.plain:hover { text-decoration: underline; }

/* colours */
.beige, h2 { color: #C3BBAF;}
.dark { color: #2F1110; }
.white { color: #fff; }

/* headers */
h1 { background: top left no-repeat url(images/logo.png); height: 26px; width: 124px; position: absolute; top: 30px; right: 40px; margin: 0; }
h2 { position: absolute; top: 25px; right: 172px; margin: 0; font-family: "Times Roman", "Times New Roman", Times, serif; font-size: 26px; text-transform: lowercase; font-weight: normal; }
h3 { background: top left no-repeat; height: 14px; margin: 20px 0 7px 0; overflow: hidden; }
h4 { background: top left no-repeat url(images/search.png); height: 19px; width: 71px; position: absolute; top: 31px; right: 30px; margin: 0; }
h1 span, h3 span, h4 span { visibility: hidden; }

/* scrolls */
#scroll_text { overflow: auto; padding: 0 10px 0 0; }
#scroll_text div { position: relative; top: 0; left: 0; }
#scroll_controls { float: right; clear: right; margin: 20px 0 0 0; display: none; }
#scroll_controls label { display: block; float: left; margin: -2px 5px 0 0; }

/* general classes */
.invisible { visibility: hidden; }
.hidden { display: none; }
.disabled { color: #999; }
.error { color: #edd; }

/* listings */
.listing_image { text-decoration: none; }
.listing_image img { margin: 0 5px; }
.listing_image:hover { color: #2F1110; }
.listing_box { display: block; float: left; height: 128px; width: 105px; border: 1px solid #ccc; margin: 0 13px 13px 0; position: relative; cursor: pointer; }
.listing_box img, .listing_image img { opacity: 0.6; }
.listing_image:hover img, .listing_box:hover img { opacity: 1; }
.listing_title { display: block; position: absolute; bottom: 0; left: 0; height: 21px; width: 105px; background: #2F1110; }
.listing_title a { color: #fff; text-decoration: none; display: block; width: 95px; overflow: hidden; padding: 3px 0 2px 8px; font-size: 10px; }
.listing_title a.pdf { position: absolute; width: 20px; bottom: 2px; right: 8px; color: #C3BBAF; text-decoration: underline; }
.listing_title a.pdf:hover { text-decoration: none; }
.selected { background: #978887; color: #fff; }
.selected a.pdf { color: #fff; }
.large_image { border: 1px solid #d6d6d6; top: 70px; left: 238px; }

/* vertical and horizontal align */
body { margin: 0; }
body, html, #outer { height: 100%; }
#outer { margin: 0 auto; }
#middle { vertical-align: middle; }
#inner { width: 675px; height: 360px; background-color: #2F1110; padding: 35px 40px; position: relative; }

/* forms */
form .column { width: 300px; }
form label { float: left; clear: left; display: block; width: 80px; margin: 2px 0 0 0; }
form input { width: 195px; margin: 0 5px 13px 0; }
form input.input_error { color: #900; }
form select { width: 165px; margin: 0 5px 10px 0; }
input, select { background: #fff; border: none; padding: 2px; }
input.input_error, select.input_error { cursor: help; }
form .error { font-size: 10pt; position: relative; bottom: 10px; color: #edb; font-weight: bold; }
label.contact { display: block; float: left; width: 33px; }
.button { background: #C3BBAF; border: none; padding: 2px 2px; display: block; width: 60px; color: #fff; font-weight: bold; cursor: pointer; }

/* id specific */
#copyright { color: #310; font-size: 7pt; position: absolute; left: 0; bottom: -15px; }
#copyright a { color: #310; font-size: 7pt; text-decoration: none; }
#copyright a:hover { text-decoration: underline; }
#menu { position: absolute; right: 37px; bottom: 0; }
#menu a { display: block; padding: 2px 0 2px 0; margin: 0 3px 0 0; width: 78px; text-align: center; color: #310; background-color: #C3BBAF; float: left; font-weight: bold; text-decoration: none; font-size: 9px; }
#menu a.selected, #menu a:hover { background-color: #fff; }
#side_panel { background-color: #2F1110; position: absolute; top: 0; left: 0; width: 215px; height: 430px; color: #BAB0A2; }