/* LAYOUT - main body of page */
body, html { 
	background-image:url(images/website/top_gradient.gif); 
	background-repeat:repeat-x; 
	background-color: #351D3D;
	SCROLLBAR-FACE-COLOR: #410B54;
	SCROLLBAR-HIGHLIGHT-COLOR:#ADA0B1; 
	SCROLLBAR-SHADOW-COLOR: #754486;
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	scrollbar-track-color: #30133A; 
	}
div#saffron {
	margin: 0 auto;
	padding:0;
	left:10px;
	position:relative;
	width:941px;
	background-repeat:no-repeat;
	height:55px;
}		
div#wrap {
width: 941px;
margin: 0 auto;
position:relative;
height:auto;
background-color:#FFFFFF;
}
	

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}


/* LAYOUT - HEADER */
div#header {
display: block;
margin:0 auto;
padding:0;
background-image:url(images/website/bg_header.gif);
background-repeat:no-repeat;
height:230px;
}
	#header #site-name {
		position:absolute;
		top:52px;
		left:9px;
		font: Verdana, Tahoma, Arial;
		font-family:Verdana, Tahoma, Arial;
		width: 211px;
		height: 115px;
		color: #1C1C1C;
		font-size:12px;
		font-weight:bold;
		border:0px;
		background: transparent url(images/website/logo.gif) no-repeat;
		background-position:top;
		text-align: center;
		vertical-align: bottom;
	}
	#header #site-name p {
	text-indent:30px;
	vertical-align:bottom;
	padding-top:80px;
	}
	#header #flash {
	position:absolute;
	left:235px;
	top:16px;
	width: 550px;
	height: 160px;
	background-color: transparent;
	}
	#header #headerMenu {
	position: absolute;
	top:25px;
	right: 25px;
	}
	
	#header #headerMenu ul#main_categories
		{
		display: block;
		padding: 0;
		width: 100px;
		height: 120px;
		float:right;
		}
		#header #headerMenu ul#main_categories li
		{
		display: block;
		float: left;
		height: 30px;
		}
		#header #headerMenu ul li#home
		{
		background: url(images/website/home.gif) no-repeat;
		}
		#header #headerMenu ul li#email
		{
		background: url(images/website/email.gif) no-repeat;
		}
		#header #headerMenu ul li#blog
		{
		background: url(images/website/blog.gif) no-repeat;
		}
		#header #headerMenu ul li#bookmark
		{
		background: url(images/website/bookmark.gif) no-repeat;
		}
		#header #headerMenu ul#main_categories li a:link
		{
		display: block;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		padding-left: 30px;
		font-size: 10px;
		font-weight: normal;
		color: #391F41;
		text-decoration: none;
		padding-top: 7px;
		}
		#header #headerMenu ul#main_categories li a:visited
		{
		display: block;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		padding-left: 30px;
		font-size: 10px;
		font-weight: normal;
		color: #391F41;
		text-decoration: none;
		padding-top: 7px;
		}
		#header #headerMenu ul#main_categories li a:hover
		{
		display: block;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		padding-left: 30px;
		font-size: 10px;
		font-weight: normal;
		color: #391F41;
		text-decoration:underline;
		padding-top: 7px;
		}
	
/* LAYOUT - SEARCH BAR MENU */
div#mls {
	position:absolute;
	top:187px;
	left:230px;
	height:32px;
	}	

div#mls a:link{
	display:block;
	width:113px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchMLS_off.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
div#mls a:visited{
	display:block;
	width:113px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchMLS_off.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;

	}	
div#mls a:hover{
	display:block;
	width:113px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchMLS_on.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
div#commercial {
	position:absolute;
	top:187px;
	left:345px;
	height:32px;
	}	

div#commercial a:link{
	display:block;
	width:168px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchCommercial_off.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
div#commercial a:visited{
	display:block;
	width:168px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchCommercial_off.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}	
div#commercial a:hover{
	display:block;
	width:168px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchCommercial_on.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
div#rentals {
	position:absolute;
	top:187px;
	left:515px;
	height:32px;
	}	

div#rentals  a:link{
	display:block;
	width:141px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchRentals_off.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
div#rentals  a:visited{
	display:block;
	width:141px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchRentals_off.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}	
div#rentals  a:hover{
	display:block;
	width:141px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchRentals_on.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}			
div#lofts {
	position:absolute;
	top:187px;
	left:658px;
	width:127px;
	height:32px;
	}	

div#lofts a:link{
	display:block;
	width:127px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchLofts_off.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
div#lofts a:visited{
	display:block;
	width:127px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchLofts_off.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}	
div#lofts a:hover{
	display:block;
	width:127px;
	height:32px;
	padding-top:8px;
	background-image: url(images/website/SearchLofts_on.gif);
	background-repeat: no-repeat;
	font-family:Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}


/* LAYOUT - FOOTER */
div#footer {
	margin: 0 auto;
	margin-top:0px;
	padding-top:10px;
	position:relative;
	width:941px;
	text-align:center;
	background-color:#FFFFFF;
	height:auto;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	font-weight:normal;
	color:#1C1C1C;
	text-transform:uppercase;
	line-height:12px;
	}
	#footer a:link {
		color:#1C1C1C;
		text-decoration:none;
		}
	#footer a:visited {
		color:#1C1C1C;
		text-decoration:none;
		}
	#footer a:hover {
		color:#1C1C1C;
		text-decoration:underline;
		}