/*** innovations ***/

* { margin: 0; padding: 0; }

body {
	background: #fff url(/images/body-back.gif) repeat-x left top;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }

.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 0.5em 0 1.0em 0; }

img { border-width: 0; }
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

ul.normal {padding: 5px 0 5px 25px;}
ol {padding: 5px 0 5px 25px;}

a.iconlink { padding-left:10px; background: url(/images/icon.gif) no-repeat top left; }

.bigtext { font-size: 1.2em; line-height: 1.6em; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.2em 0; }
h1 { font-size: 2.0em; color: #345; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h2 { font-size: 1.7em; color: #345; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h3 { font-size: 1.6em; color: #345; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h4 { font-size: 1.2em; color: #fff; line-height: 1.5em; font-weight: normal; letter-spacing: -1px; }

/*** OVERALL LAYOUT ***/

#skiptomain { display: none; }

#wrapper {
	width: 1040px;
	margin: 0px auto;
	font-size: 0.85em;
	background: url(images/wrapperback.png) repeat-y center top;
}

	#pagecontainer {
		width: 920px;
		padding: 0 60px;
	}

		#header {
			width: 920px;
			padding: 0px;
			margin: 0px;
			background: #046;
			color: #fff;
			}

			#toplogo {
				padding: 10px 0px 10px 10px;
				width: 450px;
				float: left;
				font-size: 0.9em;
			}


			#topright {
				padding: 25px 10px 0px 0px;
				width: 250px;
				float: right;
				text-align: right;
				font-size: 0.95em;
				color: #fff;
			}
			

			#topright strong {
				font-size: 1.8em;
			}


			#topright a:link, #topright a:visited { color: #f33; text-decoration: none; }
			#topright a:hover { color: #f33; text-decoration: underline; }


		#topnavbar {
			width: 920px;
			height: 44px;
			font-size: 0.95em;
			margin: 2px 0px 0px 0px;
			padding: 0px;
			background: #c13 url(/images/topnavback.gif) repeat-x center bottom;
			color: #fff;
		}

			/* #topnav is now controlled by suckerfish.css */

			
			#topdate {
				width: 230px;
				height: 30px;
				line-height: 30px;
				float: right;
				text-align: right;
				padding: 7px 20px 5px 0px;
				margin: 0px 0px 2px 0px;
				font-size: 0.85em;
				color: #fff;
				border-bottom: 2px solid #c13;
			}

		#maincontent{
			clear: both;
			width: 920px;
			padding: 15px 0px 10px 0px;
			margin: 0px 0px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}

			#maincontent a:link, #maincontent a:visited { color: #345; text-decoration: underline; }
			#maincontent a:hover { color: #c13; text-decoration: underline; }


				#maincontentleft {
					width: 630px;
					margin: 0px;
					padding: 0px;
					float: left;
					line-height: 1.6em;
				}
				
					#maincontentleft ul {
						margin: 0 0 10px 40px;
						padding: 0px;
					}

					#maincontentleft ul li {
						margin: 0;
						padding: 0px 0px 0px 0px;
					}

				#maincontentright {
					width: 250px;
					float: right;
					margin: 0px;
					padding: 0px;
				}
				
					#maincontentright ul {
						width: 250px;
						list-style: none;
						margin: 0 0 10px 0;
						padding: 0px;
					}

					#maincontentright ul li {
						list-style-style: none;
						margin: 0;
						padding: 4px 0px 4px 20px;
						line-height: 1.6em;
						background: url(images/redicon.gif) no-repeat 5px center;
						border-bottom: 1px solid #c13;
					}

					#maincontentright ul li a:link, #maincontentright ul li a:visited { color: #345; text-decoration: none; }
					#maincontentright ul li a:active, #maincontentright ul li a:hover { color: #c13; text-decoration: none; }



				.quote { 
					color: #345; 
					background: url(/images/quoteback.gif) no-repeat left top; 
					padding-top: 40px; 
					margin-top: 20px;
				}

		#pagefooter {
			clear: both;
			width: 920px;
			padding: 10px 0px 10px 0px;
			margin: 0px;
			font-size: 0.95em;
			background: #046 url(/images/pagefooterback.gif) repeat-x center top;
			color: #fff;
			border-top: 1px solid #024;
		}

			#pagefooter a:link, #pagefooter a:visited { color: #fff; text-decoration: underline; }
			#pagefooter a:hover { color: #fff; text-decoration: underline; }


			.pagefooter1 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 180px;
				font-size: 0.9em;
				color: #fff;
				padding: 0px 10px;
			}

			.pagefooter2 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 180px;
				font-size: 0.9em;
				color: #fff;
				padding: 0px 10px;
			}

			.pagefooter3 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 180px;
				font-size: 0.9em;
				color: #fff;
				padding: 0px 10px;
			}

			.pagefooter4 {
				margin: 0px;
				float: right;
				text-align: right;
				width: 240px;
				font-size: 0.9em;
				color: #fff;
				padding: 0px 10px 0px 0px;
			}


/*****************
PAGEBOTTOM LIST
*****************/

ul.pagefooterlist {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	ul.pagefooterlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;

	}

/*****************
 FEATURES
*****************/

.mainfeatureblue {
	float:left;
	width: 610px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	background: #fff url(/images/mainfeatureblueback.gif) repeat-x center top;
	border-top: 1px solid #abc;
}

.mainfeaturered {
	width: 610px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	background: #fff url(/images/mainfeatureredback.gif) repeat-x center top;
	border-top: 1px solid #fcd;
}

.rightfeature {
	width: 230px;
	padding: 10px;
	margin: 2px 0px 10px 0px;
	background: #fff url(/images/rightfeatureback.gif) repeat-x center top;
	border-bottom: 1px solid #abc;
}

/*****************
 PROPERTIES
*****************/

.brokproperty {
	float:left;
	width: 610px;
	margin: 0px 0px 10px 0px;
}

.brokproperty strong {
	font-weight: normal;
	color: #345;
	font-size: 1.3em;
}

	.brokproperty-details {
		float:left;
		width:450px;
	}


#maincontent .redbutton {
	display: block;
	float: left;
	background: url(/images/redbuttonmiddle.gif) repeat-x center center;
	line-height: 30px;
	height: 30px;
}

#maincontent .redbutton img {
	float: left;   
}

#maincontent .redbutton a {
	float: left;  	
	text-decoration: none; 
	color: #fff; 
	padding: 0px 5px;
}

#maincontent .redbutton a:hover {
	text-decoration: underline;   
}

/*****************
 PROPERTY SEARCH FORM
*****************/

#minisearchform .formrow { clear: both; }

#minisearchform label {
	clear: left;
	float: left;
	width: 150px;
	padding-right: 20px;
	margin-top: 5px;
}

#minisearchform input.minisearchinput {
	border: 1px solid #999;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	width: 200px;
	color: #000;
	margin-top: 5px;
	padding: 2px;
}

#minisearchform select.minisearchselect {
	border: 1px solid #999;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	width: 206px;
	color: #000;
	margin-top: 5px;
}

#minisearchform input.minisearchsubmit {
	background: url(/images/minisearchbutton.png) no-repeat 0px 0px;
	border: none;
	height: 30px;
	width: 200px;
	clear: both;
	color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	margin: 5px 0 0 170px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
}

#minisearchform input.minisearchsubmit:hover {
	text-decoration: underline;
}

#whos-who-content { margin-top: 0px; }

.whos-who {
	float:left;
	width:630px;
	padding:0px;
	margin: 0px 20px 10px 0px;
}

.whos-who-image {
	float:left;
	width: 235px;
	margin: 10px 5px 0px 0px;
	padding: 0;
}

.whos-who-text {
	width: 389px;
	margin: 0;
	padding: 0;
	float:left;
}

h3.whos-who {
	float:left;
	padding:0px;
	line-height:0px;
	width:400px;
	margin:500px;
}


/*****************
 PROPERTY PAGE
*****************/

#prop-top {
	float:left;
	width: 630px;
	margin:0px 0px 0px 0px;
	padding:0px;
}


#prop-image {
	float:left;
	width: 310px;
	margin:0px 10px 0px 0px;
	padding:0px;
}

#prop-details {
	float:left;
	width: 610px;
}

	.prop-title {
		float:left;
		width: 115px;
		font-weight:bold;
		text-align:right;
		padding:0px 5px 0px 0px;
	}

	.prop-info {
		float:left;
		width: 490px;
	}
	
	.prop-info-pdf {
		float:left;
		width: 472px;
		background: url(/images/pdf.gif) no-repeat 0px 3px;
		padding:0px 0px 0px 18px;
	}	
	
	.last-updated {
		color:#aaa;
		font-size:0.8em;
	}
	
/*****************
 MAPS
*****************/

#gmap {
	float:left;
    height:310px;
    width:310px;
    padding:0px;
    margin:0px 0px 0px 0px;
}

#gmap2 {
	float:left;
    height:310px;
    width:630px;
    padding:0px;
    margin:10px 0px 0px 0px;
}

#gdirections {
    padding: 0px;
    border: 1px solid #AAA;
    border-top: 0px;
}

#gdirections #gmap-from {
    margin: 0px 0px 0px 0px;
    height: 18px;
    font-size: 14px;
}

#gdirections #gmap-go {
    margin: 0px 0px 0px 0px;
    height: 28px;
}

.adminerror {
	border: 2px solid #cc0000;
	background:#ffffcc;
	color:#cc0000;
	padding:10px;
	margin-bottom:10px;
	font-weight: bold;
}

.adminsuccess {
	border: 2px solid #006600;
	background:#ccffcc;
	color:#006600;
	padding:10px;
	margin-bottom:10px;
	font-weight: bold;
}