/* ------------------------------------------------------------------------
Basic Style Sheet - Plant A Tree

Author: Oliver Coningham
Website: http://www.aztec4design.com/
Email: oliver@aztec4design.com
-------------------------------------------------------------------------*/


/* =General
-------------------------------------------------------------------------*/

body
	{
	background: url('../images/body-bg.gif') repeat-x top left;
	color: #006537;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}

#skip
	{ 
	display: none;
	}

#container-wrap-1
	{
	background: url('../images/meadow-left.jpg') no-repeat 0 200px;
	height: 900px;
	width: 100%;
	}
	
#container-wrap-2
	{
	background: url('../images/meadow-right.jpg') no-repeat right 200px;
	height: 900px;
	width: 100%;
	}
	
#change-1 #container-wrap-1
	{
	background: url('../images/beech-left.jpg') no-repeat 0 200px;
	height: 900px;
	width: 100%;
	}
	
#change-1 #container-wrap-2
	{
	background: url('../images/beech-right.jpg') no-repeat right 200px;
	height: 900px;
	width: 100%;
	}
	
#change-2 #container-wrap-1
	{
	background: url('../images/body-bg-left.jpg') no-repeat 0 200px;
	height: 900px;
	width: 100%;
	}
	
#change-2 #container-wrap-2
	{
	background: url('../images/body-bg-right.jpg') no-repeat right 200px;
	height: 900px;
	width: 100%;
	}
		
#container
	{
	margin: auto; 
	width: 770px;
	}
	
.latin
	{
	color: #ccc;
	}

strong
	{
	font-weight: bold;
	}
	
em
	{
	font-style: italic;
	}
	
blockquote
	{
	line-height: 1.5em;
	margin: 0 40px 1.25em 20px;
	}
	
.error
	{
	color: #be0000;
	font-weight: bold;
	}
	
.clear
	{
	clear: both;
	}
	
.list 
	{
	list-style: inside disc;
	margin-left: 40px;
	}
	
.list li
	{
	line-height: 1.5em;
	}
	

/* =Header
-------------------------------------------------------------------------*/

#header
	{
	padding-left: 40px;
	height: 166px;
	}
	
h1, h2
	{
	display: none;
	}


/* =Nav
-------------------------------------------------------------------------*/

#nav
	{
	background: url('../images/nav-top.gif') no-repeat top left;
	height: 488px;
	padding-top: 9px;
	margin-bottom: 1.25em;
	}
	
#nav a
	{
	display: block;
	height: 41px;
	text-indent: -25000px;
	width: 192px;
	}

#nav a:hover, #nav .selected
	{
	background-position: 0 -41px;
	}
	
#nav-home a
	{
	background: url('../images/nav-home.gif') no-repeat top left; 
	}

#nav-contact a
	{
	background: url('../images/nav-contact.gif') no-repeat top left; 
	}
	
#nav-about a
	{
	background: url('../images/nav-about.gif') no-repeat top left; 
	}

#nav-trees a
	{
	background: url('../images/nav-trees.gif') no-repeat top left; 
	}

#nav-legal a
	{
	background: url('../images/nav-legal.gif') no-repeat top left; 
	}
			
#nav-buy a
	{
	background: url('../images/nav-buy.gif') no-repeat top left; 
	}
	
#nav-carbon a
	{
	background: url('../images/nav-carbon.gif') no-repeat top left; 
	}
	
#nav-plot a
	{
	background: url('../images/nav-plot.gif') no-repeat top left; 
	}
	
#nav-gifts a
	{
	background: url('../images/nav-gifts.gif') no-repeat top left; 
	}
	
#nav-resell a
	{
	background: url('../images/nav-resell.gif') no-repeat top left; 
	}
	
#nav-bottom
	{
	background: url('../images/nav-bottom.jpg') no-repeat top left;
	height: 78px;
	width: 201px; 
	}


/* =Field Plot Numbers
-------------------------------------------------------------------------*/

#subcontent h3
	{
	background: url('../images/heading-select.gif') no-repeat top left;
	height: 12px;
	margin: 1.25em 0;
	text-indent: -25000px;
	width: 137px;
	}
	
#subcontent p
	{
	line-height: 1.5em;
	margin-bottom: 1.25em;
	}

.subhead
	{
	display: block;
	margin: 25px 0 15px 10px;
	}
		
#field-block, #field-single
	{
	clear: both;
	height: 35px;
	margin-bottom: 25px;
	}
		
#field-single li, #field-block li
	{
	float: left;
	}
	
#field-single a, #field-block a
	{
	display: block;
	height: 20px;
	margin: 0 1px 1px 0;
	text-indent: -25000px;
	width: 30px;
	}

#field-single a:hover, #field-single .selected, #field-block a:hover, #field-block .selected
	{
	background-position: 0 -20px;
	}
	
#field-01 a
	{
	background: url('../images/field-01.gif') no-repeat top left; 
	}	
#field-02 a
	{
	background: url('../images/field-02.gif') no-repeat top left; 
	}
#field-03 a
	{
	background: url('../images/field-03.gif') no-repeat top left; 
	}
#field-04 a
	{
	background: url('../images/field-04.gif') no-repeat top left; 
	}
#field-05 a
	{
	background: url('../images/field-05.gif') no-repeat top left; 
	}
#field-06 a
	{
	background: url('../images/field-06.gif') no-repeat top left; 
	}
#field-07 a
	{
	background: url('../images/field-07.gif') no-repeat top left; 
	}
#field-08 a
	{
	background: url('../images/field-08.gif') no-repeat top left; 
	}
#field-09 a
	{
	background: url('../images/field-09.gif') no-repeat top left; 
	}
#field-10 a
	{
	background: url('../images/field-10.gif') no-repeat top left; 
	}
#field-11 a
	{
	background: url('../images/field-11.gif') no-repeat top left; 
	}
#field-12 a
	{
	background: url('../images/field-12.gif') no-repeat top left; 
	}
#field-13 a
	{
	background: url('../images/field-13.gif') no-repeat top left; 
	}
#field-14 a
	{
	background: url('../images/field-14.gif') no-repeat top left; 
	}
#field-15 a
	{
	background: url('../images/field-15.gif') no-repeat top left; 
	}
#field-16 a
	{
	background: url('../images/field-16.gif') no-repeat top left; 
	}
#field-17 a
	{
	background: url('../images/field-17.gif') no-repeat top left; 
	}
	

/* =Content
-------------------------------------------------------------------------*/

#content
	{
	float: left;
	margin-bottom: 20px;
	width: 569px;
	}

#content a, #content a:hover
	{
	color: #006537;
	}
	
#content img
	{
	margin-left: 10px;
	}
		
#logo a
	{
	background: url('../images/logo.gif') no-repeat top left;
	display: block;
	height: 37px;
	text-indent: -25000px;
	width: 183px;
	}
	
#content h3
	{
	background: url('../images/heading-welcome.gif') no-repeat top left;
	height: 15px;
	margin: 20px 20px;
	text-indent: -25000px;
	width: 300px;
	}
	
#content p
	{
	line-height: 1.5em;
	margin: 0 0 10px 20px;
	width: 530px;
	}
	
#quote
	{
	background: url('../images/quote-bg.gif') no-repeat top left;
	color: #fff;
	height: 95px;
	margin-top: -10px;
	padding: 35px 35px 0 35px;
	width: 489px;
	}

#quote h4
	{
	background: url('../images/subheading-carbon.gif') no-repeat top left;
	height: 14px;
	text-indent: -25000px;
	margin-bottom: 8px;
	width: 200px;
	}
		
#quote p
	{
	margin: 0;
	width: 485px;
	}
	
dl
	{
	line-height: 1.5em;
	margin: 0 0 1.25em 40px;
	width: 490px;
	}
	
dd
	{
	margin-bottom: 1.25em;
	}
	
	
/* =Sub Content
-------------------------------------------------------------------------*/

#subcontent
	{
	float: right;
	margin-bottom: 20px;
	width: 201px;
	}
	
#rotating
	{ 
	clear: both; 
	margin-left: 5px;
	}
	

/* =Button
-------------------------------------------------------------------------*/

#button
	{
	margin-left: 10px;
	}
	
#button li
	{
	float: left;
	}
	
#button a
	{
	display: block;
	height: 185px;
	text-indent: -25000px;
	width: 183px;
	}

#button a:hover
	{
	background-position: 0 -185px;
	}
	
#button-trees a
	{
	background: url('../images/button-trees.gif') no-repeat top left; 
	}

#button-buy a
	{
	background: url('../images/button-buy.gif') no-repeat top left; 
	}
	
#button-gifts a
	{
	background: url('../images/button-gifts.gif') no-repeat top left; 
	}
	

/* =Trees
-------------------------------------------------------------------------*/

#trees
	{
	margin-left: 10px;
	}
	
#trees li
	{
	float: left;
	}
	
#trees a
	{
	display: block;
	height: 136px;
	text-indent: -25000px;
	width: 136px;
	}

#trees a:hover, #trees a.selected
	{
	background-position: 0 -136px;
	}
	
#trees-beech a
	{
	background: url('../images/trees-beech.gif') no-repeat top left; 
	}
	
#trees-oak a
	{
	background: url('../images/trees-oak.gif') no-repeat top left; 
	}
	
#trees-ash a
	{
	background: url('../images/trees-ash.gif') no-repeat top left; 
	}
	
#trees-whitebeam a
	{
	background: url('../images/trees-whitebeam.gif') no-repeat top left; 
	}
	
	
/* =Steps
-------------------------------------------------------------------------*/

#steps
	{
	height: 38px;
	margin: 1.25em 0 1.25em 20px;
	}
	
#steps li
	{
	float: left;
	}
	
#steps a
	{
	display: block;
	height: 38px;
	margin-right: 13px;
	text-indent: -25000px;
	width: 38px;
	}

#steps a:hover, #steps a.selected
	{
	background-position: 0 0;
	}
	
#step-1 a
	{
	background: url('../images/step-1.gif') no-repeat 0 -38px; 
	}

#step-2 a
	{
	background: url('../images/step-2.gif') no-repeat 0 -38px; 
	}
	
#step-3 a
	{
	background: url('../images/step-3.gif') no-repeat 0 -38px; 
	}
	
#step-4 a
	{
	background: url('../images/step-4.gif') no-repeat 0 -38px; 
	}	
	
#step-5 a
	{
	background: url('../images/step-5.gif') no-repeat 0 -38px; 
	}

#step-6 a
	{
	background: url('../images/step-6.gif') no-repeat 0 -38px; 
	}
	
#step-7 a
	{
	background: url('../images/step-7.gif') no-repeat 0 -38px; 
	}
	
#step-8 a
	{
	background: url('../images/step-8.gif') no-repeat 0 -38px; 
	}
	
#step-9 a
	{
	background: url('../images/step-9.gif') no-repeat 0 -38px; 
	}
	
#next-step
	{
	padding-top: 1.25em;
	}
	
ol
	{
	list-style-type: upper-alpha;
	list-style-position: inside;
	margin: 0 0 1.25em 20px;
	}
	
ol li
	{
	line-height: 1.5em;
	}
							

/* =Downloads
-------------------------------------------------------------------------*/

#downloads
	{
	line-height: 1.25em;
	margin-left: 20px;
	}
	
#downloads li
	{
	background: url('../images/pdf-icon.gif') no-repeat top left; 
	height: 36px;
	margin-bottom: 1.25em;
	padding: 4px 0 0 50px;
	}
	
		
/* =Footer
-------------------------------------------------------------------------*/
	
* 
	{
	margin: 0;
	}
	
html, body 
	{
	height: 100%;
	}
	
#footer
	{
	height: 42px;
	}
	
#footer
	{
	clear: both;
	color: #ccc;
	margin-left: 20px;
	padding-top: 1.75em;
	background: url('../images/footer.gif') no-repeat top left;
	}
		
#footer hr
	{
	display: none;
	}
	
#footer-content
	{
	color: #999;
	font-size: 90%;
	margin: auto;
	width: 770px;
	}

#copyright
	{
	float: left;
	margin-left: 10px;
	}
				
#aztec
	{
	float: right;
	padding-right: 40px;
	}
	
#aztec a, #copyright a
	{
	color: #006537;
	text-decoration: none;
	}
	
#aztec a:hover, #copyright a:hover
	{
	text-decoration: underline;
	}
	
#counter
	{
	clear: both;
	padding-top: 10px;
	text-align: center;
	}