@import url("mainnav.css");
@import url("topmenustyle.css");
body {background: #B7B4AB url(http://www.benlangproperties.com/images/main/site_bkrd.gif) repeat-x; margin: 0px; padding: 0px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; }
.clear {clear:both;}
h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif;}
.pad {padding:10px;}
.margin {margin:10px;}
.padt {padding-top:10px;}
.padb {padding-bottom:10px;}
.padl {padding-left:10px;}
.padr { padding-right:10px;}
.margint {margin-top:10px;}
.marginb {margin-bottom:10px;}

/*FONT SIZES*/
.small {font-size:10px;}
.med { font-size:13px;}
.large {font-size:18px;}
.xlarge {font-size:28px;}
.xxlarge {font-size:36px;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}

/*COLORS*/
.yellow {color:#ffdb85;}
.ltgray {color:#b7b4ab;}
.dkgray {color:#585858;}
.red {color:#900a0b;}
.orange {color:#c94c27;}
.white {color:#e6e6e4;}
.black {color:#333333;}

a {color:#c94c27;text-decoration:none;}
a:hover {text-decoration:underline;}
/*END COLORS*/

.border {border-bottom:1px solid #dddcda;}

/*MAIN LAYOUT*/
.logo { float: left; height: 110px;	width: 300px;padding-top: 15px; background: url(http://www.benlangproperties.com/images/main/lower_logo_box.png) no-repeat left bottom;}
.main_wrap {width: 1000px; margin-right: auto; margin-left: auto; }
.header {background: url(http://www.benlangproperties.com/images/main/header_bkrd.jpg) no-repeat; height: 126px; overflow: hidden; }
.top_nav {float: right; text-align: right; width: 630px; padding-top: 15px; padding-bottom: 15px; font-size: 12px; font-weight: bold; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif;}
.top_nav a {font-weight: normal; color: #FFFFFF; text-decoration: none; padding-right: 10px; border-right: 1px solid #FFFFFF; padding-left: 10px; }
.top_nav a:hover {color:#ffdb85;}
.content_top {	background-image: url(http://www.benlangproperties.com/images/main/box_top.png);background-repeat: no-repeat;	height: 10px;}
.content_mid {	background-image: url(http://www.benlangproperties.com/images/main/box_mid.png);	background-repeat: repeat-y;}
.content_bot {background-image: url(http://www.benlangproperties.com/images/main/box_btm.png);background-repeat: no-repeat;	height: 10px;}
.redbox { background-image:url(http://www.benlangproperties.com/images/main/sub_calltoaction.jpg); background-repeat:no-repeat; width:330px; height:205px; padding:15px 0px; font-family:Georgia, "Times New Roman", Times, serif; line-height:28px; text-align:center; overflow:hidden; float:right; margin-right:10px; margin-left:10px;}
.redbox_title {width:240px;}
.redbox_content {width:300px; text-align:left; margin:10px auto 0px auto;}
.footer {background-image:url(http://www.benlangproperties.com/images/main/footer_bkrd_top.gif); background-repeat:repeat-x; background-color:#313131; padding:20px 0px;}
.footer_text {color:#ffffff; width:1000px; margin:0px auto; line-height:28px;}
.footer_text a {color:#c94c27; text-decoration:none;}
.footer_text a:hover {color:#ffdb85;}
.footer_text_blang { width:160px; float:left; margin:0px; line-height:24px;}
.footer_text ul { width:230px; float:left; margin:0px 5px;}
.footer_text ul li { font-size:11px; border-bottom:#5f5f5f 1px solid; list-style-type:none; display:block;}
.breadcrumb { text-align:right; padding-right:10px; font-size:10px; margin-bottom:10px; width:650px; float:right;}
.q_table table {border:1px solid #999; margin:10px 0px;}
.q_table table tr {background-color:#ccc;}

/*SEARCH BUTTONS*/
#widebutton {background-image:url(http://www.benlangproperties.com/images/main/button_lg.png); color:#777777; width:262px; height:39px; line-height:36px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; margin:5px 0px;}
#narrowbutton {background-image:url(http://www.benlangproperties.com/images/main/button_sm.png); color:#777777; width:102px; height:29px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; margin:5px 0px;}
#widebutton:hover {cursor:pointer; color:#333333;}

/*USED FOR IFRAME IDX LISTINGS ONLY*/
.content_top1 {	background-image: url(http://www.benlangproperties.com/images/main/box_top1.png);background-repeat: no-repeat;	height: 6px;}
.content_mid1 {	background-image: url(http://www.benlangproperties.com/images/main/box_mid1.png);	background-repeat: repeat-y;}
.content_bot1 {background-image: url(http://www.benlangproperties.com/images/main/box_btm1.png);background-repeat: no-repeat;	height: 7px;}

/*CONETENT CONTAINERS*/
.content_right {float:right; width:670px; line-height:22px; margin-right:10px;}
.content_left {float:left; width:300px; overflow:hidden;}
.leftcol_seperate { background-image:url(http://www.benlangproperties.com/images/main/col_divider.png); background-repeat:no-repeat; height:23px; clear:both;}
.content_narrow { width:320px; float:left; padding:0px 10px; line-height:22px;}
.content_narrow_featured { width:300px; float:left; padding:0px 10px; line-height:22px;}

/*FEATURD LISTING HOME PAGE*/
.featured_listing {background-image:url(http://www.benlangproperties.com/images/main/index_house.jpg); height:352px; width:670px; overflow:hidden; display:block; text-align:right; background-repeat:no-repeat;}
a.featured_listing  { text-decoration:none;}
.featured_text { background-image:url(http://www.benlangproperties.com/images/main/bg_featuredtxt.png); background-repeat:repeat; width:575px; line-height:40px; text-decoration:none; float:right; margin-top:275px; text-align:left;}
.first_to_know {background-image:url(http://www.benlangproperties.com/images/cta/first-to-now.jpg); height:352px; width:670px; overflow:hidden; display:block; text-align:right; background-repeat:no-repeat;}
.first_to_know h2 {font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size: 38px; font-weight: normal; padding-right:26px;letter-spacing:-1px; padding-top:40px;}
.first_to_know p {width:320px; padding:50px 30px 0px 50px; margin-top:50px; text-align:left; float:right;}
.first_time_buyer {background-image:url(http://www.benlangproperties.com/images/cta/first-time-buyer.jpg); height:352px; width:670px; overflow:hidden; display:block; text-align:right; background-repeat:no-repeat;}
.first_time_buyer h2 {font-family:'Century Gothic',Georgia, Arial, Helvetica, sans-serif; font-size: 38px; font-weight: normal; padding-right:26px; letter-spacing:-1px; padding-top:40px;}
.first_time_buyer p {width:300px; padding:0px 5px 0px 100px; margin-top:50px; text-align:left; float:right;}
.home_search {background-image:url(http://www.benlangproperties.com/images/cta/home-search.jpg); height:352px; width:670px; overflow:hidden; display:block; text-align:right; background-repeat:no-repeat; padding-top:130px;}
.home_search h2 {font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size: 38px; font-weight: normal; padding:0px; padding-right:26px; letter-spacing:-1px; margin:0px;}
.home_search form {width:340px; margin:0px; padding:0px; padding-right:20px; float:right;}
.home_search p {width:380px; padding:0px 5px 0px 30px; margin:0px; text-align:left;}
.home_ben {background-image:url(http://www.benlangproperties.com/images/cta/home-ben.jpg); height:355px; width:670px; display:block; background-repeat:no-repeat;}

/*FEATURED FEED*/
.featured_img img {border:none;}

/*QUICK SEARCH*/
.quicksearch {	width: 270px;	background: #dddcda; margin: 5px;	padding: 5px 0px;}
.quicksearch ul {	list-style: none;	margin: 0px 0px 0px 1%;	padding: 0px 1%;	float: left;	width: 46.5%;}
.quicksearch li {	margin-bottom: 2px;	background: #cccccc;	padding-left: 5px;	line-height: 26px;	font-size: 85%;}
.quicksearch li a {	color: #990000;	text-decoration: none;	display: block;	width: 100%;}

/*SLIDEOUT*/
.slide-out-div { padding: 20px; width: 250px; background: #ccc; border: 1px solid #d8d8d8; height:375px;}  


/*BLOG*/
#sidebar h2 { color:#555555; border-bottom:1px solid #dddcda; padding-bottom:5px;}
#sidebar ul { list-style-type:none; margin:0px; padding:10px;}
#sidebar ul li {}
#sidebar ul li ul li { font-size:11px;}
#sidebar ul li ul li a {color:#990000;}
#sidebar ul li ul li a:hover { text-decoration:none;}

/*LINKS*/
.linksul dl {float:left; width:45%; margin:0px 1%;}

/*TWITTER UPDATE*/
ul#twitter_update_list {list-style-type:none; margin:0px; padding:0px;}
ul#twitter_update_list li {margin:10px 0px; padding:10px 0px;}

/*Social Widget*/
div#social {margin: 50px auto 50px auto; text-align: left; width:350px; }
div#social ul#menu { margin: 5px 0px; list-style: none; display: inline-block;padding:0px;}    
div#social ul#menu li { padding: 0px; float: left; position: relative; margin-left: 5px; margin-right: 5px; width: 48px; height: 48px;}
div#social ul#menu li a { position: absolute;}
div#social ul#menu li img { position: absolute; width: 48px; top: 0px; left: 0px; padding: 0px; margin: 0 8px 0 0; border: none; overflow: hidden;}

/*Home*/
.home_top_left { float:left; width:340px; height:335px; overflow:hidden;}
.home_top_right { float:right; width:280px; height:335px; overflow:hidden;}
.home_top_right { float:left; width:340px; height:335px; overflow:hidden;}
.img_home {float:left; border:1px solid #d8d8d8; padding:2px; margin-right:10px;}

/*Side Menu*/
.sidemenu ul { padding:0px; margin:0px; list-style-type:none;}
.sidemenu ul li { line-height:36px; border-bottom:1px solid #ccc; display:block; font-size:14px;}
.sidemenu ul li a { text-decoration:none;}
.sidemenu ul li a:hover { color:#333333; text-decoration:none;}


/*Communities*/
.altos_wrap_large {float:right;text-align:center; margin:10px 0px 10px 10px; background-color:#fff; padding:20px; border:1px solid #ccc;}


/*Blog Home Feed*/
.blog_wrap { /*height:320px;*/ background-color:#f8f8f8; border:1px solid #e4e4e4; margin:1% 1%; /*width:43%; float:left;*/}
.blog_title { background-color:#999999; color:#fff; padding:10px; font-family:'Century Gothic',Georgia, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;}
.blog_desc { /*height:180px;*/ overflow:auto; font-size:12px; padding:10px;}
.blog_bottom { margin:10px; padding:10px; border-top:1px solid #e4e4e4;}
.blog_continue { width:55%; float:right; font-weight:bold; text-align:right;}
.blog_date {width:40%; float:left;}

/*HOME CTA*/
.cta_home_wrap {background: url(../images/cta/bg_home_block.jpg) no-repeat; height: 355px; width: 670px; overflow: hidden; font-size: 12px; line-height: 14px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
.cta_home_wrap a {color:#0066CC; text-decoration:underline;}
.cta_home_wrap a:hover {text-decoration:none;}
.cta_home_top {	height: 160px; overflow: hidden; }
.cta_home_top_right {	background: url(http://www.benlangproperties.com/images/cta/hows_market.jpg) no-repeat; float: right; height: 32px; width: 225px; margin-left: 5px; margin-right: 10px; margin-top: 10px; text-align: center; padding-top: 115px; }
.cta_home_top_left {	float: left; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.cta_home_top_left ul {	float: left; width: 40%; margin: 10px 0px 0px 0px; }
.cta_home_top_left ul li {	line-height: 20px; color: #FF6600; }
.cta_home_top_left h1 {	font: normal 28px/38px Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px; color: #666666; }
.cta_home_bot {	clear: both; float: right; width: 375px; margin-top: 30px; font-size: 12px; line-height: 18px; margin-right: 10px; }
.cta_home_bot h2 {	font: bold normal 18px/38px "Century Gothic", Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px; color: #666666; }
.cta_home_btn {	height: 28px; margin-top: 10px; overflow: hidden; }
#btn_macomb {	background: url(http://www.benlangproperties.com/images/cta/btn_search_macomb.jpg) no-repeat; display: block; height: 28px; width: 186px; float: left; padding-top: 28px; }
#btn_macomb:hover {	background: url(http://www.benlangproperties.com/images/cta/btn_search_macomb_over.jpg) no-repeat; }
#btn_oakland {	background: url(http://www.benlangproperties.com/images/cta/btn_search_oakland.jpg) no-repeat; float: left; height: 28px; width: 186px; padding-top: 28px; border:none; }
#btn_oakland:hover {background: url(http://www.benlangproperties.com/images/cta/btn_search_oakland_over.jpg) no-repeat; }

/*ForeClosed _city_list*/
.popcity {font-size: 11px; border:1px solid #ddd; padding:3px; background-color:#efefef;}
.popcity a {display:block; width:44%; margin:1px; padding:7px; background-color:#DDDDDD; float:left; color:#990000; text-decoration:none;}
.popcity a:hover {background-color:#CCCCCC; text-decoration:underline;}
.popcity_viewall { }
.popcity_viewall a { background-color:#990000; color:#FFFFFF; text-decoration:none; background-color:#990000; width:250px; float:none; padding:10px; margin:0px;}
.popcity_viewall a:hover { text-decoration:underline; background-color:#990000;}

/*Home Edit 04/2011*/
.home_float { width:340px; float:left; }
.home_float_right {width:300px; float:right;}

/*Foreclosed/index CTA*/
.foreclosed_cta_sign {	background: url(../images/main/cta-foreclosed.jpg) no-repeat center; display: block; float: right; height: 405px; width: 260px; margin-right: 10px; margin-left: 10px; color: #FFFFFF; padding:47px 22px 2px 22px; font: 14px/20px Arial, Helvetica, sans-serif; border:1px solid #ccc;}
.foreclosed_cta_sign h2 {font-family:Arial, Helvetica, sans-serif;	font-size: 20px; padding-top: 5px; padding-bottom: 5px; margin: 0px; letter-spacing:-1px; font-weight: normal; color: #CCCCCC;}
.foreclosed_cta_sign a { color:#cccccc; text-decoration:underline;}

/*Community Edit*/
.com_pic_wrap {float:right; border:1px solid #dddcda; padding:2px; margin-left:15px; background-color:#fff; text-align:center;}
.com_ul_list {background-color: #fff; padding:5px;}
.com_ul_list a {}
.com_ul_list a:hover {}
.com_ul_list ul { width:40%; float:left; color:#c94c27;}
.com_ul_list ul li {line-height:32px;}
.com_ul_list ul li.listtitle {list-style-type:none; margin:0; padding:0; font-weight:bold; color:#666666;}