/*
teal: 1cb2d7
orange: F67902
brown: 4c3c2d
shadow: 2D2216
*/
body { text-align: center; font: 14px verdana, sans-serif; }
h1, h2, h3, p, dl { text-shadow: 0 1px 1px #2D2216; }
h2 { margin-top: 0; font-weight: normal; font-family: 'century gothic', 'trebuchet ms', sans-serif; letter-spacing: 4px; color: #fff; }
#container { margin: 0 auto; width: 800px; text-align: left; background: transparent url(../images/bg-container.gif) no-repeat; }
#header h1 { margin: 0; }
#header h1 a { display: block; height: 140px; width: 260px; text-indent: -9999px; outline: none; }
#header #contact { float: right; width: 330px; height: 50px; background: transparent url(../images/bg-contact.gif) no-repeat; }
#header #contact a { display: block; margin-top: 23px; text-indent: -9999px; outline: none; }

.nav { width: 165px; padding: 140px 0 20px 0; }
.nav a { display: block; padding: 6px 12px 6px 0; color: #777; font-family: 'century gothic', 'trebuchet ms', sans-serif; text-transform: uppercase; text-decoration: none; text-align: right; }
.nav a:hover, .nav a.selected { color: #1cb2d7; }
.nav #fsbo { 
  margin: 25px 5px 25px 0; 
  padding: 5px; 
  text-align: center; 
  color: #fff;
  background: #c00;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, rgb(204,0,0)), color-stop(0.7, rgb(232,58,58)));
  background: -moz-linear-gradient(center bottom, rgb(204,0,0) 40%, rgb(232,58,58) 70%);
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  text-shadow: 1px 0 0 #000;
}
.nav #fsbo:hover, .nav #fsbo.selected { color: #fff; }

#main { padding: 20px; color: #fff; background: transparent url(../images/bg.gif) }
#main table { width: 100%; }
#main tr { vertical-align: top; }
#main td { color: #4c3c2d; background: #fff; }
#main a { color: #F67902; font-weight: bold; }
#main a:hover { color: #1cb2d7; }

#bottom { text-align: center; margin-top: 20px; font-size: 11px; color: #DDECED; }
#agents td { text-align: center; }
#agents td img { border: none; }
#agents a { text-decoration: none; }

.agent td { padding: 8px; vertical-align: top; }
.agent h4 { margin: 0; font: bold 16px verdana; }

#links td { height: 100px; width: 33%; vertical-align: middle; text-align: center; }

.content { margin: 10px 30px; padding: 10px; background: #fff; color: #000; font: 12px tahoma, sans-serif; -moz-box-shadow: 0 0 15px #2D2216; -webkit-box-shadow: 0 0 15px #2D2216; }
.content h3 { color: #4C3C2D; text-shadow: none; }
.content ul { list-style: none; }
.content li { margin-bottom: 5px; }

dl#agents { overflow: hidden; color: #000; height: 700px; font-family: Arial; }
#agents dt { display: block; float: left; clear: left; margin: 0; padding: 8px; width: 285px;  
	border: 0px solid #fff; font-size: 12px; line-height: 15px; color: #fff; }
#agents dt .name { font-size: 15px; font-weight: bold; }
#agents dt .title { font-size: 14px; font-weight: bold; }
#agents dt img { float: left; margin-right: 10px; border: 1px solid #222; }
#agents dt.hover, dd { background: transparent; border: 0px solid #fff; color: #fff; }
#agents dt.hover { border-right: 0px solid #fff; }
#agents dd { float: left; margin: 0; width: 280px; border-left: none; line-height: 18px; }

#fsbo li { margin-bottom: 15px; }

.error { color: red; border: 1px solid red; display: block; padding: 8px; white-space: pre}

.twitter, .facebook { display: inline-block; padding: 10px 0 10px 38px; background-image: url('/images/sprite.png'); }
.twitter { background-position: -183px -1599px; }
.facebook { margin-left: 15px; background-position: -183px -1697px; }