*					{ margin: 0; padding: 0; }
body				{ font: 15px/2 Verdana, Geneva, sans-serif; background-attachment: scroll;	background-image: url(../images/page_bg_img.jpg); background-repeat: repeat-x; background-position: center top; background-color: #3a7096; }

#page-wrap		    { max-width: 980px; min-width: 560px; margin: 0 auto; position: relative; border: 0px solid #f11; } /* original min width 560px*/

#header             { max-width: auto; min-width: 560px; margin: 0px auto 0px; border: 0px #fff solid;  background-image: url(../images/nav_bg_black.jpg); background-repeat: repeat-x;}
#nav-wrap			{ padding-top: 3px; padding-bottom: 0px; max-width: 980px; min-width: 530px; margin: 0 auto; position: relative; border: 0px solid #fff; height: 50px;}

#main-content       { float: left; width: 680px;  margin: 0px; padding: 0px 10px 10px 10px; background-image: url(../images/spacer.png); background-repeat: repeat; border: 0px solid #fFF; 	height: auto !important;}
#main-sidebar		{ float:right; width: 240px; bottom: 0%; margin-top:240px; height: auto !important; border: 0px solid #fff; }
                      

#wrap				{ padding-top: 3px; padding-bottom: 0px; max-width: 980px; min-width: 530px; margin: 0 auto; position: relative; border: 0px solid #fff; height: 300px; text-align:center; vertical-align:bottom;}

#footer             { max-width: auto; min-width: 560px; margin: 0px; font-size: 10px; color: #FFF; border: 0px dashed #fff;
	background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; background-position: center bottom; }
#footer h1 			{ color: #fff; font: normal 20px Helvetica, Arial, sans-serif; text-transform:none; letter-spacing: 2px;}
#footer li			{list-style-position: outside; list-style-image: url(../images/b_bullet.gif); margin-left: 18px;}

#footer a           { color: white; text-decoration:underline;}
#footer a:hover     { text-decoration:none; }
#footer .column  	{ float: left; text-align: left; width: 30%; border: 0px #666 dashed; margin-right: 50px; margin-top: 20px;}
#footer .columnRT  	{ float: right; text-align: left; width: 28%; border: 0px #666 dashed; margin-right: 0px;  margin-top: 20px;}

.listings			{ border: 0px solid #fff; margin-bottom:20px;}
.listings ul 		{ margin-left: 120px; 	border: 0px #fff solid;}
.listings li 		{ list-style-image: url(../images/w_bullet.gif); list-style-position: inside; border: 0px solid #F00; margin-left: 10px; padding-left: 10px; }
.listing-price		{ font-size: 24px; font-weight: bold; color: #000; border: 0px #fff solid; }
.listing-pic		{ border: 5px #000 solid; float:left; margin: 10px 10px 10px 0px;}
.listing-data		{ border: 5px #000 solid; }
#listprice			{ border: 0px #000 solid; width: 100px; margin-right:10px; float:left;}	
#listtype			{ border: 0px #000 solid; width: 200px; margin-right:10px;float:left;}	
#listlocation		{ border: 0px #000 solid; width: 300px;float:left;}	

.listing-details	{ border: 0px solid #fff; float:left; width: 400px;}
.listing-details ul { border: 0px #f11 dashed;}
.listing-details li { list-style-image: url(../images/black_bullet.gif); list-style-position: inside; border: 0px solid #F00;}


#mlsPhotobox  		{ float: right; width: 210px; height: 160px; border: 0px #F00 dashed;}
.listing-dataBox 	{ float: left; height: 180px; width: 210px; border: 0px solid #000; margin: 5px; background-image: url(../images/spacer.png); background-repeat: repeat; padding: 3px;}
.listing-dataBox li { list-style-image: url(../images/black_bullet.gif); list-style-position: inside; border: 0px solid #F00; margin: 0px; padding-left: 10px;
}	
.propertydescription { float: left; padding: 30px 10px; border: 0px #FFF dashed;}
.roomTitle			{font-size:18px; font-variant:small-caps; color:#F60; clear:right;}
.listing-roomtitle 	{ font-size:18px; font-variant:small-caps; font-weight:bold;}
.listing-roommeasure{ font-size:9px; font-variant:small-caps; }

.condo-details		{ border: 0px solid #fff;}
.condo-details ul 	{ border: 0px #f11 dashed;}
.condo-details li 	{ list-style-image: url(../images/black_bullet.gif); list-style-position: inside; border: 0px solid #F00;}
.condoTitle			{ { font-size: 18px; color: #000; border: 0px #fff solid; } }

.oddBus  			{ float: left; height: 230px; width: 300px; border: 0px solid #fff; margin: 5px 10px; padding: 3px; font: 12px/2 Verdana, Geneva, sans-serif; background-image: url(../images/spacer.png); background-repeat: repeat; }
.evenBus 			{ float: left; height: 230px; width: 300px; border: 0px solid #000; margin: 5px 10px; padding: 3px; font: 12px/2 Verdana, Geneva, sans-serif;background-image: url(../images/spacer.png); background-repeat: repeat; }
.busTitle			{ font-size: 12px; color: #000; border: 0px #fff solid; font-weight: bold; margin: 0px; padding:0px;}
.bus-details ul 	{ border: 0px #f11 dashed;}
.bus-details li 	{ list-style-image: url(../images/black_bullet.gif); list-style-position: inside; border: 0px solid #F00;}
.bus-headings		{ width:70px; color:#666; border:0px dashed #036; float:left; clear:both;}
.bus-content		{ color:#000; border:0px dashed #036; float:left;} 
.bus-desc			{ float:left; clear:both;}

h1					{ text-transform: lowercase; text-align: left; letter-spacing: -2px; color: #F30; font-family: Georgia, 'Gill Sans', Palatino, serif; font-size: 3.0em; font-style: normal; font-weight: normal; font-variant: normal; border: 0px solid #036;}
h2					{ text-transform: lowercase; text-align: left; letter-spacing: -2px; color: #F30; font-family: Georgia, 'Gill Sans', Palatino, serif; font-size: 34px;  font-style: normal; font-weight: normal; font-variant: normal; clear:both;}
h3					{ font 12px/2; color:#000; font-weight: normal;	padding: 0 3px; border-bottom: 0px #fff solid; font-variant: small-caps; 	background-image: url(../images/spacer.png); background-repeat: repeat;height: auto !important; }
h3 a				{ display:block; }
h5{ display: block; text-decoration: none; font: 100px "Arial Black", Helvetica, Arial, Sans-Serif; letter-spacing: -5px; text-align: center; color: #000; text-shadow: 0px 3px 8px #2a2a2a; }

a 					{ color: #000; text-decoration: underline; }
a:hover 			{ color: #fff; text-decoration: none; }
#blogfeed			{ list-style-position: outside; list-style-image: url(../images/arrow.gif); margin-left: 0px; }
.iconBox 			{ float: left; height: 146px; width: 125px; border: 0px solid #000; margin: 5px 10px; }
.userInstructions	{ font-weight: bold; color: #000; padding: 20px 2px 12px 2px;}

.oddLine  { float: left; height: 200px; width: 300px; border: 0px solid #fff; margin: 5px 10px; padding: 3px;}
.evenLine { float: left; height: 200px; width: 300px; border: 0px solid #000; margin: 5px 10px; padding: 3px;}

.commonList li 	{ list-style-position: inside; list-style-type: circle; list-style-image: url(../images/black_bullet.gif); border: 0px solid #fff; word-spacing: 6px; line-height:15px; } 

#contact-area 	{ margin-top: 25px; }
#contact-area input, #contact-area textarea { padding: 5px;	width: 320px;	font-family: Helvetica, sans-serif;	font-size: 1.0em;	margin-left: 15px;
	border: 2px solid #ccc; margin-top: 5px;}
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #900; }
#contact-area input.submit-button { width: 100px; margin-top: 10px; float:right;}
td.left 		{ width: 80px; text-align: left; font-size: 1.0em; }
#captcha-area 	{ padding: 20px 0px 0px 120px;}

/*  Footer styles -----------------------------    */

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #000;
	border: 1px solid #fff;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: .8em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}
#footpanel a.home{
	background: url(../images/home_.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile{ background: url(../images/user.png) no-repeat center center;  }
a.editprofile{ background: url(../images/wrench_screwdriver.png) no-repeat center center; }
a.contacts{ background: url(../images/address_book.png) no-repeat center center; }
a.messages{ background: url(../images/mail.png) no-repeat center center; }
a.playlist{ background: url(../images/document_music_playlist.png) no-repeat center center; }
a.videos{ background: url(../images/film.png) no-repeat center center; }
a.alerts{ background: url(../images/newspaper.png) no-repeat center center; }
#footpanel a.chat{
	background: url(http://www.sohtanaka.com/web-design/examples/footer-panel/balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/
#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(../images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: .5em;
	text-indent: 0;

}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}