@charset "UTF-8";
/* CSS Document */

/*

Organized by:

Typography
Layout
Navigation
Forms and Tables
Misc.

*/



/* Typography
------------------------------------------------------------------------------ */

body {
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;  
	}
	
a, a:visited { text-decoration: none; }
	
a:hover { text-decoration: underline; }

body.sred a, a:visited { color: #6A1F2D; }
body.sgreen a, a:visited { color: #009E9E; }
body.s4d504a a, a:visited { color: #4d504a; }
body.s562706 a, a:visited { color: #562706; }
body.s752231 a, a:visited { color: #752231; }
body.sb81137 a, a:visited { color: #b81137; }
body.sad6814 a, a:visited { color: #ad6814; }
body.s2a5656 a, a:visited { color: #2a5656; }
body.s10073e a, a:visited { color: #10073e; }

h3 { 
	font-size: 1.25em; 
	font-weight: normal;
	line-height: normal;
	}

body.sred h3 { color: #6A1F2D; }
body.sgreen h3 { color: #009E9E; }
body.s4d504a h3 { color: #4d504a; }
body.s562706 h3 { color: #562706; }
body.s752231 h3 { color: #752231; }
body.sb81137 h3 { color: #b81137; }
body.sad6814 h3 { color: #ad6814; }
body.s2a5656 h3 { color: #2a5656; }
body.s10073e h3 { color: #10073e; }

h5 { font-size: 0.875em; }

#sidebar h1 { 
	overflow: hidden;
	text-indent: -9000px; 
	}

#content p { font-size: 0.6875em; }

#content p.sub { font-size: 0.5625em; }

input, textarea { 
	font-size: 0.6875em;
	font-family: Arial, Helvetica, sans-serif; 
	}

.bold { font-weight: bold; }



/* Layout
------------------------------------------------------------------------------ */

body { margin: 0; }

body.sred { background: #2D0D13 url(../img/bg_red.gif) repeat-x top left; }
body.sgreen { background: #102121 url(../img/bg_green.gif) repeat-x top left; }
body.s4d504a { background: #1e1f1d url(../img/agents/bg_4d504a.gif) repeat-x top left; }
body.s562706 { background: #210f02 url(../img/agents/bg_562706.gif) repeat-x top left; }
body.s752231 { background: #2d0d13 url(../img/agents/bg_752231.gif) repeat-x top left; }
body.sb81137 { background: #470715 url(../img/agents/bg_b81137.gif) repeat-x top left; }
body.sad6814 { background: #432808 url(../img/agents/bg_ad6814.gif) repeat-x top left; }
body.s2a5656 { background: #102121 url(../img/agents/bg_2a5656.gif) repeat-x top left; }
body.s10073e { background: #060318 url(../img/agents/bg_10073e.gif) repeat-x top left; }

#container {
	width: 990px;
	margin: 0;
	}
	
#sidebar {
	float: left;
	width: 150px;
	}
	
#main {
	float: left;
	width: 840px;
	background-color: #FFF;
	}
	
#header {
	width: 840px;
	height: 200px;
	}
	
#content {
	width: 800px;
	padding: 20px;
	}
	
#footer {
	clear: both;
	margin: 20px 0;
	padding-top: 20px;
	}
	
.vertical-nav-container {
	width: 475px;
	height: 450px;
	}
	
.vertical-nav-content {
	width: 359px;
	height: 428px;
	padding: 10px;
	border: 1px solid #CCC;
	border-left: none;
	}
	
.vertical-nav-content div {
	height: 380px;
	margin-top: 10px;
	overflow-y: scroll;
	/*overflow-x: none;*/
	}

.vertical-nav-content div p { 
	margin-top: 0;
	margin-right: 10px;
	padding-top: 10px;
	}
	
.vertical-nav-content #agent_details { padding-top: 15px; }

.horizontal-nav-content {
	width: 778px;
	padding: 10px;
	border: 1px solid #CCC;
	background: #EEEDED url(../img/bg_silver.gif) repeat-x top left;
	}
	
.copy-footer {
	width: 770px;
	height: 25px;
	padding: 10px 15px 0;
	background: url(../img/bg_copy_footer.gif) no-repeat top left;
	}
	
.custom-content {
	margin: 10px 0;
	padding: 18px;
	border-top: 1px solid #DBDFDE;
	border-bottom: 1px solid #DBDFDE;
	}
	
.custom-content h3 { margin-bottom: 10px; }
	
.wide-listing {
	width: 742px;
	height: 227px;
	margin: 6px auto 20px;
	padding: 10px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #CCC;
	background: #EEEDED url(../img/bg_silver.gif) repeat-x top left;
	}
	
.wide-listing p { margin-top: 5px; }
	
.wide-listing div.left {
	width: 332px;
	height: 227px;
	margin-right: 10px;
	overflow: hidden;
	}
	
div.agent-listings {
	display: inline;
	float: left;
	width: 137px;
	height: 210px;
	margin: 0 15px 10px 0;
	padding: 10px;
	overflow-y: hidden;
	border: 1px solid #DBDFDE;
	background: #EEEDED url(../img/bg_silver.gif) repeat-x top left;
	}
	
.custom-content .agent-listings { margin: 0 42px 10px 0; }

.horizontal-nav-content .agent-listings { margin-right: 46px; }
	
.agent-listings div {
	width: 135px;
	height: 120px;
	margin: 0 0 10px;
	overflow: hidden;
	}
	
.agent-listings p { margin-top: 0; }

.vertical-nav-content .agent-listings p { 
	padding-top: 0;
	border: none; 
	}
	
div.team-listing {
	float: left;
	width: 320px;
	height: 110px;
	margin: 0 94px 20px 0;
	padding: 10px;
	overflow-y: hidden;
	border: 1px solid #DBDFDE;
	background-color: #FFF;
	}
	
.team-listing div.left {
	width: 70px;
	height: 105px;
	margin: 0 10px 0 0;
	overflow: hidden;
	}
	
.team-listing p { margin-top: 0; }

.vertical-nav-content .team-listing { padding: 0; }

.vertical-nav-content .team-listing { 
	float: none;
	width: 310px;
	margin-right: 0;
	padding: 10px; 
	}

.vertical-nav-content .team-listing p { 
	padding: 0;
	border: none; 
	}
	
.vertical-nav-content .team-listing div.left { margin-top: 0; }	
	
h3, h4, h5, #footer p, .copy-footer p { margin: 0; }

#footer p.sub {	
	clear: both;
	width: 75%;
	padding-top: 20px;	
	}

#sidebar h1 {
	width: 120px;
	height: 180px;
	margin: 30px auto;
	}
	
#sidebar h1 a {
	display: block;
	width: 120px;
	height: 180px;
	}
	
#sidebar h1 a { background-position: top left; }	
#sidebar h1 a:hover { background-position: top right; }
	
body.sred #sidebar h1, body.sred #sidebar h1 a { background-image: url(../img/logo_red.gif); }
body.sgreen #sidebar h1, body.sgreen #sidebar h1 a { background-image: url(../img/logo_green.gif); }
body.s4d504a #sidebar h1, body.s4d504a #sidebar h1 a { background-image: url(../img/agents/logo_4d504a.gif); }
body.s562706 #sidebar h1, body.s562706 #sidebar h1 a { background-image: url(../img/agents/logo_562706.gif); }
body.s752231 #sidebar h1, body.s752231 #sidebar h1 a { background-image: url(../img/agents/logo_752231.gif); }
body.sb81137 #sidebar h1, body.sb81137 #sidebar h1 a { background-image: url(../img/agents/logo_b81137.gif); }
body.sad6814 #sidebar h1, body.sad6814 #sidebar h1 a { background-image: url(../img/agents/logo_ad6814.gif); }
body.s2a5656 #sidebar h1, body.s2a5656 #sidebar h1 a { background-image: url(../img/agents/logo_2a5656.gif); }
body.s10073e #sidebar h1, body.s10073e #sidebar h1 a { background-image: url(../img/agents/logo_10073e.gif); }



/* Navigation
------------------------------------------------------------------------------ */

.horizontal-nav {
	clear: both;
	width: 770px;
	height: 16px;
	margin: 0;
	padding: 10px 15px 6px;
	list-style: none;
	background: url(../img/bg_horizontal_nav.gif) no-repeat top left;
	}
	
.horizontal-nav li {
	float: left;
	margin-right: 11px; 
	}
	
.horizontal-nav a {
	display: block;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	}
	
.horizontal-nav .bio a { width: 20px; }
.horizontal-nav .bio, .horizontal-nav .bio a { background: url(../img/nav_bio.gif) no-repeat top left; }

.horizontal-nav .listings a { width: 53px; }
.horizontal-nav .listings, .horizontal-nav .listings a { background: url(../img/nav_listings.gif) no-repeat top left; }

.horizontal-nav .specialties a { width: 75px; }
.horizontal-nav .specialties, .horizontal-nav .specialties a { background: url(../img/nav_specialties.gif) no-repeat top left; }

.horizontal-nav .testimonials a { width: 88px; }
.horizontal-nav .testimonials, .horizontal-nav .testimonials a { background: url(../img/nav_testimonials.gif) no-repeat top left; }

.horizontal-nav .marketing a { width: 71px; }
.horizontal-nav .marketing, .horizontal-nav .marketing a { background: url(../img/nav_marketing.gif) no-repeat top left; }

.horizontal-nav .team a { width: 35px; }
.horizontal-nav .team, .horizontal-nav .team a { background: url(../img/nav_team.gif) no-repeat top left; }

.horizontal-nav .sold-gallery a { width: 87px; }
.horizontal-nav .sold-gallery, .horizontal-nav .sold-gallery a { background: url(../img/nav_sold_gallery.gif) no-repeat top left; }

.horizontal-nav .my-links a { width: 55px; }
.horizontal-nav .my-links, .horizontal-nav .my-links a { background: url(../img/nav_my_links.gif) no-repeat top left; }

.horizontal-nav .areas a { width: 40px; }
.horizontal-nav .areas, .horizontal-nav .areas a { background: url(../img/nav_areas.gif) no-repeat top left; }

.horizontal-nav .video a { width: 36px; }
.horizontal-nav .video, .horizontal-nav .video a { background: url(../img/nav_video.gif) no-repeat top left; }

.horizontal-nav .chat a { width: 31px; }
.horizontal-nav .chat, .horizontal-nav .chat a { background: url(../img/nav_chat.gif) no-repeat top left; }

.horizontal-nav .contact a { width: 58px; }
.horizontal-nav .contact, .horizontal-nav .contact a { background: url(../img/nav_contact.gif) no-repeat top left; }

.horizontal-nav a:hover, .horizontal-nav a.selected { background-position: top right; }

.vertical-nav {
	width: 95px;
	height: 450px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/bg_vertical_nav.gif) no-repeat top left;
	}
	
.vertical-nav li { 
	}
	
.vertical-nav a {
	display: block;
	width: 95px;
	height: 34px;
	text-indent: -9000px;
	overflow: hidden;
	}

.vertical-nav .bio, .vertical-nav .bio a { background: url(../img/nav_bio2.gif) no-repeat top left; }

.vertical-nav .listings, .vertical-nav .listings a { background: url(../img/nav_listings2.gif) no-repeat top left; }

.vertical-nav .specialties, .vertical-nav .specialties a { background: url(../img/nav_specialties2.gif) no-repeat top left; }

.vertical-nav .testimonials, .vertical-nav .testimonials a { background: url(../img/nav_testimonials2.gif) no-repeat top left; }

.vertical-nav .marketing, .vertical-nav .marketing a { background: url(../img/nav_marketing2.gif) no-repeat top left; }

.vertical-nav .team, .vertical-nav .team a { background: url(../img/nav_team2.gif) no-repeat top left; }

.vertical-nav .sold-gallery, .vertical-nav .sold-gallery a { background: url(../img/nav_sold_gallery2.gif) no-repeat top left; }

.vertical-nav .my-links, .vertical-nav .my-links a { background: url(../img/nav_my_links2.gif) no-repeat top left; }

.vertical-nav .areas, .vertical-nav .areas a { background: url(../img/nav_areas2.gif) no-repeat top left; }

.vertical-nav .video, .vertical-nav .video a { background: url(../img/nav_video2.gif) no-repeat top left; }

.vertical-nav .chat, .vertical-nav .chat a { background: url(../img/nav_chat2.gif) no-repeat top left; }

.vertical-nav .contact, .vertical-nav .contact a { background: url(../img/nav_contact2.gif) no-repeat top left; }

.vertical-nav a:hover, .vertical-nav a.selected { background-position: top right; }



/* Forms and Tables
------------------------------------------------------------------------------ */

form { margin-top: 10px; }

form p { margin: 2px; }

input, textarea {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #DBDFDE;
	}
	
textarea { overflow: auto; }

.send { width: 300px; }



/* Misc.
------------------------------------------------------------------------------ */

.left { float: left; }

.right { float: right; }

.inline { display: inline; }

.bullet {
	margin-left: -8px;
	padding-left: 20px;
	background: url(../img/teles_link_bullet.gif) no-repeat center left;
	}
	
a img { border: none; }