/*
teal: 1cb2d7
orange: F67902
brown: 4c3c2d
*/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body { text-align: center; font: 14px verdana, sans-serif; }
#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: 120px 0 20px 0; }
.nav a { display: block; padding: 12px 12px 12px 0; color: #1cb2d7; font: 15px/12px 'century gothic', helvetica, arial, sans-serif; text-decoration: none; text-transform: uppercase; text-align: right; }
.nav a:hover { color: #4c3c2d; }
.nav div { background-position: -15px 0; background-repeat: no-repeat; }
.nav #fsbo { margin-top: 25px; color: #CC6500; }

#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: right; margin-top: 20px; color: #DDECED; }
#bottom p { float: left; margin-top: 68px; }
#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; }

h2 { margin-top: 0; font: normal 22px 'century gothic', tahoma, 'arial narrow', sans-serif; text-transform: lowercase; }
h3 { font: normal 18px tahoma, arial, sans-serif; }
.content { margin: 10px 30px 0 30px; padding: 10px; background: #fff; color: #000; font: 12px tahoma, sans-serif; }
.content h3 { color: #4C3C2D; }
.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; position: absolute; margin: 0; padding: 10px; width: 280px; border-left: none; line-height: 18px; }

/* GLOBAL STYLES */
.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('http://copperroofproperties.com/images/sprite.png'); }
.twitter { background-position: -183px -1599px; }
.facebook { background-position: -183px -1697px; }