/* Elements
============================================================ */

body {
	background:#1a1a1a;
	color:#d0d0d0;
	margin:0;
	padding:0;
	line-height:1.5em;
}
body,table,textarea {
	font-family:'trebuchet ms',arial,verdana,sans-serif;
	font-size:small;
}

a       { color:#e78143; text-decoration:none; }
a:hover { text-decoration:underline; }

h1,h2,h3,h4 { font-weight:normal; color:#fff; }
h1 { font-size:1.4em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }

b,strong { color:#fff; }

/* Classes
============================================================ */

.wrap  { width:960px; margin:0 auto; }
.clear { clear:both; font-size:0px; height:0px; line-height:0px; }

.fl   { float:left; }
.fr   { float:right; }
.al   { text-align:left; }
.ac   { text-align:center; }
.ar   { text-align:right; }
.first  { margin-left:0 !important; }
.last   { margin-right:0 !important; }
.top    { margin-top:0 !important; }
.bottom { margin-bottom:0 !important; }

/* Header
============================================================ */

#header    { height:90px; float:left; margin:35px 0 25px; }
#header h1 { margin:0; }
#header a  { display:block; width:88px; height:90px; background:url(../img/header.gif); text-indent:-9000px; }

/* Topmenu
============================================================ */

#topmenu              { float:right; font-size:13px; height:90px; }
#topmenu ul           { margin:0; list-style:none; }
#topmenu li           { float:left; }
#topmenu a            { display:block; line-height:90px; padding:35px 0 15px 0; text-decoration:none; }
#topmenu a:hover      { background:#333; color:#000; border-bottom:1px solid #e78143; }
#topmenu a:hover span { border:none; padding:0 16px; }
#topmenu span         { display:block; padding:0 15px; border-left:1px solid #000; border-right:1px solid #2a2a2a; }
#topmenu .first span  { border-left:none; padding-left:16px; }
#topmenu .last span   { border-right:none; padding-right:16px; }
#topmenu .selected a span { background:url(../img/topmenu_selected.gif) center no-repeat;  }
#topmenu .selected a:hover span { background:url(../img/topmenu_selected_over.gif) center no-repeat; }

/* Middle
============================================================ */

#middle       { color:#bbb; background:#2a2a2a; font-size:1.15em; line-height:1.5em; font-style:italic; }
#middle .wrap { background:url(../img/house.jpg) right top no-repeat; padding:1px 0; }
#middle p     { margin-right:380px; }

/* Container
============================================================ */

#content { float:left; width:580px; /*margin-top:-1em;*/ }
#rail    { float:right; width:360px; }

/* Content
============================================================ */

.properties .fl { width:160px; }
.properties .fr { width:400px; }
.properties dl  { line-height:23px; }
.properties dt  { color:#fff; }
.properties dd  { margin:-23px 0 0 0; padding-left:6em; border-bottom:1px solid #222; }
.properties .fl a   { display:block; position:relative; }
.properties .fl a .reserved { display:block; position:absolute; left:79px; top:44px; background:url(../img/reserved.png); width:76px; height:76px; }
.properties a img,
.properties img.border  { border:1px solid #000; padding:4px; margin-top:3px; }
.properties a:hover img { border-color:#e78143; background:#000; }
.properties .clear      { height:22px; background:url(../img/separator.gif) center no-repeat; }
.properties .photos     { margin:1em 0; padding:0; list-style:none; }
.properties .photos li  { float:left; margin:0 5px 5px 0; }
dl.details dd { padding-left:11em; }

.comments ul    { margin:1em 0; padding:0; list-style:none; }
.comments ul .text,
.comments form textarea { border:1px solid #333; background:#202020; padding:0.45em 10px; }
.comments ul .name { margin-right:0.65em; margin-top:-0.65em; margin-bottom:1.35em; text-align:right; }
.comments form   { margin-bottom:1em; text-align:right; }
.comments form p { margin:0; }
.comments form textarea { width:558px; color:#fff; }
.comments form input { width:558px; color:#fff; background:none; padding:5px 11px; border:0; text-align:right; }
.comments form .submit { margin-top:0.65em; }
h2 small { font-size:small; margin-left:1em; }

.form input.input,
.form textarea { background:#202020; border:1px solid #333; padding:7px; color:#fff; width:564px; }
.form input.input:focus,
.form textarea:focus { border:2px solid #E78143; padding:6px; }
.form input.gray,
.form textarea.gray { color:#444; }
.form textarea { height:150px; resize:vertical; }

.window input.input,
.window textarea { width:308px; }
.window textarea { height:100px; }

/* Rail
============================================================ */

#rail .window { background:#000; padding:1px 18px; margin-bottom:1em; }

#rail .window .fl,
#rail .window .fr { width:153px; }

#rail ul.reset      { margin:1em 0; padding:0; list-style:none; }
#rail ul.selected a { color:#666; }
#rail ul.selected:hover a,
#rail ul.selected .selected a { color:#e78143; }

/* Footer
============================================================ */

#footer { border-top:1px dotted #333; color:#888; line-height:2.8em; margin-top:1em; }
#footer a.neutral { color:#888; text-decoration:none; }
#footer .fr   { font-size:11px; color:#444; padding-top:3px; }
#footer .fr a { color:#777; }