/* general */
body { background: #141313; margin: 0; }
* { font: 9pt Arial, Helvetica, Verdana sans-serif; color: #818285; }
a { outline: none; border: none; }
a:focus, a:active { -moz-outline: none; outline: none; border: none; }
.hidden { display: none ;}

/* colours */
.mustard { color: #d5b233; }
.black { color: #141313; }

/* elements */
#page_c { width: 949px; height: 659px; margin: auto; }
#content { width: 949px; height: 599px; background: #fff; position: relative; overflow: visible; }
#photo { width: 945px; height: 595px; overflow: hidden; position: absolute; top: 2px; left: 2px; }
#photo2 { width: 3000px; height: 595px; position: absolute; top: 0; left: 0; }
#photo2 img { display: block; float: left; }
#details { margin: 12px 18px 0 18px; position: relative; }
#quote { position: absolute; width: 594px; height: 110px; left: 2px; bottom: 20px; overflow: hidden; }
#quote2 { position: absolute; left: 0; top: 0; width: 594px; height: 110px; background: url(images/quotes/welcome.png); }
#loading { padding: 282px 457px; background: #141313; }
#faded { width: 945px; height: 595px; overflow: hidden; position: absolute; top: 2px; left: 2px; background: url(images/faded-bg.jpg) }
#back_button { display: block; width: 30px; height: 110px; position: absolute; left: -30px; bottom: 20px; background: url(images/back.png); }

/* contact page */
#contact_address { position: absolute; top: 218px; left: 34px; }
#contact_address table { border-collapse: collapse; border-spacing: 0; }
#contact_address table td { vertical-align: top; padding: 0 0 24px 0; text-align: left; white-space: nowrap; width: 108px; }
#contact_address table td.first { width: 62px; }
#contact_address a { color: #fff; text-decoration: underline; }
#contact_address a:hover { text-decoration: none; }
#contact_map { position: absolute; top: 218px; left: 290px; }
#contact_map img { position: absolute; top: 24px; left: 0; }
#contact_form { position: absolute; top: 218px; left: 650px; }
#contact_form table { position: absolute; top: 24px; left: 0; border-collapse: collapse; border-spacing: 0; width: 265px; }
#contact_form table td { height: 23px; background: #d5b233; }
#contact_form table td { width: 170px; padding: 0; border-top: 3px solid #141313; }
#contact_form table td.label { color: #fff; width: 45px; padding: 0 0 0 10px; }
#contact_form table td input { width: 210px; border: none; background: transparent; color: #141313; }
#contact_form table td img { width: 25px; height: 24px; display: block; cursor: pointer; float: right }
#contact_form table td textarea { width: 245px; height: 175px; #height: 163px; padding: 10px; border: none; background: transparent; color: #141313; }
#contact_form table td.textarea { border-top: none; background: #fff; width: 265px; }
#confirm { position: absolute; top: 24px; left: 0; background: #d5b233; width: 245px; height: 294px; padding: 10px; }
#errors { position: absolute; top: 94px; #top: 105px; left: 0; background: #d5b233; width: 245px; height: 224px; #height: 212px; padding: 10px; }
#confirm a, #confirm, #errors a, #errors { color: #fff; }

/* news page */
#news_list { position: absolute; top: 218px; left: 34px; width: 230px; height: 356px; overflow: hidden; }
#news_list table { position: absolute; top: 36px; left: 0; border-collapse: collapse; border-spacing: 0; width: 230px; }
#news_list table td { width: 170px; height: 30px; vertical-align: top; cursor: pointer; }
#news_list table tr.selected td { color: #fff; }
#news_list table tr.selected td.date { color: #d5b233; }
#news_list table td.date { width: 60px; }
#news_item { position: absolute; top: 218px; left: 290px; width: 285px; }
#news_image { position: absolute; top: 255px; left: 602px; }
#news_image img { border: 2px solid #fff; }
#news_content { position: absolute; top: 36px; left: 0; color: #fff; height: 320px; overflow: hidden; overflow-y: auto; }
#news_content table { position: relative; top: 0; left: 0; border-collapse: collapse; border-spacing: 0; width: 285px; }
#news_content table td { width: 170px; height: 30px; vertical-align: top; cursor: pointer; color: #fff; }
#news_content table td.date { color: #d5b233; width: 60px; }

/* bottom strip */
#logo { background: url(images/logo.png) top left no-repeat; width: 188px; height: 34px; position: absolute; left: 0; top: 0; margin: 0; }
#address, #contact, #news, #contact_us { position: absolute; top: 3px; }
#address { left: 250px; }
#contact { left: 400px; }
#contact label { display: block; float: left; width: 46px; color: #d5b233; }
#contact a { color: #fff; text-decoration: underline; }
#contact a:hover { text-decoration: none; }
#news { left: 766px; }
#contact_us { left: 850px; }
#news, #contact_us { text-decoration: none; }
#news:hover, #contact_us:hover { text-decoration: underline; color: #fff; }

/* side menu */
#menu { position: absolute; bottom: 20px; left: -30px; width: 30px; height: 550px; overflow: hidden; }
#menu2 { position: absolute; top: 0; left: 0; width: 30px; height: 550px; }
#menu a { display: block; background: url(images/menu.png) top left; width: 30px; height: 110px; }
#menu a.selected { background-image: url(images/menu-over.png); }
#menu #welcome { background-position: 0 110px; }
#menu #concept { background-position: 0 220px; }
#menu #design { background-position: 0 330px; }
#menu #communication { background-position: 0 440px; }
#menu #reality { background-position: 0 550px; }

/* photos */
#photo_controls a { display: block; width: 87px; height: 20px; position: absolute; right: 2px; background: no-repeat top left; opacity: 0.9; }
#photo_controls a:hover { opacity: 1; }
a#prev { bottom: 43px; background-image: url(images/prev.png); }
a#next { bottom: 20px; background-image: url(images/next.png); }

/* valign */
#valign { border-collapse: collapse; border-spacing: none; }
#valign td { padding: 0; vertical-align: middle; }
#valign, #valign td, body, html { width: 100%; height: 100%; }

/* hide text for CSS browsers */
.no_links a, #logo, #quote, #back_button { text-indent: -999px; overflow: hidden; }