/* -- Layout -- */
html, body {height: 100%;}
body {
	background: #383431;
	font: 1.01em arial, sans-serif;}
	#loader {
		background: url(../images/layout/loader.gif) center no-repeat;
		height: 100%;
		width: 100%;}
	#page {
		background: url(../images/layout/bg/page.png);
		display: none;
		margin: 80px auto;
		width: 899px;}
		#header {
			background: url(../images/layout/bg/header.jpg) no-repeat;
			height: 739px;
			margin: 0 0 -474px;}
			#flower {
				margin: -272px 0 0 -56px;
				position: absolute;
				z-index: 100;}
			#header h1 {
				height: 216px;}
				#header h1 a {
					color: transparent;
					display: block;
					font-size: 0;}
		#content {
			background: url(../images/layout/bg/content.png) repeat-y;
			margin: 17px auto 28px;
			padding: 45px 315px 0 50px;
			width:  445px;}
			.curve {
				clear: both;
				display: block;
				height: 19px;
				margin: 0 0 0 -50px;
				width: 804px;
				position: absolute;}
				.curve#top {
					background: url(../images/layout/curves/contenttop.png) no-repeat;
					margin-top: -62px;}
				.curve#btm {
					background: url(../images/layout/curves/contentbtm.png) no-repeat;}
		#footer {
			background: url(../images/layout/curves/pagebtm.png);
			height: 32px;}


/* -- Homepage -- */
#homecontent {
	background: url(../images/layout/bg/content.png) repeat-y;
	margin: 0 auto;
	width:  804px;}
	#homecontent .curve#btm {
		margin: 0;}
	#home {
		background: url(../images/layout/bg/home.jpg) no-repeat;
		height: 624px;}
		#home h1, #home h2, #home h3 {
			margin: 0;}
			#home h1 {
				color: #8CB48C;}
			#home h3 {
				font-weight: bold;
				text-transform: uppercase;}
		#home p {
			padding: 0;}
		#main {
			margin: 58px 0 0 15px;
			font-size: 0.85em;
			width: 255px;
			position: absolute;}
		#slideshow {
			height: 223px;
			margin: 401px 0 0 32px;
			position: absolute;
			width: 470px;}
		#news {
			float: right;
			margin: 208px 15px 0 0;
			width: 270px;}
			#news h2 {
				background: url(../images/layout/arrow.png) no-repeat left center;
				border-bottom: 1px dotted #666;
				font-size: 1.2em;
				padding: 0 0 0 22px;}
			#news p {
				color: #666;
				font-size: 0.85em;
				margin: 0 0 15px;}
			#newsletter {
				background: url(../images/layout/bg/newsletter.png) no-repeat top center;
				padding: 88px 0 0 0;
				text-align: center;}
				#newsletter input {
					margin: auto;
					width: 200px;}
				#newsletter input.submit {
					height: 23px;
					line-height: 23px;
					margin: -1px 0 0 210px;
					position: absolute;
					width: 28px;}


/* -- Menu -- */
#menu {
	background: url(../images/layout/menubg.png);
	height: 50px;
	margin: auto;
	width: 440px;
	padding: 11px 0 0 328px;}
	#menu li {
		border-right: 1px solid #444;
		float: left;
		list-style-type: none;}
		#menu li.last {
			border: 0;}
		#menu li a {
			color: #000;
			display: block;
			font-size: 0.80em;
			font-weight: bold;
			padding: 4px 4px;
			text-decoration: none;}
			#menu li a:hover {
				background: #444;
				color: #FFF;}


/* -- Sidebar -- */
#sidebar {
	float: right;
	margin: 0 -290px 0 0;
	width: 260px;}
	#sidebar p {
		margin: 0 0 20px 0;
		padding: 0;}
	#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #E77817;
		font-size: 1em;
		margin: 0 0 2px;}
	#sidebar img {
		margin: 10px 0 0;}
	#sidebar form {
		margin: 0 0 20px;}
		#sidebar textarea {
			margin: 0 0 4px;
			width: 254px;}
		#sidebar input {}
			#sidebar input.submit {
				background: #E77817;
				border: 1px solid #444;
				float: right;
				width: auto;}


/* -- Typography -- */
h1, h2, h3, h4, h5, h6 {
	margin: 0 322px 0 0;
	width: 100%;}
	h1 {
		color: #F4F6C8;
		font-size: 2em;
		font-weight: bold;}
	h2 {
		font-size: 1em;
		font-weight: bold;}

p, ul, ol {
	color: #444;
	font-size: 0.85em;
	line-height: 1.35em;
	padding: 0 0 10px 0;}
	ul {
		margin: 0 0 20px 40px;}
		ul li {
			list-style-type: disc;}
	ol {
		margin: 0 0 20px 40px;}
		ol li {
			list-style-type: decimal;}

strong {
	font-weight: bold;}

a {
	color: #005D94;
	text-decoration: none;}
	a:hover {
		text-decoration: underline;}

form {}
	fieldset {}
		input {
			display: block;
			margin: 0 0 5px;
			width: 250px;}
		select {
			display: block;
			margin: 0 0 5px;
			width: 255px;}
		textarea {
			display: block;
			height: 100px;
			margin: 0 0 5px;
			width: 425px;}