/* INIT
------------------------------------------- */
body {text-align: center; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; background: #c5f0ca url("images/layout/body-bg.gif") top left repeat-x; color: #000; margin: 0;}

.center {text-align: center;}
.clear {clear: both;}
.image-right {float: right; margin: 20px 0 20px 30px;}
.image-left {float: left; margin: 10px 20px 10px 0;}
.align-right {text-align: right;}

a:visited,
/* a:link, a:visited {color: #74ba7c; text-decoration: none;} */
a:link, a:visited {color: rgb(0, 128, 0); text-decoration: none;}
a:hover {color: #000;}

img {border: 0;}

/* OLD H1 TAG
h1 {text-align: center; font-style: italic; border-bottom: 1px solid #80b586; padding: 20px 0; margin: 10px 0;} */
h1 {text-align: left; border-bottom: 1px solid #80b586; padding: 20px 0 20px 220px; margin: 10px 0; color: #6e1f71;}

p {margin-top: 0;}

/* LAYOUT
------------------------------------------- */
.container {margin: 0 auto; text-align: left; width: 960px;}
	#header {background: url("images/layout/header.gif") top center no-repeat; height: 190px;}
	
	#navigation a {display: block; width: 131px; height: 210px; float: left; margin: 0 3px; background-position: top left; background-repeat: no-repeat;}
	#navigation a span {display: none;}
	
	#nav-home {background-image: url("images/layout/nav_home.gif");}
	#nav-babyshoes {background-image: url("images/layout/nav_babyshoes.gif");}
	#nav-nappies {background-image: url("images/layout/nav_nappies.gif");}
	#nav-slings {background-image: url("images/layout/nav_slings.gif");}
	#nav-steinertoys {background-image: url("images/layout/nav_steinertoys.gif");}
	#nav-woodentoys {background-image: url("images/layout/nav_woodentoys.gif");}
	#nav-contact {background-image: url("images/layout/nav_contact.gif");}
	
	#page {clear: both; line-height: 20px; word-spacing: 0.03em; letter-spacing: 0.03em;}
		#page-container.home-container {background: url("images/layout/home-tree.gif") 600px 80% no-repeat; }
		
		#page-left {float: left; width: 450px; margin-right: 20px;}
		#page-left #flash-fader {text-align: center; padding: 0px 0;}
		#page-left #flash-info table {width: 100%;}
		#page-left #flash-info table td {padding: 10px; width: 50%; font-size: 12px;}
		
		#page-right {float: left; width: 490px;}

	#back2top {text-align: right; padding: 5px 0; border-top: 0px dotted #008000; margin-top: 15px; clear: both;}
	
	#footer {clear: both; height: 128px; background: url("images/layout/footer.gif") top left repeat-x; color: #6e1f71;}
		#footer .container {text-align: center; padding: 15px 0; font-size: 16px; line-height: 1.5em; font-weight: bold;}
		#footer small {font-weight: normal;}
		
		#footer a:visited,
		#footer a:link {color: #3b3b3b; text-decoration: underline;}
		#footer a:hover {text-decoration: none;}
	
	
/* PAGE SPEC
------------------------------------------- */
	/* home */
	#treetext {padding: 0px 5px 10px 0px;}
		#treetext ul {list-style: none; padding: 0;}
		#treetext li {padding-left: 35px; line-height: 30px; font-weight: bold;}
			#treetext #li1 {background: url("images/layout/icon_cottonclothing.gif") top left no-repeat;}
			#treetext #li2 {background: url("images/layout/icon_organicbabyskin.gif") top left no-repeat;}
			#treetext #li3 {background: url("images/layout/icon_nontoxicbottles.gif") top left no-repeat;}
			#treetext #li4 {background: url("images/layout/icon_naturalmedicine.gif") top left no-repeat;}
			#treetext #li5 {background: url("images/layout/icon_menstrualpads.gif") top left no-repeat;}
			#treetext #li6 {background: url("images/layout/icon_pregmassage.gif") top left no-repeat;}
			#treetext #li7 {background: url("images/layout/icon_baskets.gif") top left no-repeat;}
	
	/* columns */
	table td {vertical-align: top; padding: 5px; border-top: 1px solid #80b586;}
		table tr.noborder td {border: none;}
	.col1 {width: 200px;}
	.col1 img.logo {border: 0;}
	
form label {float: left; display: block; width: 120px; line-height: 22px;}
form .input {border: 1px solid #000; padding: 3px; margin-bottom: 3px; width: 250px;}
form textarea {margin-left: 60px; font: inherit; height: 100px;}
form .button {margin-left: 120px; border: 1px solid #000; width: 258px}