/* STYLES FOR LAYOUT */

/* LAYOUT */
	
#site {
	width: 100%;
	background: url(/images/layout/siteBg.gif) center top no-repeat;
	}
	
#wrapper {
	width: 960px;
	position: relative;
	margin: 0 auto;
	}
	
#header {
	position: relative;
	width: 960px;
	height: 110px;
	background: url(/images/layout/headerBg.jpg) center top no-repeat;
	}
	
#header h1 {
	position: absolute;
	width: 150px;
	height: 110px;
	top: 0px;
	left: 60px;
	overflow: hidden;
	}
	
#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -19999px;
	background: url(/images/layout/h1Logo.jpg) left top no-repeat;
	}
	
/* FULL COLUMN */

#fullColumn {
	width: 920px;
	position: relative;
	margin: 0 0 0 40px;
	background: #faf9f6 url(/images/layout/fullColumnBgTop.jpg) left top no-repeat;
	}
	
#fullInnerColumn {
	padding: 35px 40px 70px 30px;
	min-height: 250px;
	background: url(/images/layout/fullColumnBgBottom.jpg) left bottom no-repeat;
	width: 850px;
	}
	
/* MOOD */

#mood {
	width: 920px;
	clear: left;
	position: relative;
	margin: 0 0 0 40px;
	}
	
#mood #leftMoodColumn {
	width: 710px;
	position: relative;
	float: left;
	}
	
#mood #rightMoodColumn {
	width: 170px;
	position: relative;
	padding: 0 20px;
	height: 235px;
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	}
	
	
/* INTRO MOOD */
	
.introMood, 
.introMood #leftMoodColumn {
	height: 330px;
	overflow: hidden;
	}
	
.introMood {
	background: url(/images/layout/mood/introMoodBg.jpg) left top no-repeat;
	}
	
.introMood #rightMoodColumn.homeColumn {
	}
	
.introMood #rightMoodColumn.yardColumn {
	background-image: url(/images/layout/mood/yardIntroBackground.jpg);
	}
	
.introMood #rightMoodColumn.eventsColumn {
	background-image: url(/images/layout/mood/eventsIntroBackground.jpg);
	}
	
.introMood #rightMoodColumn.guidedToursColumn {
	background-image: url(/images/layout/mood/guidedToursIntroBackground.jpg);
	}
	
.introMood #rightMoodColumn.adventureToursColumn {
	background-image: url(/images/layout/mood/adventureToursIntroBackground.jpg);
	}
	
.introMood #rightMoodColumn.appointmentRequestColumn {
	background-image: url(/images/layout/mood/appointmentRequestIntroBackground.jpg);
	}
	
.introMood #rightMoodColumn.shopColumn {
	background-image: url(/images/layout/mood/shopIntroBackground.jpg);
	}
	
/* CONTENT MOOD */
	
.contentMood, 
.contentMood #leftMoodColumn {
	height: 260px;
	overflow: hidden;
	}
	
.contentMood {
	background: url(/images/layout/mood/contentMoodBg.jpg) left top no-repeat;
	}
	
.contentMood #rightMoodColumn.yardColumn {
	background-image: url(/images/layout/mood/yardContentBackground.jpg);
	}
	
.contentMood #rightMoodColumn.eventsColumn {
	background-image: url(/images/layout/mood/eventsContentBackground.jpg);
	}
	
.contentMood #rightMoodColumn.guidedToursColumn {
	background-image: url(/images/layout/mood/guidedToursContentBackground.jpg);
	}
	
.contentMood #rightMoodColumn.adventureToursColumn {
	background-image: url(/images/layout/mood/adventureToursContentBackground.jpg);
	}
	
.contentMood #rightMoodColumn.appointmentRequestColumn {
	background-image: url(/images/layout/mood/appointmentRequestIntroBackground.jpg);
	}
	
.contentMood #rightMoodColumn.shopColumn {
	background-image: url(/images/layout/mood/shopContentBackground.jpg);
	}
	
/* START MOOD */
	
.startMood, 
.startMood #leftMoodColumn {
	overflow: hidden;
	height: 425px;
	}
	
.startMood {
	background: url(/images/layout/mood/startMoodBg.jpg) left top no-repeat;
	}
	
#mood.startMood #leftMoodColumn {
	width: 650px;
	float: left;
	}
	
#mood.startMood #rightMoodColumn {
	width: 230px;
	padding: 0 20px;
	height: 400px;
	float: left;
	}
	
/* AGECHECK MOOD */

.ageCheckMood, 
.ageCheckMood #leftMoodColumn {
	overflow: hidden;
	height: 500px;
	}
	
.ageCheckMood {
	background: url(/images/layout/mood/ageCheckMoodBg.jpg) left top no-repeat;
	}
	
#mood.ageCheckMood #leftMoodColumn {
	width: 570px;
	float: left;
	}
	
#mood.ageCheckMood #rightMoodColumn {
	width: 310px;
	padding: 0 20px;
	height: 400px;
	float: left;
	}
	
/* RESPONSIBLE MOOD */

.responsibleMood, 
.responsibleMood #leftMoodColumn {
	overflow: hidden;
	height: 500px;
	}
	
.responsibleMood {
	background: url(/images/layout/mood/responsibleMoodBg.jpg) left top no-repeat;
	}
	
#mood.responsibleMood #leftMoodColumn {
	width: 430px;
	float: left;
	}
	
#mood.responsibleMood #rightMoodColumn {
	width: 450px;
	float: left;
	padding: 0 20px;
	height: 400px;
	}
	
/* SPECIAL STYLES FOR RIGHTCOLUMN ELEMENTS */

#mood #rightMoodColumn .moreInfo {
	position: absolute;
	bottom: 0px;
	left: 20px;
	width: 180px;
	}
	
#mood #rightMoodColumn .moreInfo h4 {
	margin: 0;
	font-weight: bold;
	}
	
#mood #rightMoodColumn .moreInfo p {
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	color: #bf0a08;
	}
	
#mood #rightMoodColumn .columnGroup {
	margin: 0;
	padding: 0 20px;
	width: 230px;
	}
	
#mood #rightMoodColumn .columnGroup p {
	line-height: 17px;
	}


/* CONTENT */

#content {
	width: 820px;
	padding: 35px 30px;
	margin: 0 auto;
	background: #fcfcfa url(/images/layout/contentBg.jpg) left top no-repeat;
	overflow: hidden;
	position: relative;
	}
	
#content.startContent {
	padding: 15px 30px 30px 30px;
	background: #fcfcfa url(/images/layout/contentStartBg.gif) left top repeat-x;
	}
	
#content.introContent {
	background: #fcfcfa url(/images/layout/contentStartBg.jpg) left top repeat-x;
	}
	
#leftColumn {
	width: 540px;
	padding: 0 20px 0 0;
	float: left;
	}
	
#rightColumn {
	width: 260px;
	padding: 62px 0 0 0;
	background: url(/images/layout/seperator.gif) left 33px repeat-x;
	float: left;
	}
	
#rightColumn p {
	color: #8a7666;
	margin: 0 0 5px 0;
	}
	
#rightColumn p strong {
	color: #cd2a33;
	}
	
.columnGroup {
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px 0;
	}
	
.innerLeftColumn, 
.innerMiddleColumn, 
.innerRightColumn {
	width: 260px;
	float: left;
	}
	
.innerLeft2Column {
	width: 540px;
	padding: 0 10px 10px 0;
	clear: left;
	float: left;
	}
	
.innerLeftColumn {
	clear: left;
	padding: 0 10px 10px 0;
	}
	
.innerMiddleColumn {
	padding: 0 10px 10px 10px;
	}
	
.innerRightColumn {
	padding: 0 0 10px 10px;
	}
	
/* FOOTER */

#footer {
	width: 880px;
	margin: 0 auto;
	padding: 20px 0;
	}
	
#footer ul {
	list-style-type: none;
	width: 100%;
	height: 24px;
	padding: 7px 0 0 0;
	background: url(/images/layout/footerBg.gif) center top no-repeat;
	text-align: center;
	}
	
#footer ul li {
	display: inline;
	font-size: 1.1em;
	color: #e4ad9f;
	margin: 0 5px 0 0;
	}
	
#footer ul li a {
	color: #e4ad9f;
	margin: 0 0 0 5px;
	text-decoration: none;
	}
	
#footer ul li.active a,
#footer ul li a:focus, 
#footer ul li a:hover {
	text-decoration: underline;
	}