/*

Theme Name: Greenzys

Theme URI: http://www.greenzys.com/

Description: A wordpress theme built by Adam McCOmbs

Version: 1.0

Author: Adam McCOmbs

Author URI: http://www.mccombs.me

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

	height: 100%;

	font-family: "Trebuchet MS";

	text-align: center;

	background-image: url('images/cloudbk.jpg');

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

#wrapper { width: 1000px; position: relative; margin: 0 auto; }



/********************************

Header Images and Navigation

********************************/



#header { position: relative; width: 100%; height: 504px; }

#logo { position: absolute; z-index: 12; top: 15px; left: 135px; width: 259px; height: 235px; } 

#background { position: absolute; z-index: 10; left: 0; top: 102px; width: 1000px; height: 436px; background: url('images/header.png') center no-repeat; }

#seedling { z-index: 9; }

#topnav { position: absolute; z-index: 12; top: 177px; left: 400px; width: 500px; height: 35px; }

#topnav ul { padding-top: 3px; }

#middlenav { position: absolute; z-index: 12; top: 475px; left: 0px; width: 1000px; height: 35px; }



/* zoom: 1 and *display: inline is a hack for old IE browsers that simulates inline-block */

.menu { list-style: none; }

.menu li { display: inline-block; text-transform: uppercase; padding: 10px 10px 0 10px; zoom: 1; *display: inline; }

.menu li a { display: block; text-decoration: none; color: #FFF; font-weight: bold; font-size: 12px; }

.menu li a:hover { color: #A9CE39; }



/********************************

Main Content

********************************/



#content { position: relative; left: 56px; width: 894px; } /*56px*/

#indexbody { position: relative; z-index: 13; width: 100%; background-color: #59A450; }

#scrollarea { position: relative; z-index: 14; top: -4px; left: -3px; width: 545px; height: 471px; background: url('images/scrollarea.png') center no-repeat; }

#videoside { position: absolute; z-index: 14; top: 11px; left: 547px; width: 338px; height: 433px; background: url('images/videoside.png') center no-repeat; }

#learnmore { position: relative; z-index: 15; top: -180px; left: 170px; width: 112px; height: 50px; }

#videoholder { position: relative; z-index: 15; top: 138px; left: 29px; width: 280px; height: 209px; }



#gogreenzys { position: relative; z-index: 15; top: -5px; left: 85px; width: 329px; height: 63px; }

#text { position: relative; z-index: 15; top: 40px; left: 75px; height: 400px; width: 400px; text-align: left; }

#text img { float: right; }

.break { padding: 25px; }



/* Generic Pages */

#mainbody { position: relative; z-index: 13; width: 100%; background-color: #D8ED9A; }

#pagetitle { position: relative; margin-left: 20px; padding-top: 20px; text-align: left; }

#parentstext { position: relative; margin-left: 20px; padding-bottom: 30px; text-align: left; width: 854px; overflow:auto;}

#tree { position: absolute; z-index: 9; top: 15px; left: 600px; width: 216px; height: 181px; }



#certificate2 { position: absolute; z-index: 20; top: 140px; left: 430px; }



/* Dynamic Book */

#bookbg { position: relative; z-index: 18; width: 784px; height: 344px; overflow: hidden; margin: 0 auto; background-color: #59A450; }

#bookbg img { position: absolute; z-index: 21; cursor: pointer; }

#bookLS { position: absolute; z-index: 21; width: 382px; height: 321px; left: 10px; top: 10px; }

#bookRS { position: absolute; z-index: 20; width: 382px; height: 321px; left: 392px; top: 10px; }

#pageflip { position: absolute; z-index: 22; width: 75px; height: 347px; left: 360px; background: url('book/innerseam.png') 20px no-repeat; } 



/********************************

Footer

********************************/



#footer { position: relative; left: 56px; width: 894px; height: 95px; background-color: #A9CE39; }

#linksholder { position: absolute; z-index: 15; top: 25px; left: 265px; width: 500px; height: 50px; }

#recycle { position: absolute; z-index: 14; top: 15px; left: 765px; width: 120px; height: 57px; background: url('images/recycle.png') center no-repeat; }

#followus { position: absolute; z-index: 15; top: 5px; left: 10px; width: 131px; height: 87px; background: url('images/followus.png') center no-repeat; }

#newsletter { position: absolute; z-index: 14; top: 5px; left: 122px; width: 172px; height: 110px; }

#twitter { position: absolute; z-index: 16; left: 23px; top: 45px; }

#facebook { position: absolute; z-index: 16; left: 70px; top: 38px; }



#links { list-style: none; }

#links li { display: inline-block; text-transform: uppercase; padding-bottom: 5px; color: #605B15; font-weight: bold; font-size: 10px; zoom: 1; *display: inline; }

#links li a { text-decoration: none; color: #605B15; font-weight: bold; font-size: 10px; display: inline-block; height:6px; padding:0 4px 4px; border-right:1px solid #605B15; }

#links li a:hover { color: #246C1B; }

#links li a.lastli {border-right:none;}



#copyright { position: absolute; z-index: 13; top: 110px; left: 300px; padding-bottom: 30px; font-size: 10px; }



/********************************

Tables and Forms

********************************/



.formfield td { padding-top: 15px; }

.indentform { margin-left: 50px; padding: 20px 0 20px 0; }

.indentform .name { border: 1px solid #066794; background-color: #FFF; font-size: 14px; width: 150px; }

.indentform .code { border: 1px solid #066794; background-color: #FFF; font-size: 14px; width: 80px; }

.indentform .button { border: 1px solid #066794; background-color: #FFF; font-size: 14px; color: #066794; width: 80px; margin-top: 15px; }



/********************************

Fonts and Links

********************************/

.red {color:#f00;}

.link-blue a:link, .link-blue a:active, .link-blue a:visited {

	text-decoration: none;

	color: #066794;

	font-weight: bold;

}

.link-blue a:hover { color: #054D6E; }



.text-scroll { font-size: 14px; color: #000; line-height: 18px; }

.text-body { font-size: 14px; color: #000; line-height: 22px; }

.text-green { font-size: 14px; color: #3C6A0C ; font-weight: bold; }

.text-greenlg { font-size: 18px; color: #3C6A0C ; font-weight: bold; }

p { padding: 10px 30px 10px 30px; }



/********************************

	Green Tips

********************************/

.tipscol1 { position: relative; float: left; width: 90px; text-align: center; clear: both; padding: 10px 0 10px 10px;  }

.tipscol2 { position: relative; float: left; width: 700px; text-align: left; padding: 10px 30px 10px 10px; }



/********************************

	About

********************************/

.quotes { font-style: italic; }

.quotes-names { font-size: 14px; color: #3C6A0C ; font-weight: bold; }

.quotes-titles { float:left; text-align: left; clear: both; }

.quoteimg { float:left; margin-left:5px; margin-bottom:20px; }



/********************************

	The Book

********************************/

#g1div { margin-left:10px; clear:both; }

.col { float:left; margin-left:30px; }

.colimg { float:left; margin-left:5px; margin-bottom:20px; }

.superscript{font-size:.6em; vertical-align:top;} 



.colfield { width: 140px; float:left; margin-left:30px; }



/********************************

	Purchase

********************************/

.groupshot { text-align: center; }



.imgdec { border: 1px solid #000; }



/********************************

Characters

********************************/

#char_page {width:344px; float:left;}

#char_chars {float:left; position:relative; }

#char_tree {height: 587px; background: url('images/char_tree.jpg') no-repeat; }

#c_holly { position: relative; left: 720px; top: -365px; }

#c_yewyew { position: relative; left: 320px; top: -300px; }

#c_rooty { position: relative; left: 30px; top: -285px; }

#c_violet { position: relative; left: 250px; top: -480px; }

#c_peat { position: relative; left: 140px; top: -440px; }

#c_mango { position: relative; left: 45px; top: -180px; }

#c_willow { position: relative; left: -55px; top: -550px; }

#c_poppy { position: relative; left: -60px; top: -200px; }



.charc-greenlg { font-family: Arial; font-size: 20px; color: #3C6A0C ; font-weight: bold; }

.charc_text { font-family: Arial; font-size: 16px; line-height: 1.35; }



/********************************

	Press

********************************/

.pressimg { float:left; padding-right:5px; padding-bottom: 10px; }

.press-txtlg { font-family: Arial; font-size: 20px ; font-weight: bold; padding-left: 20px; }

.presscont1 { position: relative; float: left; width: 370px; padding: 2px 0 2px 30px;}

.presscont2 { position: relative; float: left; width: 370px; padding: 2px 30px 2px 10px;}

.presscol1 { position: relative; float: left; width: 30px; text-align: center; clear: both; padding: 0px 0 0px 0px;  }

.presscol2 { position: relative; float: left; width: 300px; text-align: left; padding: 0px 0px 0px 10px; }



.presscont3 { overflow: auto; position: relative; float: left; width: 240px; height: 390px; padding: 12px 0 2px 30px; margin-top: 20px;}

.presscont4 { position: relative; float: left; width: 480px; padding: 2px 30px 2px 30px; text-align: center; margin-top: 20px;}







/********************************

	Gallery

********************************/

.galleryarea { position: relative; float: left; width: 790px; text-align: left; clear: both; padding: 30px 20px 10px 20px;  }





/********************************

	Shop

********************************/



.shop-text { font-size: 12px; }

.shop-prodimg { padding: 0 20px 0 20px; }div.ngg-gallery-thumbnail-box {float:left;margin-right:10px;}

#parentstext ul {list-style:disc; margin-left:30px;}#parentstext ul li {margin-left:30px;}