/*
 * Home Page Stylesheet
 * Copyright (c) 2005-2007 by Cobalt Pointe, LLC
 */
@import url(../Styles/Common.css);

body {
	background-color: #e7e7d3;
	color: #73735a;
	font-size: 90%;
}

body.browserBusy,
body.browserBusy *							{ cursor: progress !important; }

/* Text Size */
body.smallText								{ font-size: 75%; }
body.largeText								{ font-size: 110%; }

.absoluteTextSizeSmall						{ font-size: 83%; }
.absoluteTextSizeNormal						{ font-size: 100%; }
.absoluteTextSizeLarge						{ font-size: 122%; }

body.smallText .absoluteTextSizeSmall		{ font-size: 100%; }
body.smallText .absoluteTextSizeNormal		{ font-size: 120%; }
body.smallText .absoluteTextSizeLarge		{ font-size: 147%; }

body.largeText .absoluteTextSizeSmall		{ font-size: 68%; }
body.largeText .absoluteTextSizeNormal		{ font-size: 81%; }
body.largeText .absoluteTextSizeLarge		{ font-size: 100%; }

body.smallText p							{ line-height: 1.1em; }

/* Links */
a:link										{ color: #3366cc; text-decoration: none; }
a:visited									{ color: #6633cc; text-decoration: none; }
a:hover										{                 text-decoration: underline; }

a.scriptLink,
a.scriptLink:link,
a.scriptLink:visited,
a.scriptLink:hover							{ color: #3366cc; cursor: pointer; }

a.noLink,
a.noLink:link,
a.noLink:visited							{ color: #73735a; } /* 'inherit' would be better, but IE doesn't support it. */
a.noLink:hover								{ color: #73735a !important; cursor: default !important; text-decoration: none !important; }

a.disabled,
a.disabled:link,
a.disabled:visited,
a.disabled:hover							{ color: #b9b9a6 !important; cursor: default; text-decoration: none; }

/* Headings */
h1,h2										{ color: #cc6633; font-size: 180%; margin-top: 20px; }
h3											{ color: #cc6633; font-size: 155%; }
h4											{ clear: left; font-size: 120%; letter-spacing: 0.1ex; line-height: 1em; padding-top: 0.2em; }

/* Other */
p.first										{ margin-top: 0; }

/*
 * Layout
 */
div.pageContainer_Outer {
	background-image: url(../Images/PageLayout/PageBorder_Left.gif);
	background-position: left top;
	background-repeat: repeat-y;
	margin: 0 auto;
	max-width: 900px;
	min-width: 600px;
	padding-left: 8px;
}

div.pageContainer_Inner {
	background-image: url(../Images/PageLayout/PageBorder_Right.gif);
	background-position: right top;
	background-repeat: repeat-y;
	height: 100%;
	padding-right: 8px;
}

#Page										{ background: #fffff2 url(../Images/PageLayout_Home/PageBackground.gif) repeat-y 20px 0; }

/* Page Top */
#PageTop									{ font-size: 90%; padding: 0 10px; }

#PageTop a,
#PageTop span								{ color: #babaa7; text-decoration: none; }
#PageTop a:hover							{ color: #cc6633; }

#PageTop ul.inlineMenu						{ float: right; margin: 0.75em 0; }
#PageTop ul.inlineMenu li					{ border-color: #b9b9a6; }

/* Page Header */
#PageHeader {
	background: url(../Images/PageLayout_Home/HeaderBackground.jpg) no-repeat;
	height: 500px;
	position: relative;
	width: 100%;
}

#PageHeader_Logo {
	padding: 20px 10px 5px;
}

/* Quick Search */
#QuickSearchContainer {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
}
#QuickSearch {
	background-image: url(../Images/PageLayout_Home/QuickSearchBackground.png);
	opacity: 0.6;
	padding: 8px 10px;
	width: 180px;
}
#QuickSearch:hover,
#QuickSearch.active							{ opacity: 1; }

#QuickSearch input {
	background: White  url(../Images/PageLayout_Home/QuickSearchText.gif) no-repeat 4px 4px;
	border: 1px solid #a5a48a;
	padding: 2px 10px 2px 2px;
	margin-right: 8px;
	width: 158px;
}
#QuickSearch.active input					{ background-image: none; }

#QuickSearch a.searchButton					{ bottom: 4px; position: absolute; opacity: 0.7; right: 10px; }
#QuickSearch a.searchButton:hover			{ opacity: 1; }
#QuickSearch a.searchButton img				{ display: block; }

#QuickSearch label {
	color: #fffff2;
	font-size: 90%;
	font-style: italic;
	text-align: right;
	text-transform: lowercase;
	width: 6ex;
}
#QuickSearch label img						{ vertical-align: middle; }

/* Site Navigation */
#SiteNavigation								{ padding: 0 20px; width: 160px; }

/* Page Content */
#PageContent								{ padding: 0 20px 20px 200px; }

/* Featured Listings */
#FeaturedListings							{ border-bottom: 1px solid #e7e7d3; margin-top: -100px; position: relative; }
#FeaturedListings div.listing				{ float: left; margin: 0 0 20px 2%; min-width: 184px; width: 32%; }
#FeaturedListings div.firstListing			{ margin-left: 0; }
#FeaturedListings a.thumbnail				{ background-image: url(../Images/PageLayout_Home/ThumbnailBackground.png); float: left; padding: 5px; }
#FeaturedListings a.thumbnail img			{ border: 1px solid #b9b9a6; display: block; height: 112px; width: 172px; }
#FeaturedListings div.description			{ font-size: 90%; margin-top: -0.25em; }
#FeaturedListings div.features				{ font-size: 80%; margin-top: 0.25em; }

/* Seasonal Tour */
a.seasonalTour {
	position: absolute;
	bottom: 30px;
	left: 35px;
}


/* Sidebar Text */
#SidebarText {
	background-image: url(../Images/PageLayout_Home/SidebarText.gif);
	background-repeat: no-repeat;
	float: left;
	height: 165px;
	margin: 30px 0 20px -180px;
	width: 160px;
}

#SidebarText span							{ display: none; }

/* Photo Container */
div.photoContainer {
	border: 1px solid #b9b9a6;
	max-width: 638px;
}

div.photoContainer a {
	border: 2px solid #fffff2;
	display: block;
	overflow: hidden;
}
div.photoContainer a:visited:hover			{ border-color: #b299c5; }
div.photoContainer a:hover					{ border-color: #de9b76; }

div.photoContainer a img					{ display: block; }

/* Page Footer */
#PageFooter {
	background-color: #a5a48a;
	color: #e7e7d3;
	font-size: 90%;
	padding: 10px 10px 0.75em;
}

#PageFooter a								{ color: #ffffff; text-decoration: none; }
#PageFooter a:hover							{ color: #cc6633; }
#PageFooter img								{ float: right; margin: 0 0 0.4em 15px; }

#PageFooter ul.inlineMenu li				{ border-color: #e7e7d3; margin-bottom: 1em; }

#PageFooter_Notice							{ font-size: 80%; }

/* Page Bottom */
#PageBottomContainer_Outer {
	background-image: url(../Images/PageLayout/PageBorder_BottomLeft.gif);
	background-repeat: no-repeat;
	height: 16px;
	margin: -8px auto 0;
}

#PageBottomContainer_Inner {
	background-image: url(../Images/PageLayout/PageBorder_BottomRight.gif);
	background-repeat: no-repeat;
	height: 100%;
	padding-top: 8px;
}

#PageBottom {
	background-image: url(../Images/PageLayout/PageBorder_Bottom.gif);
	background-repeat: repeat-x;
	height: 100%;
	margin: 0 8px;
}

#PageBottom p {
	margin-top: 0;
	padding: 2em;
	color: #b9b9a6;
	font-size: 75%;
	text-align: justify;
}

/*
 * Menus
 */
/* Page Navigation Menus */
ul.siteMenu {
	font-family: "Trebuchet MS", "Lucida Sans", Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 100%;
	letter-spacing: 0.1ex;
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}

ul.siteMenu li				{ background: none; font-weight: bold; padding: 0; width: 100%; }
ul.siteMenu li a:link,
ul.siteMenu li a:visited	{ color: #4f4f3e; display: block; padding: 5px 0 5px 10px; text-decoration: none; }
ul.siteMenu li a:hover		{ color: #cc6633; text-decoration: none; }

/* Inline Menus */
ul.inlineMenu {
	line-height: 0.8em;
	list-style: none none;
	margin: 0 0 0 0;
	padding: 0;
}

ul.inlineMenu li {
	background: none;
	border-right: 1px solid;
	float: left;
	margin: 0 0.5em 0 0;
	overflow: visible;
	padding: 0 0.5em 0 0;
	text-transform: lowercase;
	white-space: nowrap;
	word-spacing: 0.1em;
}

ul.inlineMenu li a {
	left: 0;
	position: relative;
	top: -0.1em;
	text-decoration: none;
}

ul.inlineMenu li.last						{ border-right: none; margin-right: 0; padding-right: 0; }