/*
Default Theme Stylesheet
Name:Style.CSS
Author: Nauman Hameed
Organisation: mystifyingeffects.com
Description: default theme
Date of Start: January 27th 2010
Date of Last Changes: January 27th 2010
*/


/* Default Tags - Re-defined
----------------------------------------------------------------------------------- */

body, div, ul, li, select, option, h1, h2, h3, h4, h5, h6, p, input, a, ol, img, span, hr, label, textarea, fieldset, legend, br, *, td, table, tr {
	margin: 0;
	padding: 0;
	border:0;
}

.clear {
	clear:both;
}

a {
	color:#0372ab;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#0372ab;
	text-decoration:none;
	outline:none;
}


/* Body
----------------------------------------------------------------------------------- */

body {
	background-color:#fff;
	font:normal normal normal 13px/1.5 Arial, Helvetica, sans-serif;
	color:#363636;
	text-align:justify;
}

/* Top Wrapper
----------------------------------------------------------------------------------- */

#top-wrapper {
	margin:0 auto;
	width:100%;
	background:url(../images/top_background.jpg) repeat-x;
}

#top-container {
	margin:0 auto;
	width:980px;
	background:url(../images/top_banner.jpg) no-repeat center 33px;
	height:179px;
}

#logo {
	position:absolute;
	margin:0 0 0 -115px;
	width:229px;
	top:0;
	left:50%;
}


/* Content Container
----------------------------------------------------------------------------------- */

#content-cont-wrapper {
	width:100%;
	margin:0 auto;
	background:#fff url(../images/body_background.jpg) repeat-x;
	padding:48px 0 0 0;
	min-height:306px;
	height:auto !important;
	height:306px;
}

#content-container {
	margin:0 auto;
	width:904px;
}


/* Site Navigation
----------------------------------------------------------------------------------- */

.nav-container {
	width:904px;
	height:40px;
	float:left;
}
/*
.nav ul{
	overflow: hidden;
	width:904px;
	list-style-type: none;
	float:left;
	height:40px;
	margin:0;
}

.nav li{
	float: left;
	list-style-type:none;
}

.nav a{
	display: block;
	padding: 0;
	color: black;
	margin:0;
	text-decoration: none;
	font: bold 11px "Times New Roman", Times, serif;
	height:40px;
	text-indent:-9999px;
}

.nav a:hover, #nav a.selected{
	background: black;
	color: white;
}

#menu_realestate a, #menu_realestate a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat 0px -40px;
	height:40px;
}
#menu_realestate a:hover{
	background:url(../images/site_navigation.gif) no-repeat 0px 0px;
	width:150px;
	height:40px;
}
#realestate_select {
	background:url(../images/site_navigation.gif) no-repeat 0px 0px;
	width:150px;
	height:40px;
	text-indent:-9999px;
}


#menu_buyers a, #menu_buyers a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -150px -40px;
	height:40px;
}
#menu_buyers a:hover{
	background:url(../images/site_navigation.gif) no-repeat -150px 0px;
	width:150px;
	height:40px;
}
#buyers_select {
	background:url(../images/site_navigation.gif) no-repeat -150px 0px;
	width:150px;
	height:40px;
	text-indent:-9999px;
}

#menu_sellers a, #menu_sellers a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -300px -40px;
	height:40px;
}
#menu_sellers a:hover{
	background:url(../images/site_navigation.gif) no-repeat -300px 0px;
	width:150px;
	height:40px;
}
#sellers_select {
	background:url(../images/site_navigation.gif) no-repeat -300px 0px;
	width:150px;
	height:40px;
	text-indent:-9999px;
}

#menu_mortgageinfo a, #menu_mortgageinfo a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -450px -40px;
	height:40px;
}
#menu_mortgageinfo a:hover{
	background:url(../images/site_navigation.gif) no-repeat -450px 0px;
	width:150px;
	height:40px;
}
#mortgageinfo_select {
	background:url(../images/site_navigation.gif) no-repeat -450px 0px;
	width:150px;
	height:40px;
	text-indent:-9999px;
}

#menu_about a, #menu_about a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -600px -40px;
	height:40px;
}
#menu_about a:hover{
	background:url(../images/site_navigation.gif) no-repeat -600px 0px;
	width:150px;
	height:40px;
}
#about_select {
	background:url(../images/site_navigation.gif) no-repeat -600px 0px;
	width:150px;
	height:40px;
	text-indent:-9999px;
}

#menu_contact a, #menu_contact a:visited {
	width:154px;
	background:url(../images/site_navigation.gif) no-repeat -750px -40px;
	height:40px;
}
#menu_contact a:hover{
	background:url(../images/site_navigation.gif) no-repeat -750px 0px;
	width:154px;
	height:40px;
}
#contact_select {
	background:url(../images/site_navigation.gif) no-repeat -750px 0px;
	width:154px;
	height:40px;
	text-indent:-9999px;
}*/

/*-----------------------------------------------------------------------------------*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 9999}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px arial}

#sddm li a
{	display: block;
	margin: 0;
	padding:12px 0 0 0;
	color: #FFF;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover {
	color:#FFF;
	text-decoration:underline;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #232323;
	z-index:50;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 16px 0 22px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #505050 url(../images/bullet.gif) no-repeat 7px 8px !important;
		color: #fff;
		font: 12px arial;
		border-bottom:solid 1px #666;
		border-top:solid 1px #666;
		width: auto !important;
		text-decoration:none;
		}

	#sddm div a:hover
	{	background: #2e2e2e  url(../images/bullet.gif) no-repeat 7px 8px !important;
		color: #FFF;
		padding: 5px 16px 0 22px;
		width: auto !important;
		text-decoration:none;
		}
		
#menu_realestate a, #menu_realestate a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat 0px -40px;
	height:28px;
}
#menu_realestate a:hover{
	background:url(../images/site_navigation.gif) no-repeat 0px 0px;
	width:150px;
	height:28px;
}

#menu_buyers a, #menu_buyers a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -150px -40px;
	height:28px;
}
#menu_buyers a:hover{
	background:url(../images/site_navigation.gif) no-repeat -150px 0px;
	width:150px;
	height:28px;
}

#menu_sellers a, #menu_sellers a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -300px -40px;
	height:28px;
}
#menu_sellers a:hover{
	background:url(../images/site_navigation.gif) no-repeat -300px 0px;
	width:150px;
	height:28px;
}

#menu_mortgageinfo a, #menu_mortgageinfo a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -450px -40px;
	height:28px;
}
#menu_mortgageinfo a:hover{
	background:url(../images/site_navigation.gif) no-repeat -450px 0px;
	width:150px;
	height:28px;
}

#menu_about a, #menu_about a:visited {
	width:150px;
	background:url(../images/site_navigation.gif) no-repeat -600px -40px;
	height:28px;
}
#menu_about a:hover{
	background:url(../images/site_navigation.gif) no-repeat -600px 0px;
	width:150px;
	height:28px;
}

#menu_contact a, #menu_contact a:visited {
	width:154px  !important;
	background:url(../images/site_navigation.gif) no-repeat -750px -40px;
	height:28px;
}
#menu_contact a:hover{
	background:url(../images/site_navigation.gif) no-repeat -750px 0px;
	width:154px !important;
	height:28px;
}

/* Site Banner
----------------------------------------------------------------------------------- */

#banner-container {
	float:left;
	width:904px;
	height:218px;
}

/* Content Area
----------------------------------------------------------------------------------- */

#content-wrapper {
	float:left;
	width:904px;
	padding:12px 0 0 0;
}

#content-wrapper img {
	float:left;
}

#content-cont {
	float:left;
	width:852px;
	background-color:#e8e8e8;
	padding:18px 26px;
}

#content-cont h3 {
	width:300px;
	padding:0px 0 0 30px;
	color:#56913e;
	font-size:15px;
	background:url(../images/bul.jpg) no-repeat 10px 6px;
	float:left;
}

#content-cont img {
	float:left;
}

#content-cont h1 {
	float:left;
	width:816px;
	background:url(../images/icon.jpg) no-repeat left top;
	font-size:18px;
	color:#494647;
	font-weight:normal;
	padding:0 0 0 36px;
	text-transform:uppercase;
}

#content-cont h1 span {
	color:#0372ab;
}

#content-cont h2 {
	float:left;
	width:816px;
	background:url(../images/icon.jpg) no-repeat left 20px;
	font-size:18px;
	color:#494647;
	font-weight:normal;
	padding:20px 0 0 36px;
	text-transform:uppercase;
}

#content-cont h2 span {
	color:#0372ab;
}

#content-cont .separator {
	padding:15px 0;
}

#content-cont p {
	float:left;
	width:100%;
	padding:0 0 14px 0;
}

/* Three Boxes
----------------------------------------------------------------------------------- */

#smallbanners {
	float:left;
	width:852px;
}

#smallbanners a {
	text-decoration:underline;
}

#smallbanners a:hover {
	text-decoration:none;
}

#smallbanners img {
	float:left;
}

.box-wrapper {
	float:left;
	width:263px;
	margin:0 31px 0 0;
}

.width {
	margin:0 !important;
}

.box-wrapper img {
	float:left;
}

.box-heading {
	float:left;
	width:263px;
	background:url(../images/heading_bg.jpg) no-repeat center top !important;
	height:46px;
}

.box-heading img {
	float:left;
	margin:10px 0 0 27px;	
}

.box-heading img.center {
	margin:10px 0 0 50px;	
}

.box {
	float:left;
	width:261px;
	background:url(../images/box_rp.jpg) repeat-y;
	border-left:solid 1px #c8c6c6;
	border-right:solid 1px #c8c6c6;
}

.box-inner {
	float:left;
	width:243px;
	background:url(../images/box_bg.jpg) repeat-x;
	min-height:232px;
	height:auto !important;
	height:232px;
	padding:0 9px
}

.box-inner img {
	float:left;
}

.box-inner p {
	float:left;
	width:234px !important ;
	padding:10px 0 0 4px !important ; 
}

.box-inner p.right {
	text-align:right;
}

.box-inner p span {
	color:#0372ab;
	font-size:12px;
}

/* Testimonials
----------------------------------------------------------------------------------- */

#testimonials-wrapper {
	float:left;
	width:852px;
}

#testimonials-wrapper img {
	float:left;
}

#testimonials {
	float:left;
	background:#fcfcfc url(../images/testimonials_bg.jpg) repeat-x;
	border-left:solid 1px #c8c6c6;
	border-right:solid 1px #c8c6c6;
	min-height:77px;
	height:auto !important;
	height:77px;
	width:850px;
}

.newsslider {position:relative; overflow:hidden; border:none; height:110px; width:830px; background:none; margin-bottom:20px}
.newsslidercontent {position:absolute}
.newsslidercontent .upper { padding:10px 20px 100px 20px !important; width:805px !important;}
.newsslidercontent p {
	float:left;
	width:805px;
	padding:10px 20px 100px 20px;
}

/* Bottom Shadow
----------------------------------------------------------------------------------- */

#bottom-shadow {
	margin:0 auto;
	width:980px;
	background:url(../images/shadow.jpg) no-repeat center top;
	height:17px;
}

/* Footer Wrapper 
----------------------------------------------------------------------------------- */

#footer-wrapper {
	float:left;
	width:100%;
	padding:43px 0 0 0;
}

#footer-one {
	width:100%;
	float:left;
	background:#4b5d67 url(../images/ft_tp.jpg) repeat-x;
}
#footer-one-inner {
	width:1002px !important;
	margin:0 auto;
	background:url(../images/ft_tp_md.jpg) no-repeat center top;
	min-height:57px;
	height:auto !important;
	height:57px;
	padding:39px 0 10px 0;
	text-align:center;
	line-height:25px;
}

#footer-one-inner p {
	float:left;
	color:#dfe1e2;
	width:1002px !important;
}

#footer-one-inner p span {
	padding:0 8px;
}

#footer-one-inner a {
	color:#dfe1e2;
	text-decoration:none;
	margin:0;
	padding:0;
}

#footer-one-inner a:hover {
	color:#dfe1e2;
	text-decoration:underline;
	margin:0;
	padding:0;
}

#footer-two {
	float:left;
	width:100%;
	background:#596c75 url(../images/ft_middle.jpg) repeat-x;
}

#footer-two-inner {
	width:1002px;
	margin:0 auto;
	min-height:95px;
	height:auto !important;
	height:95px;
	padding:20px 0 5px 0;
}

#footer-two-inner p {
	width:1002px;
	padding:0 0 15px 0;
	color:#dfe1e2;
	text-align:center;
}

#footer-three {
	float:left;
	width:100%;
	background:#4b5d67 url(../images/last_ft.jpg) repeat-x;
}

#footer-three-inner {
	width:904px;
	margin:0 auto;
	min-height:59px;
	height:auto !important;
	height:59px;
	padding:15px 0;
}

#footer-three-inner p {
	float:left;
	width:500px;
	color:#dfe1e2;
	padding:25px 0 0 0;
}

#footer-three-inner img {
	float:right;
	padding:5px 0 0 0;
}

/* Slide Show - Banner
----------------------------------------------------------------------------------- */

#slideshow {
position:relative;
background:url(../images/slideBg.jpg) no-repeat left top;
width:904px;
padding:0;
margin:0;
float:left;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

/* Inner Pages & Forms
----------------------------------------------------------------------------------- */

#cali-content {
	float:left;
	width:852px;
	background-color:#e8e8e8;
	padding:18px 26px;
}

#cali-content img {
	float:left;
}

#cali-content h1 {
	float:left;
	width:816px;
	background:url(../images/icon.jpg) no-repeat left top;
	font-size:18px;
	color:#494647;
	font-weight:normal;
	padding:0 0 0 36px;
	text-transform:uppercase;
}

#cali-content h1 span {
	color:#0372ab;
}

#cali-content h2 {
	float:left;
	width:816px;
	background:url(../images/icon.jpg) no-repeat left 20px;
	font-size:18px;
	color:#494647;
	font-weight:normal;
	padding:20px 0 0 36px;
	text-transform:uppercase;
}

#cali-content h2 span {
	color:#0372ab;
}

#cali-content .separator {
	padding:15px 0;
}

#cali-content-float {
	float:left;
}

#cali-content-float h3 {
	float:left;
	width:100px;
	font-size:12px;
	color:#009933;
}

#cali-content select {
	width: 140px;
	border:solid 1px #bababa;
	height:21px;
}

#cali-content select:hover {
	border:solid 1px #317391;
}

#cali-content select.short {
	width:122px;
	margin:0 10px 0 0;
}

#cali-content select.short-center {
	width:140px;
	margin:5px 0;
	float:none !important;
}

#cali-content input.short-center {
	width:140px;
	margin:5px 0;
	float:none !important;
}


#cali-content input.short {
	width:70px;
	margin:0 10px 0 0;
}


#cali-content select.wide {
	width:382px;
	height:147px;
	padding:3px;
}

#cali-content p.form {
	float:left !important;
	width:70px;
	margin:0;
	padding:0;
}

#cali-content input {
	width: 140px;
	border:solid 1px #bababa;
	height:19px;
	padding:2px 0 0 3px
}

#cali-content input:hover {
	border:solid 1px #317391;
}

#cali-content textarea {
	float:left;
	border:solid 1px #bababa;
	height:75px;
	padding:2px 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#cali-content textarea:hover {
	border:solid 1px #317391;
}

#cali-content .checkbox {
	width:auto;
	float:left;
	border:none;
	height:auto;
	margin:5px 0 0 0;
}

#cali-content .checkbox:hover {
	width:auto;
	float:left;
	border:none;
	height:auto;
	margin:5px 0 0 0;
}

#cali-content input.submit {
	float:right;
	background:url(../images/submit.jpg) no-repeat center top;
	width:81px;
	height:31px;
	border:none;
}

#cali-content input.submit:hover {
	border:none;
}

#cali-content input.reset {
	float:right;
	background:url(../images/reset.jpg) no-repeat center top;
	width:70px;
	height:31px;
	border:none;
	margin:0 15px 0 20px;
}

#cali-content input.reset:hover {
	border:none;
}

#cali-content p {
	width:850px;
	padding:0 0 14px 0;
	float:left;
}

#cali-content img.border {
	border:solid 1px #b7b6b6;
	margin-right:10px;
	float:left;
}


#buyer-seller {
	float:left;
	width:852px;
	background-color:#e8e8e8;
	padding:18px 26px;
}

#buyer-seller img {
	float:left;
}

#buyer-seller h1 {
	float:left;
	width:816px;
	background:url(../images/icon.jpg) no-repeat left top;
	font-size:18px;
	color:#494647;
	font-weight:normal;
	padding:0 0 0 36px;
	text-transform:uppercase;
}

#buyer-seller h1 a {
	text-decoration:none !important;
}


#buyer-seller h1 a:hover {
	text-decoration:none !important;
}

#buyer-seller h1 span {
	color:#0372ab;
}

#buyer-seller h2 {
	float:left;
	width:816px;
	background:url(../images/icon.jpg) no-repeat left 20px;
	font-size:18px;
	color:#494647;
	font-weight:normal;
	padding:20px 0 0 36px;
	text-transform:uppercase;
}

#buyer-seller h2 span {
	color:#0372ab;
}

#buyer-seller .separator {
	padding:15px 0;
}

#buyer-seller-float {
	float:left;
}

#buyer-seller-container {
	float:left;
	width:852px;
}

#buyer-seller-container a {
	text-decoration:none;
}


#buyer-seller-container a:hover {
	text-decoration:underline;
}

#buyer-seller-container ul {
	float:left;
	width:852px;
	list-style-type:none;
	margin:0 0 0 40px;
}

#buyer-seller-container li {
	float:left;
	width:350px;
	background:url(../images/bul.gif) no-repeat 13px 15px;
	padding:10px 0 10px 35px;
	background-color:#dbdbdb;
	border-bottom:2px solid #e8e8e8;
	border-right:2px solid #e8e8e8;
}

#buyer-seller-container  p {
	width:750px;
	padding:0 0 14px 0;
	float:left;
}

.overview {
	float:left;
	width:852px;
	margin:0;
	padding:0;
}

.overview p {
	float:left;
	width:750px;
	padding:15px 40px;
}

.overview img {
	float:left !important;
}

.overview ul {
	float:left;
	width:852px;
	list-style-type:none;
	margin:0 0 0 40px;
}

.overview li {
	float:left;
	width:350px;
	background:url(../images/bul1.gif) no-repeat 13px 10px;
	padding:5px 0 5px 35px;
	background-color:#dbdbdb;
	border-bottom:2px solid #e8e8e8;
	border-right:2px solid #e8e8e8;
	
}

.overview li.heading {
	text-align:center;
	background:none;
	background-color:#c4c4c4;
	font-size:15px;
	padding:10px 0 10px 15px;
	width:370px;
	text-transform:uppercase;
}

.overview ul.float-center {
	float:left;
	width:250px !important;
	list-style-type:none;
	margin:25px 0 25px 290px;
}
.overview li.float-center {
	width:200px !important;
}

.overview li.float-center strong {
	color:#0372ab;
}

.benefits {
	float:left;
	width:852px;
	margin:0;
	padding:0;
}

.benefits p {
	float:left;
	width:772px;
	padding:0px 40px 20px 40px;
}

.benefits p.spacer {
	padding-bottom:0px !important;
}

.benefits p.sp {
	padding-bottom:5px !important;
}

.benefits img {
	float:left !important;
}

.benefits ul {
	float:left;
	width:772px;
	list-style-type:none;
	padding:0 0 9px 40px;
}

.benefits li {
	float:left;
	width:747px;
	padding:0 0 8px 25px;
	background:url(../images/bul2.gif) no-repeat left 5px;
}

.benefits h3 {
	float:left;
	width:772px;
	padding:0px 40px 20px 40px;
	color:#56913e;
	font-size:14px;
}

.left-clm {
	float:left;
	width:370px;
	padding:0 0 20px 40px;
}

.left-clm p {
	float:left;
	width:370px;
	margin:0;
	padding:0;
}


.left-clm ul {
	float:left;
	list-style-type:none;
	width:350px;
	margin:0;
	padding:7px 0 15px 0;
}

.left-clm li {
	float:left;
	width:320px;
	padding:0 0 0 30px;
	background:url(../images/bul2.gif) no-repeat 10px 7px;
}

.right-clm {
	float:left;
	width:370px;
	padding:0 40px 20px 20px;
}

.right-clm p {
	float:left;
	width:370px;
	margin:0;
	padding:0 0 0 0;
}

.right-clm ul {
	float:left;
	list-style-type:none;
	width:350px;
	margin:0;
	padding:7px 0 15px 0;
}

.right-clm li {
	float:left;
	width:320px;
	padding:0 0 0 30px;
	background:url(../images/bul2.gif) no-repeat 10px 7px;
}

.color {
	border:solid 1px #999;
	background-color:#CCC;
	padding:10px 10px;
}

.color p {
	width:15px;
	padding:0 5px;
	float:left;
}

.colors {
	border:solid 1px #999;
	background-color:#CCC;
	padding:5px;
}

.colors input {
	width:425px !important;
}

.colors select {
	width:430px !important;
	height:22px !important;
}


.colors textarea {
	width:425px !important;
	height:150px !important;
}

.colors input.submit {
	float:left !important;;
	width:81px !important;
}

.colors input.reset {
	float:left !important;
	width:81px !important;
	margin:0 15px 0 10px !important;
}

.light {
	background-color:#dadada;
	border-bottom:none;
}

.dark {
	background-color:#bdbdbd;
	border-bottom:none;
	border-right:none !important;
}

.dark strong {
	float:left;
}
.bot {
	border:solid 1px #999;
}

.blank {
	float:left;
	font-weight:bold;
	padding-right:5px;
}

.b {
	padding-left:6px !important;
}

#cali-content input.calc {
	float:left;
	background:url(../images/calc.jpg) no-repeat center top;
	width:175px;
	height:31px;
	border:none;
	margin:15px 0 0 0;
}

#cali-content input.calculate {
	float:left;
	background:url(../images/calculate.jpg) no-repeat center top;
	width:101px;
	height:31px;
	border:none;
	margin:0;
}

