﻿
#OuterDivID{
style="position:relative; 
z-index:99999; 
height:265px; 
width:175px; 
background-color:#ffffff;"
}
*{
	margin: 0;
	padding: 0;
}
HTML, BODY{
	height: 100%;
	font: 11px Tahoma;
	color: #666;
}
UL{
	list-style: none;
}
IMG{
	border: none;
}
.clr{
	clear: both;
	font-size: 0 !important;
	height: 0 !important;
}
#min-width{
	/*min-width: 1000px;*/
	width: 1024px;
}
* html #min-width{
	/*width: expression(document.body.clientWidth <= 1000 ? '1000' : '1024');*/
	width: 1024px;
}
#header{
	height: 50px;
	background-color:#5AA12D;
	background: url(../i/h-bgr.gif) left bottom repeat-x;
	position: relative;
}
#logo{
	position: absolute;
	left: 5px;
	top: 8px;
	width: 177px;
	height: 108px;
}
/*#top-navigation{
	position: relative;
	left: 318px;
	width: 706px;
	height: 27px;
}*/
#top-navigation a {
  display: block;
  width: 100%;
}
#top-navigation a:link,
#top-navigation a:visited,
#top-navigation a:hover {
  background-color: #5AA12D;
  color: #FFF;
  text-decoration: none;
}
#top-navigation span.w3c {
  background-color: #5AA12D;
  color: #FFF;
}


#header-right{
	margin-left: 185px;
	position: relative;
	height: 20px;
}
#header-right2{
	margin-left: 185px;
	position: relative;
	height: 20px;
}

#welcome{
	padding: 5px;
	float: right;
}
#welcome A{
	text-decoration: none;
	color: #666;
}
#welcome #mail-map{
	position: relative;
	left: 5px;
	top: 2px;
}
#welcome #mail-map SPAN{
	padding: 0 7px;
	background: url(../i/delim.gif) right 3px no-repeat;
}
#welcome #mail-map SPAN.last{
	background: none;
}
.second #welcome #to-the-right{
	
	right: 200px;
	top: 8px;
}
#search2{
	position: absolute;
	right: 10px;
	top: 5px;
}
#search2 INPUT.text{
	border: solid 1px #777;
	font: 11px Tahoma;
	padding: 1px 4px;
	width: 140px;
}
#header-right .right{
	float: right;
	padding: 5px 11px 0 0;
}
.second #header-right .right{
	float: right;
	
	left: 0px;
	top: 0px;
	/*float: left;
	//position: relative;
	//left: 0;
	//top: 19px;*/
}

#log-in{
	height: 20px;
	font-family: Tahoma;
	font-size: 10px;
	color: #999;
}
.second #log-in{
	border: none;
}
#log-in TD{
	padding: 0 2px 4px 0;
}
#log-in .no-pad TD{
	padding-bottom: 0;
}
#log-in TD.label{
	text-align: right;
	font-weight: bold;
}
#log-in INPUT{

}
#log-in INPUT.text{
	font-family: Tahoma;
	font-size: 10px;
	color: #000;	
	border: solid 1px #999999;
	width: 120px;
	padding: 1px 5px;
}
.second FORM#log-in INPUT.text{
	border-color: #CCC;
}
#log-in A{
	text-decoration: none;
	color: #666666;
	font-size: 10px;
	margin: 0 7px;
}
#log-in .submit A{
	margin-left: 13px;
}
#log-in .red{
	text-decoration: none;
	color: #FF0000;
	font-size: 10px;
}
#top-menu{
	position: absolute;
	left: 355px;
	top: 16px;
	height: 243px;
	width: 428px;
}
#top-menu .m-item{
	float: right;
	background: #5AA12D url(../i/menu-l-t.gif) no-repeat;
	margin-left: 1px;
}
#top-menu .m-item .inner{
	background: url(../i/menu-r-t.gif) right top no-repeat;
	padding: 0px;
}
#top-menu .m-item A{
	font: 11px Tahoma;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
/*		X.Header	*/
#head-NEW{
    width: 120px;
    height: 120px;
    /*background: url(../i/NEW.swf) no-repeat;*/
    position: absolute;
    margin-top: -60px;
	right:300px;

}

#mobile{
	width: 86px;
	height: 100px;
	background: url(../i/mobile.gif) no-repeat;
	position: absolute;
	right: 2px;
	bottom: 0px;
}
#community{
	width: 50px;
	height: 50px;
	background: url(../i/blog.gif) no-repeat;
	position: absolute;
	right: 15px;
	bottom: 5px;
}
#xperience{
	width: 165px;
	height: 50px;
	background: url(../i/xPerienceTB.gif) no-repeat;
	position: absolute;
	left: 3px;
	bottom: 65px;
}
#block2{
	background: url(../i/block2-bgr.gif) repeat-x;
	position: relative;
}
#block2 .inner{
	height: 147px;
	background: url(../i/block2.jpg) right top no-repeat;
}
#block2 #slogan{
	position: absolute;
	left: 33px;
	top: 13px;
}
/*#block2 #quick-search{
	position: absolute;
	left: 189px;
	top: 35px;
}*/
.second #block2 #quick-search{
	top: 34px;
}
#block2 #quick-search .line{
	padding-bottom: 9px;
}
#block2 #quick-search INPUT.text{
	font: 11px Tahoma;
	border: solid 1px #666666;
	width: 180px;
	padding: 0px 5px 1px;
}
#block2 #quick-search SELECT{
	font: 10px Tahoma;
	color: #000;
	width: 70px;
	margin-right: 10px;
	border: solid 1px #666666;
}
#block2 #quick-search SELECT.min-price{
	background: #666;
	color: #FFF;
}
#block2 #quick-search INPUT.button{
	margin-bottom: -3px;
}
#block2 #quick-search .header{
	color: #FFF;
	font-size: 10px;
}
#main-content {
	margin-bottom: 10px;
	position: relative;
}
#main-content .b-left{
	background: url(../i/dot.gif) 4px top repeat-y;
}
#main-content .b-left2{
	background: url(../i/dot.gif) 177px top repeat-y;
}
#main-content .b-left3{
	background: url(../i/dot.gif) 181px top repeat-y;
}
#main-content .b-bottom{
	background: url(../i/dot.gif) left bottom repeat-x;
}
#main-content .left-stop{
	background: url(../i/left-stop.gif) left bottom no-repeat;
}
#main-content .b-right{
	background: url(../i/b-right.gif) right top repeat-y;
}
#main-content .right-stop{
	min-height:700px; 
	height:auto !important; 
	height:700px;
	background: url(../i/right-stop.gif) right bottom no-repeat;
}
#main-content .right-stop1{
	min-height:400px; 
	height:auto !important; 
	height:400px;
	background: url(../i/right-stop.gif) right bottom no-repeat;
}
* html #main-content .right-stop{
	height: 400px;
}
#left-col{
	float: left;
	width: 181px;
	position: relative;
}
#left-col .inner{
	padding: 0 3px 0 4px;
}
.block{
	background: transparent url(../i/dot.gif) repeat-x;
	font: 12px Tahoma;
	color: #000;
	position: relative;
	z-index: 100;
}
.block .block-content{
	min-height:85px; 
	height:auto !important; 
	height:85px;
	position: relative;
}
* html .block .block-content{
	height: 85px;
}
.block .block-end{
	font-size: 0;
	height: 5px;
	background: #FFF url(../i/dot.gif) repeat-x;
}
.green-header{
	height: 25px;
	background: #5AA12D url(../i/dot.gif) left bottom repeat-x;
}
.green-header .inside{
	padding: 5px 0 0 19px;
	background: url(../i/bullet.gif)  6px 5px no-repeat;
}
.green-header H3{
	font: bold 12px Tahoma;
	color: #FFF;
	text-transform: uppercase;
	line-height: 100%;
}
.blue-header{
	height: 25px;
	background-color:#0096D6;	/*background: #5AA12D url(../i/dot.gif) left bottom repeat-x;*/
	color: #FFFFFF;
}
.admin-header{
	height: 25px;
	background-color:#d15418;	/*background: #5AA12D url(../i/dot.gif) left bottom repeat-x;*/
	color: #FFFFFF;
}
.admin-header .admininside{
	padding: 5px 0 0 19px;
	background: url(../i/bullet.gif)  6px 5px no-repeat;
}
.admin-header .inside{
	padding: 5px 0 0 19px;
	background: url(../i/bullet.gif)  6px 5px no-repeat;
}
.admin-header H3{
	font: bold 12px Tahoma;
	color: #FFF;
	text-transform: uppercase;
	line-height: 100%;
}
.admin-header A{
	color: #FFF;
}
A#start-here{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
#ask-nick{
	font-weight: bold;
}
#ask-nick .green{
	font-size: 26px;
	color: #5AA12D;
	font-weight: bold;
	text-transform: uppercase;
}
#ask-nick .green #nick-span{
	position: relative;
	top: -6px;
}
#ask-nick .ask{
	padding: 5px 0 3px;
}
#ask-nick #nick{
	width: 48px;
	height: 48px;
	background: url(../i/arrow_question.gif) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#ask-nick #sign-up{
	width: 173px;
	height: 135px;
	background: url(../i/sign-up.gif) no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#ask-nick .block-content{
	padding: 0 0 4px 6px;
}
#Realtor{
	font-weight: bold;
}
#Realtor .green{
	font-size: 26px;
	color: #5AA12D;
	font-weight: bold;
	text-transform: uppercase;
}
#Realtor .green {
	position: relative;
	top: -6px;
}
#Realtor .ask{
	padding: 5px 0 3px;
}
#Realtor {
	width: 86px;
	height: 84px;
	background: url(../i/nick.gif) no-repeat;
	position: absolute;
	right: -1px;
	bottom: -3px;
}
#Realtor .block-content{
	padding: 4px 0 4px 6px;
}
#footer{
	height: 200px;
	padding-top: 20px;
	background: url(../i/footer-bgr.gif) repeat-x;
	font: 11px Tahoma;
}
#footer .line{
	text-align: center;
	padding-bottom: 4px;
}
#footer A{
	color: #555;
	text-decoration: none;
	padding: 0 4px;
	border-right: solid 1px #999;
}
#footer A.last{
	border: none;
}
.warning{
	font: bold 15px Tahoma;
	color: red;
	padding: 15px 0;
}

#center-col{

	padding-right:186px;
	margin-left:181px;
	zoom: 1;
}
#center-col2
{
	padding-right:2px;
	margin-left:181px;
	zoom: 1;
}
DIV:not([dummy])#center-col{
	overflow: auto;
	margin-left: 0;
}
* html #center-col{
	position: relative;
	left: -3px;
}
#float-holder{
	background: #FFF;

	/*margin-right: -3px;*/
	position: relative;
}
#center-col .float-block{
	float: left;
	width: 50%;
	background: url(../i/dot.gif) left top repeat-y;
}
#center-col .float-block2{
	float: left;
	width: 100%;
	background: url(../i/dot.gif) left top repeat-y;
}
#center-col .float-right{
	float: left;
	width: 50%;
	background-position: right top;
}
#center-col .float-right .block{
	margin-left: 4px;
}
#center-col .float-block .block-content{
	background: url(../i/dot.gif) right top repeat-y;
}
#center-col .float-right .block-content{
	background: url(../i/dot.gif) repeat-y;
}
#center-col .float-block .block-end{
}
#center-col .green-header H3{
	text-transform: none;
}
#center-col .float-block .item{
	padding: 6px 12px 6px 12px;
}
#center-col .float-block .item .image{
	float: left;
	padding: 1px;
	border: solid 1px #CCC;
}
#center-col .float-block .item .image IMG{
	display: block;
}
#center-col .float-block .item .text{
	margin-left: 110px;

}
#center-col .float-block .item .text .line{
	padding-bottom: 10px;
}
#center-col .float-block .item .text .blue{
	color: #999999;
}

#realtor-spotlight{

}
#center-col  #realtor-spotlight .item .text{
	text-transform: none;
	margin-left: 90px;
}
#center-col  #realtor-spotlight .item .text .green{
	color: #5AA12D;
}
#additional-features{
	/*margin-right: -3px;*/
}
#right-col{
	width: 181px;
	padding-right: 3px;
	position: absolute;
	right: 0;
	top: 0;
}
#right-col .block-content{
	padding: 4px 5px;
	color: #A5A5A5;
}

#second-block{
	/*margin-right: -3px;*/
}
#second-content{
	padding: 18px 13px;
	color: #666666;
}
#second-content .bigger{
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 15px;
}
#second-content  .contact-item{
	line-height: 130%;
	padding:10px;
}
#second-content   A{
	color: #0862B8;
}
#second-content  .map-item{
	width: 49%;
	float: left;
	padding-bottom: 13px;
}
#second-content  .map-item H3 A{
	text-decoration: none;
}
#second-content  .map-item H3{
	padding-left: 15px;
	background: url(../i/bullet2.gif) left 5px no-repeat;
	padding-bottom: 2px;
}
#second-content  .map-item UL{
	padding: 4px 0 4px 15px;
}
#second-content  .map-item UL LI{
	padding-bottom: 2px;
}
#second-content  .map-item UL UL{
	font-size: 11px;
}
#second-content  IMG{

}
#second-content  H3{
	font: bold 12px Tahoma;
}
#second-content  P{
	margin: 10px 0;
}
.white {color:#FFFFFF;}
.padTop {padding-top:6px;}
.padMenu {padding: 2px 0 0 10px;}
.colorMenu {color: #0000FF;}

 table.lred {width: 100%; border-bottom: 1px solid #ACACAC; }
 table.lred caption, div.caption {text-align: left; padding: 0px 2px 4px 16px; line-height: 12px; font-weight: bold; background: #FFC55F; position: relative;}
 table.lred td {line-height: 13px; padding: 4px 4px 8px 16px;}
 table.lred td.top { padding-top: 7px;}
 table.lred tr.prelast td { padding-bottom: 9px;}
 table.lred tr.last td { padding-bottom: 6px;}
 table.lred td.left  { border-right: 1px solid #E6E6E6; }
 table.lred tr.lightred td, table.lred tr.lightred:hover td {background:#FCF0D8; border-top: 1px solid white; color: #4D4D4D;}
 table.lred tr.lightred td {padding-top:5px;}
 table.lred tr.lgray td {background: #ECECEC;}
 table.lred tr.white td {background: white;}
 table.lred tr:hover td {background: #D8EBF7; color: #007DC8;}
 table.lred tr.whitefix:hover td {background: white !important; color: #4D4D4D;}
 table.lred tr.lgrayfix td, table.lred tr.lgrayfix:hover td {background: #ECECEC !important; color: #4D4D4D;}

 table.lred td a { color:#4D4D4D !important; text-decoration: none;}
 table.lred td a.more { color: #007DC8 !important;  text-decoration: underline;}
 
 #motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 50%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}


.bgLine {background-color: #E0EDF5;}
.bgLinegreen {
	background-color: #D5FFD5;
}
.padBigLine {padding: 5px 10px 5px 10px;}
.fontColorLine {color: #0E65B4;}
.fontBigLine {font: bold 13px Tahoma;}
.borderImage {border: 1px solid #CCC; padding: 1px;}
.padSmall {padding: 3px 10px 3px 10px;}
.btnFont {font: 10px Tahoma;}
.bgAlternate {background-color: #E8E8E8;}
.borderBottom {border-bottom: 1px solid #CCC;}
