html
{
	padding: 0;
	margin: 0;
}

body
{
	font: normal 14px/normal helvetica, arial, tahoma, sans-serif;
	color: #919191;
	background: #111 url('/img/bg.jpg') repeat 0 0;
	padding: 0;
	margin: 0;
}

ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, span, em, strong, b, i, u, pre, blockquote, abbr, acronym, a,
dl, dt, dd,
table, tr, th, td, thead, tbody, tfoot, caption,
form, fieldset, legend, input, label
{
	font-size: 100%;
	font-family: inherit;
	font-weight: normal;
	font-style: inherit;
	line-height: inherit;
	outline: 0;
	border: 0;
	padding: 0;
	margin: 0;

}

ul { list-style-type: none; }

table
{
	border-collapse: separate;
	border-spacing: 0;
}


a 			{ text-decoration: underline; color: #fff; outline: 0; }
a:hover 	{ text-decoration: none; }
a img		{ border: none; }


strong		{ font-weight: bold; }
em			{ font-style: italic; }
u			{ text-decoration: underline; }
small		{ font-size: 85%; }
big			{ font-size: 130%; }


h1,
h2,
h3,
h4,
h5,
h6
{
	font: normal 25px/28px georgia, garamond, times, "times new roman", serif;
	color: #000;
}

p
{
	line-height: 23px;
	margin: 0 0 10px;
}


img.left	{ border: 3px solid #000; margin: 5px 15px 10px 0; }
img.right	{ border: 3px solid #000; margin: 5px 0 10px 15px; }


.cleaner 	{ height: 0; line-height: 0; clear: both; }
.clear		{ clear: both; }


.container
{
	width: 100%;
	border: 3px solid red;
	overflow: hidden;
}


.left	{ float: left; }
.right	{ float: right; }


.grey	{ color: #666; }
.black	{ color: #000; }
.wite	{ color: #fff; }


.small-caps		{ font-variant: small-caps; }


.align-left		{ text-align: left; }
.align-center	{ text-align: center; }
.align-right	{ text-align: right; }



/*
	------------------------------------------------------------------------------------------------
*/



#main
{
	width: 1000px;
	height: 600px;
	background: transparent url('/img/leaf_bg.jpg') no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -280px 0 0 -500px;
}


	h1
	{
		width: 231px;
		height: 102px;
		text-indent: -9999px;
		background: transparent url('/img/logo.png') no-repeat 0 0;
		float: left;
		position: relative;
		top: 170px;
		left: 100px;
	}
		h1 a
		{
			height: 100%;
			display: block;
		}


	#content
	{
		width: 470px;
		float: right;
	}

		#content h2
		{
			color: #999;
			background: transparent url('/img/heading_lighten.jpg') no-repeat 0 0;
			position: relative;
			padding: 40px 0 25px 45px;
			margin: 0 0 0 -45px;
		}
			#content h2 em
			{
				color: #fff;
			}


		#content ul.horizontal
		{
			width: 100%;
			overflow: hidden;
		}
			#content ul.horizontal li
			{
				height: 40px;
				line-height: 40px;
				display: block;
				float: left;
				margin: 0 20px 0 0;
			}
				#content ul.horizontal li.lemon
				{
					color: #dcad03;
					background: transparent url('/img/icons_lemonoak.gif') no-repeat right 5px;
				}
				#content ul.horizontal li.oak
				{
					color: #b5d335;
					background: transparent url('/img/icons_lemonoak.gif') no-repeat right bottom;
				}


		#content ul.normal
		{
			padding: 1px;
			margin: 0 0 10px;
		}
			#content ul.normal li
			{
				line-height: 23px;
				background: transparent url('/img/icon_tick.gif') no-repeat 0 0;
				padding: 0 0 1px 40px;
				margin: 0 0 15px;
			}


		#footer
		{
			margin: 30px 0 0;
		}

			#footer a
			{
				text-decoration: none;
				color: #999;
			}

			#footer a.email
			{
				width: 332px;
				height: 97px;
				text-indent: -9999px;
				background: transparent url('/img/email.jpg') no-repeat 0 0;
				display: block;
				float: left;
				position: relative;
				margin: 0 0 0 -100px;
			}
				#footer a.email:hover
				{
					background-position: 0 bottom;
				}

			#footer p
			{
				font-size: 12px;
				line-height: 20px;
				color: #555;
				float: right;
				margin: 15px 0 0;
			}