﻿/* CSS Document */

/*

================================================================================

|                                     TAGS                                     |

================================================================================

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, #body_ask, #body_apply, #body_fast, #body_fast, #body_investors, #body_available, #body_stop, #body_wholesale {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;
	
	font-family: Arial, sans-serif;

}



html { background:url(images/bg_html.gif) repeat-x bottom left
	background-color: #009bc1;
	}



body, #body_ask, #body_apply, #body_fast, #body_fast, #body_investors, #body_available, #body_stop, #body_realtor, #body_home { background:#055d8d url(images/background.png) repeat-x center top;}





#global, #all {

	margin: 0 auto;

	width: 1002px;

	position: relative;

	overflow:hidden;

}



/*

================================================================================

|                                     HEADER                                   |

================================================================================

*/



#header {

    background: #ffffff url('images/bg_header_top.png') no-repeat top left;

	height: 102px;

	font: normal 12px arial;

	padding: 20px 0px;

	margin: 20px 0 0;

}



#menu {

	overflow: hidden;

	list-style-type: none;

	list-style-image: none;

	list-style-position: outside;

	margin-left: -2px;

}

#menu_cont{

    background: #7f8697 url(images/bg_main_menu_ul.png) repeat-x left top;

	height: 43px;

	overflow: hidden;

	clear: both;

	padding-left: 15px;

	}

#menu_over{

	overflow: hidden;

	}

#menu li {

	float: left;

	background: url(images/bg_main_menu_li.png) no-repeat left center;

	padding:  0 17px

}



#menu li a {

	display: block;

	float: left;

	height: 43px;

	color: #fff;

	text-decoration:none;

	font: 16px/43px Arial;

	text-shadow: black 0.0em 0.1em 0.1em;

}

#body_ask #nav_ask a, #body_apply #nav_apply a, #body_available #nav_available a, #body_fast #nav_fast a, #body_stop #nav_stop a, #body_home #nav_home a, #body_investors #nav_investors a, #body_realtor #nav_realtor a {

	text-shadow: none;

	text-decoration: underline;

	color: #000;

}

#menu li a:hover {

	text-shadow: none;

	text-decoration: underline;

	color: #000;

}

#menu li a span {

	display: block;

}



#menu li a.active span {

	background: url(image/bg_b_menu_r.png) no-repeat top right;

}



.phone {

	float: right;

	margin: 2px 30px 0 0;

	padding-left: 30px;

	background: url(images/i_phone.png) no-repeat left center;

	color: #000;

	font: bold 16px/27px Arial;
	
	text-align: center;

}



.phone span { color: #2c5a69}

/*

================================================================================

|                                     CONTENT                                     |

================================================================================

*/

.content_top {

	clear: both;

	width: 100%;

	height: 72px;

	background: url(image/bg_content_top.png) no-repeat top left;

	overflow:hidden;

}



.company_name {

	width: 450px;

	height: 70px;

	margin: 0px 0 10px 23px;

	float: left;

}



.company_name a {

	display: block;

	width: 300px;

	height: 64px;

	background: url(images/bg_logo.png) no-repeat top left;

}



.company_name a span { display: none}



.content {

	background-color: #fff;

	overflow: hidden;

	height: 1%;

}

.content #banner {
	width: 1002px;
	margin: 0;
	padding: 0;
	background-image: url('images/bannerBack.png');
	height: 249px;
}

.content #banner .bannerText {
	width: 640px;
	margin: 10px 0 0 10px;
	float: left;
}

.bannerText h1 {
	font: 28px "Myriad Pro", sans-serif;
	color: #FFFFFF;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.bannerText h1 span {
	color: #dbea45;
}

.bannerText p {
	font: 12px Arial, sans-serif;
	color: #FFFFFF;
}


#blue_block {

    background: #0790a8;

    padding: 0px 5px;

	}

#blue_block  p{

    background: #0790a8;

    padding: 5px 20px;

    color: #fff;

    text-shadow: black 0.0em 0.1em 0.1em;

    font: 13px/16px Arial;

    text-align: center;

	}

table#blocks {

	}

table#blocks td{

	background: #677787;

	padding: 8px 10px;

	}

table#blocks td.first, .content_l .first {
	margin: 10px 0 0 10px;

	background: #778A98 url(images/bg_grey_1.png) repeat-x right top 

	}

table#blocks td.second, .content_l .second {
	margin: 10px 0 0 10px;
	
	background: #5f6f7c url(images/bg_grey_2.png) repeat-x right top;

	}

table#blocks td.third, .content_l .third {
	margin: 10px 0 0 10px;
	
	background: #5B6A75 url(images/bg_grey_3.png) repeat-x right top;

	}

.green_block {

	padding: 8px 10px;

	}

.green_block div{

	overflow: hidden;

	padding: 20px 120 0 0px;

	height: 114px;

	}

table#blocks div{

	overflow: hidden;

	padding: 20px 120 0 0px;

	height: 117px;

	}

#buy{

	background: url(images/img_buy.png) no-repeat right top;

	}

#sell{

	background: url(images/img_facing.png) no-repeat right top;

	}

#facing{

	background: url(images/img_sell.png) no-repeat right top;

	}

table#blocks h2, .green_block h2{

	height: 30px;

	margin: 10px 0 10px;

	}

table#blocks h2 a, .green_block h2 a {

	display: block;

	height: 30px;

	width: 190px;

	}

#buy h2{

	background: url(images/t_buy_a_home.png) no-repeat left top;

	}

#sell h2{

	background: url(images/t_sell_a_home.png) no-repeat left top;

	}

#facing h2{

	background: url(images/t_facing_foreclosure.png) no-repeat left top;

	}

table#blocks h2 span, .green_block h2 span{

	display: none;

	}

table#blocks p, .green_block p{

	font: italic 11px/1.2 Arial;

	color: #dbea45;

	width: 195px;

	

	}

/*

================================================================================

|                                     FORM                                     |

================================================================================

*/

 .contact {

width:33.3%;

float: left;

margin: 10px 10px 0 10px;

}

.content_r .contact {

width:400px;

margin-left: 100px;

display: inline;

}

#content_footer {

	overflow: hidden;

	height: 1%;

	background: #ffffff url(images/bg_content_bottom.png) no-repeat center bottom;

	padding: 0 0 10px;

	}

.content_l {

    float: left;

    width: 330px;

	}	

#left {

    width: 220px;

    float: left;

	}

#center {

    width: 250px;

    float: left;

	}

#right {

    float: right;

    width: 300px;

	}

.small_cont {

	padding: 20px 20px 10px;

	text-align: center;

	overflow: hidden;

	height: 1%;

	}

.small_cont img{

	padding: 0px 45px;

	}

.small_cont h2 {

	text-align: left;

    margin: 0 10px;

    color: #666666;

    font: bold 12px/20px Tahoma;

	}

.small_cont h2 img{

	padding: 0;

	}

.small_cont h2  span{

    display: none;

	}

.small_cont p {

	text-align: left;

    margin: 10px 0px 10px;

    color: #b7b7b7;

    font: 11px/14px Arial;

	}

.content_l .small_cont h2 img {

	padding: 0px;

	}

.content_l .small_cont img {

	clear: both;

	padding: 0 45px;

	}

.content_l .small_cont a img{

	 padding: 0 !important;

	}

.content_r {

	margin: 20px 10px 0;

    float: right;

    width: 652px;

    display: inline;

	}

	

.content_r li {

	list-style-type: none;

	margin: 0 11px 16px;

	color: #6a6a6a;

	font: normal 12px/16px arial;

}



.info h2 { margin: 0 0 16px 7px}



.info h4 {

	color: #0d577c;

	text-transform: uppercase;

	font: bold 12px arial;

	margin: 0 0 10px 11px;

}



.info p {

	margin: 0 11px 16px;

	color: #000;

	font: normal 12px/16px arial;

}



.info p span {

	font-weight: bold;

	font-style: italic;

}

.info li {
	margin: 0 11px 16px;

	color: #000;

	font: normal 12px/16px arial;
}

.info a {
	font: normal 12px/16px arial;
}

.style3 {
	margin: 0 11px 16px;

	font: normal 12px/16px arial;
}

a.green {

    color: #0d8ab6;

    text-decoration: none;

	}

a.green:hover {

    text-decoration: underline;

	}

#footer {

	font: 12px/20px Arial;

	color: #8b8b8b;

	margin: 10px 0 0;

    background: url(img/bg_footer.jpg) no-repeat center bottom;

    text-align: center;

    overflow: hidden;

	}

#footer a {

	color: #fff;

	padding:  0 15px;

	text-decoration: none;

	}

#footer a:hover {

	text-decoration: underline;

	}

#footer p{

    font: 12px/34px Tahoma;

    color: #00dddd;

    height: 44px;

}