/* 
Description: Global styles for RE/MAX The Islands website
Author: Sam Stevens, Stevens Media, www.stevensmedia.com
Version: 11.24.07

Table of Contents:
1.0		Structure
2.0 	Presentation
3.0 	Typography
4.0 	Lists
5.0 	Images
6.0		Miscellaneous Classes
7.0		Listings Styles
8.0		Featured Listings (Home page)
9.0		Latest Listings (RSS)
*/

/* 1.0 Structure */

BODY {
	margin: 0;
	padding: 0;
	text-align: center; /* to center #wrapper */
}

#wrapper {
	margin: 0 auto;
	width: 760px;
}

#header {
	height: 124px;
	padding-right: 10px;
}

#header-right {
	width: 330px;
	float: right;
}

P#quicknav {
	margin-top: 35px;
}

#intro {
	/*height: 70px;*/
	margin-bottom: 1px;
	width: 740px;
} 

#nav {
	width: 740px;
	height: 26px;
}

#content-wrapper {
	padding: 18px 10px 18px 12px;
}

#sidebar {
	float: right;
	width: 200px;
}

#sidebar-home {
	float: right;
	width: 220px;
}

#content {
	width: 480px;
	padding-right: 10px;
	margin-right: 10px;
}

#content-singlecol {
	width: 680px;
	padding-right: 10px;
	margin-right: 10px;
}

#footer-wrapper {
	text-align: center;
}

#footer {
	width: 745px;
	margin: 0 auto;
	padding: 15px 0 5px 15px;
}

#nav-footer-1, #nav-footer-2 {
	float: left;
}

#nav-footer-1 {
	width: 165px;
}

#nav-footer-2 {
	width: 220px;
}

/* 2.0 Presentation */

BODY {
	background: #CEE1F0 url('../images/layout/bkgd.jpg') repeat-x;
}

#body-wrapper {
	background: url('../images/layout/bkgd-wrapper.jpg') no-repeat left 150px;
}

#page {
	background-color: #FFFFFF;
	clear: both;
	float: left;
	padding: 10px;
}

#intro {
	background: url('../images/layout/bkgd-intro.jpg') repeat-x;
} 

#nav {
	background-color: #0074DD;
	border-bottom: 1px solid White;
}

#photo-caption
{
	background: #006331;
	border-top: 8px solid #004623;
	height: 40px;
	width: 740px;
}

#photo-caption-2
{
	background: #006331;
	border-top: 8px solid #004623;
	height: 16px;
	width: 740px;
}

#photo-caption-title
{
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #FFEECC;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}	

P#recommended {
	background: url('../images/layout/bkgd-recommended.jpg') no-repeat;
}

#footer-wrapper {
	background: #003362 url('../images/layout/bkgd-footer.jpg') repeat-x top;
	clear: both;
}

/* 3.0 Typography */

BODY {
	font: normal 10px Arial, Helvetica, sans-serif;
}

#wrapper {
	text-align: left;
}

#header {
	text-align: right;
}

#header P {
	color: White;
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#header P A {
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}

	#header A:HOVER {
		text-decoration: underline;
	}

#header H2 {
	color: White;
	font: bold 1.6em Verdana, Arial, Helvetica, sans-serif;
}

#intro H1 {
	font: normal 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00529E;
	margin: 0;
	padding: 5px;
}

#intro P {
	margin: 0;
	font-size: 1.3em;
	padding: 5px;
}

A:HOVER { 
	text-decoration: none;
}

#intro A {
	color: #00529E;
}

#nav {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

#nav A {
	display: block;
	height: 26px;
	margin-top: 5px;
	margin-bottom: -5px;
	text-decoration: none;
	color: White;
}

	#nav A:HOVER {
		text-decoration: underline;
	}

.home {
	text-align: center;
}

H1 {
	font: normal 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

H2 {
	font: normal 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
#sidebar H1, #sidebar-home H1 {
	color: #006331;
}

#sidebar-home H2 {
	font-size: 1.5em;

}

#content, #content-singlecol {
	font-size: 1.3em;
	color: #4C4C4C;
	line-height: 1.4em;	
}

#content A, #content-singlecol A, #sidebar A, #sidebar-home A {
	color: #ED1B24;
}

#content H1, #content H2, #content-singlecol H1, #content-singlecol H2 {
	color: #00529E;
}

#content H1, #content-singlecol H1 {
	font: normal 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content H2, #content-singlecol H2 {
	font: normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

P#recommended, P#recommended A {
	color: #00529E;
}

P#recommended {
	padding: 4px;
}

#footer {
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#footer A, #footer LI {
	color: #CCE7FF;
}

#footer A {
	text-decoration: none;
}

	#footer A:HOVER {
		text-decoration: underline;
	}

#footer H2 {
	font: bold 1.1em Tahoma, Arial, Helvetica, sans-serif;
	color: White;
	margin: 0;
}

#footer P {
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	color: White;
}

/* 4.0 Lists */

#nav UL, #footer UL, #sidebar UL, UL#photo-fade {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav UL LI {
	float: left;
	padding: 0 9px;
	border-right: 1px solid White;
}

	#nav UL LI.last {
		border-right: none;
	}
	
		#nav UL LI.last A {
			margin-left: 12px;
		}

#sidebar UL {
	border-top: 1px solid #E0E0E0;
}
	
#sidebar UL LI {
	/*display: inline-block;*/
	border-bottom: 1px solid #E0E0E0;
	padding: 8px 10px 8px 15px;
	font: bold 1.1em Tahoma, Verdana, Arial, sans-serif;
}

#sidebar UL LI.noborder {
	border-bottom: none;
	padding: 0;
}

#sidebar UL UL {
	border-top: none;
}
	
#sidebar UL UL LI {
	font-weight: normal;
	font-size: 1em;
}

#sidebar UL LI A {
	display: block;
	text-decoration: none;
	color: #006331;
}

#sidebar UL LI A:HOVER {
	text-decoration: underline;
	color: Black;
}
	
#sidebar UL UL LI A {
	padding-left: 14px;
	text-decoration: none;
	background: url('../images/layout/bullet.gif') no-repeat left;
}

#footer UL {
	padding: 5px 10px 10px 10px;
}

#footer UL LI {
	padding: 3px 0;
	font-size: 0.9em;
}

/* 5.0 Images */

#header IMG {
	float: left;
}

.home IMG {
	border: 1px solid #999;
	padding: 4px;
}

.realtors IMG {
	border: 1px solid #999;
	padding: 4px;
	float: right;
	margin: 0 0 10px 10px;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

/* Image Captions */

.arc90_imgcaption { 
	width: 9em; 
	background-color: #004623;
	background-color: #006331;
} 

.arc90_imgcaptionTXT { 
	font-size: .8em; 
	color: #FFEECC; 
	text-align: left; 
	padding: 0 5px;
	margin: 2px 0;
	line-height: normal;
}
 
.floatl { 
	float: left; 
	margin-right: 1em; 
} 

.floatr { 
	float: right; 
	margin-left: 1em;
}

/* 6.0 Miscellaneous Classes */

.small, .tip {
	font-size: 0.8em;
	line-height: normal;
}

.tip {
	color: #0074DD;
}

#photo-caption P.caption {
	float: left;
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #FFEECC;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}

#photo-caption-credit {
	color: #FFFFFF;
	float: right;
	font: italic normal 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: 200px;
	text-align: right;
}

#photo-caption-credit P {
	font: italic normal 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: Black;
	height: 40px;
	line-height: 40px;
}

#sidebar P.caption {
	font: normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
}

#sidebar-home P.caption {
	font-size: 1.3em;
	color: #4C4C4C;
}

#footer-logo {
	vertical-align: top;
	margin-top: -28px;
}

TABLE#ferries, TABLE#ferries TD {
	border: 1px solid #999;
}

TABLE#ferries {
	font-size: 0.85em;
	line-height: normal;
	width: 480px;
}

TABLE#ferries TD {
	padding: 5px;
	vertical-align: top;
}

TABLE.directory TD {
	padding: 2px;
	margin: 1px;
	font-size: 0.85em;
	line-height: normal;
	border-bottom: 1px dotted #CCC;
	vertical-align: top;
}

TABLE.contact TD {
	vertical-align: top;
	width: 240px;
}

.icon {
	text-align: left;
	margin: 30px 0;
}

	.icon IMG {
		margin: 0 10px;		
		vertical-align: middle;
	}
	
	#sidebar-home .icon H2 A {
		color: #006631;
		font-size: 0.95em;
		font-weight: bold;

	}
	
/* 7.0 Listings Styles */

TABLE.listings {
	width: 720px;
	border: 1px solid #CCC;
}

TD.propdata {
	border: 1px solid #CCC;
	font-size: 13px;
	color: #4C4C4C;
}	

TD.propdata A IMG {
	border: none;
}

TABLE#listingsview TD {
	font-size: 13px;
	padding: 10px;
	color: #4C4C4C;
}

TD#imagecolumn {
	vertical-align: top;
	text-align: center;
}

TD#imagecolumn A IMG {
	text-decoration: none;
	border: none;
	margin-bottom: 10px;
}

/* 8.0 Featured Listings */

.home HR {
	display: none;
}

.home IMG {
	margin-bottom: 10px;
}

.home B {
	font-size: 13px;
	color: #006633;
}

.home A {
	text-decoration: none;
}

.home A B {
	color: #006633;
	text-decoration: underline;
}

.home A:HOVER B {
	text-decoration: none;
}


/* 9.0 Latest Listings */

#propertyfeed {
	text-align: center;
	margin-top: 40px;
}

#propertyfeed H1 {
	text-align: left;
}

#propertyfeed H3 {
	font-size: 13px;
}

.item {
	margin: 30px 0;
}

#sidebar .item A {
	color: #006331;
}