/********************************************************
*	BEATBOSSART.COM built by WebSight Design
********************************************************/


*{ padding:0px; margin:0px; }

body{
	text-align: center; background:#000 url('../images/bg.jpg') no-repeat top center; 
	font-family: Trebuchet MS, Helvetica, sans-serif; color:#cc9900; font-weight: 100; font-size:14px; line-height: 20px;
	margin:15px 0px 0px 0px;
}



a:link, a:visited, a:active{color:#6c3e54; font-weight:none; text-decoration: none;}
a:hover, a:active{ color:#543b29; font-weight:none; text-decoration: underline;}


#wrapper{
	width: 992px; margin:0px auto; border:#f00 0px solid; position:relative;
}

h1#logo { width: 365px; height:46px; background:url('../images/logo.gif') no-repeat; margin:0px auto 5px auto; }
h1#logo a{ display:block; height:46px; width:365px; }
h1#logo a span{ display: none;}

#nav{ width:992px; margin:0px auto 15px auto; }

#menu { width:842px; margin:0px auto; padding:10px 0px 5px 0px; }
#menu ul { list-style-type: none; display:inline; margin:0px; padding:0px; }
#menu ul li { float:left; margin:0px; padding:0px; display:inline; }
#menu ul li a { text-decoration: none;  }
#menu ul li a span{ display: none;}

a#home{ display:block; background:url('../images/nav_sprite.gif') no-repeat 0px 0px; height:20px; width:91px;  }
a#home:hover, a#home:active{ display:block; background:url('../images/nav_sprite.gif') no-repeat 0px -21px; height:20px; width:91px;  }

a#about{ display:block; background:url('../images/nav_sprite.gif') no-repeat -91px 0px; height:20px; width:133px;  }
a#about:hover, a#about:active{ display:block; background:url('../images/nav_sprite.gif') no-repeat -91px -21px; height:20px; width:133px;  }

a#properties{ display:block; background:url('../images/nav_sprite.gif') no-repeat -223px 0px; height:20px; width:202px;  }
a#properties:hover, a#properties:active{ display:block; background:url('../images/nav_sprite.gif') no-repeat -223px -21px; height:20px; width:202px;  }

a#mls{ display:block; background:url('../images/nav_sprite.gif') no-repeat -425px 0px; height:20px; width:135px;  }
a#mls:hover, a#mls:active{ display:block; background:url('../images/nav_sprite.gif') no-repeat -425px -21px; height:20px; width:135px;  }

a#resources{ display:block; background:url('../images/nav_sprite.gif') no-repeat -560px 0px; height:20px; width:135px;  }
a#resources:hover, a#resources:active{ display:block; background:url('../images/nav_sprite.gif') no-repeat -560px -21px; height:20px; width:135px;  }

a#contact{ display:block; background:url('../images/nav_sprite.gif') no-repeat -696px 0px; height:20px; width:133px;  }
a#contact:hover, a#contact:active{ display:block; background:url('../images/nav_sprite.gif') no-repeat -696px -21px; height:20px; width:133px;  }

.clearer{
	clear:both;
}

.active { visibility:visible; }
.inactive { visibility:hidden; }

#about_bg_on{ width:187px; height:36px; background:url('../images/about_bg.gif') no-repeat; position:absolute; top:80px; left:180px; z-index:5; text-align:left; }

a#testimonials{ display:block; background:url('../images/resources_sprite.gif') no-repeat -162px -69px; height:20px; width:91px; }
a#testimonials:hover, a#testimonials:active{ display:block; background:url('../images/resources_sprite.gif') no-repeat 0px -68px; height:20px; width:91px;  }

#about_bg_on ul{ list-style-type: none; margin:6px 0px 0px 10px;}
#about_bg_on ul li { margin:0px 0px 3px 0px;  }
#about_bg_on ul li a {text-decoration: none;  }
#about_bg_on ul li a span{display: none;}

#resources_bg_on{ width:187px; height:86px; background:url('../images/resources_bg.gif') no-repeat; position:absolute; top:80px; left:653px; z-index:5; text-align:left; }

a#marin{ display:block; background:url('../images/resources_sprite.gif') no-repeat -162px 0px; height:20px; width:91px;  }
a#marin:hover, a#marin:active{ display:block; background:url('../images/resources_sprite.gif') no-repeat 0px 0px; height:20px; width:91px;  }

a#mortgage{ display:block; background:url('../images/resources_sprite.gif') no-repeat -162px -25px; height:20px; width:162px;  }
a#mortgage:hover, a#mortgage:active{ display:block; background:url('../images/resources_sprite.gif') no-repeat 0px -25px; height:20px; width:162px;  }

a#market{ display:block; background:url('../images/resources_sprite.gif') no-repeat -162px -49px; height:20px; width:162px;  }
a#market:hover, a#market:active{ display:block; background:url('../images/resources_sprite.gif') no-repeat 0px -49px; height:20px; width:162px;  }

#resources_bg_on ul{ list-style-type: none; margin:6px 0px 0px 10px;}
#resources_bg_on ul li { margin:0px 0px 4px 0px;  }
#resources_bg_on ul li a { text-decoration: none;  }
#resources_bg_on ul li a span{display: none;}

#sidebar{
	width:220px; height:623px; float:left; background:url('../images/sidebar_bg.gif') no-repeat top right; text-align: center; padding:10px 0px 0px 0px;
}


#beat_info{ width:169px; height:110px; background: url('../images/sidebar_info.png') no-repeat top center; margin:0px auto; }
#beat_info span{ display: none;}
a#beat_email{ display:block; background:url('../images/sidebar_info.png') no-repeat 0px -110px; height:16px; width:191px; margin:0px auto; }

a#beat_email span{ display: none; }

#content{ width:747px; float:left; padding:0px 0px 0px 23px; }

#home_img{
	width:711px; height:448px; background:url('../images/home_img_bg.gif') no-repeat 0px 0px; /*padding:10px 0px 0px 10px;*/ text-align: left; z-index:3;
}

#home_img img { margin:10px 0px 0px 10px; }

#home_text{
	width:701px; text-align: left; /*padding:5px 6px 20px 6px;*/ overflow:hidden; margin-top:10px;
}

#home_text_inner {
	margin:5px 6px 20px 6px; overflow:hidden;
}

#footer{
	color:#6c3e54; border-top:#6c3e54 1px solid; width:900px; margin:20px auto 20px auto; padding:10px 0px 0px 0px; font-size: 12px;
}

#footer a:link, a:visited, a:active{color:#6c3e54; font-weight:none; text-decoration: none;}
#footer a:hover, a:active{ color:#6c3e54; font-weight:none; text-decoration: underline;}


/*========================= Subpages ==========================*/

h1 span{ display:none; }

h1#hdr_featured_properties{ display:block; background:url('../images/hdr_featured_properties.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_about{ display:block; background:url('../images/hdr_about.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_contact{ display:block; background:url('../images/hdr_contact.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_testimonials{ display:block; background:url('../images/hdr_testimonials.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_mls{ display:block; background:url('../images/hdr_mls.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_marin{ display:block; background:url('../images/hdr_marin.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_resources{ display:block; background:url('../images/hdr_resources.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_market{ display:block; background:url('../images/hdr_market.gif') no-repeat top left; width:396px; height:28px; margin:30px 0px 40px 20px; }
h1#hdr_mortgage{ display:block; background:url('../images/hdr_mortgage.gif') no-repeat top left; width:456px; height:28px; margin:30px 0px 40px 20px; }

.property_div{ border-bottom: #6c3e54 1px solid; wdith:735px; margin:20px 0px 10px 20px; padding:0px 0px 20px 0px;}
.property_div img{ float:left; display: block; }
.property_div_text{  float:left; padding:0px 0px 0px 15px; width:400px; text-align:left;	}
.property_div_text p{ padding:10px 0px 0px 0px; }
.property_div_text a{ color:#ae67a3; text-decoration: none;}
.property_div_text span.courtesy{font-size:.75em}

p{ text-align: left; padding:0px 0px 0px 20px;}

#property_img{ border:#f00 0px solid; margin:10px 60px 0px -20px;}
#property_img img{ display: block; border: #ae67a3 1px solid; margin:0px auto 0px auto; }
#property_thumbs{ margin:0px 60px 0px 0px; border:#f00 0px solid; width: 700px;}
#property_thumbs .thmbs{ float:left; border:#ae67a3 2px solid; overflow:hidden; margin:10px 10px 5px 10px; width:45px; height:45px; cursor: pointer; }

#property_detail{ margin:18px 0px 0px 0px; text-align: left; position: relative; }
#property_detail h1{ font-weight: normal; margin:0px 0px 5px 0px;}
#property_detail_text{ border-top:#6c3e54 1px dashed; width:700px; margin:15px 0px 0px 0px; }
#property_detail_text p{ padding:5px;}

a#back_btn{ position: absolute; color:#ae67a3; right:50px; top:10px; text-decoration: none;}

.ffield{ float:left; width:140px; margin:4px 0px 4px 20px; text-align: left;}
.flabel{ float:left; width:140px; margin:4px 0px 4px 0px; text-align: right; }
.fclear{ clear:both; }