@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------- 
Personal Public Relations Screen Stylesheet 

version:   1.0 
date:      01/03/10 
author:    [your email] 
email:     [you at domain dot com] 
website:   [your domain] 
version history: [location of file] 
-----------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #391806;
	color: #333333;
	font: normal 14px Arial, Helvetica, 'Arial', sans-serif;
	text-align: center;
}

/* General 
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}
ul li, ol li{
	margin-left: 30px;
}
.clear { 
    clear: both; 
} 
br.clear {
	display: block;
	height: 1px!important;
	overflow: hidden;
}
.clearfix:after,
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.right { 
    float: right; 
} 

.left { 
    float: left; 
}
.gfx-item,
#mainNavigation li a {
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -99999px;
}
.centerize {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #3f6617;
	
}
h1 {font-size: 36px; margin: 0;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, Times, 'Times New Roman', serif; 
}

a:link {
	color: #3f6617;
}
a:visited {
	color: #3f6617;
}
a:hover {
	color: #5fa813;
}
a:active {
	color: #5fa813;
}
small a:link	{color: #606060; text-decoration: none;}
small a:visited {color: #606060; text-decoration: none;}
small a:hover	{color: #3c3c3c; text-decoration: none;}
small a:active	{color: #3c3c3c; text-decoration: none;}


/* Page Structures 
-----------------------------------------------------------------------------*/
#siteWrapper {
	background: #789048 url(../images/bg-top.gif) left top repeat-x;
}
#page {
	min-height: 300px;
	height: auto!important;
	height: 300px;
	background: url(../images/bg-content.png) 50% 0 repeat-y;
}
#page.homepage {
	background: url(../images/faded-green-bg.jpg) 50% top no-repeat;
}
.subpage p {
	margin: .4em 0 1em;
}
#contentWrapper {
width: 100%;
	background: url(../images/bg-bottom.gif) left bottom repeat-x;
}
#content {
	background: #FFF;
	width: 900px;
	margin: 0 auto;
	padding: 20px 30px;
	min-height: 100px;
	height: auto!important;
	height: 100px;
	text-align: left;
}

/* Column Structures
-----------------------------------------------------------------------------*/
#leftHomeColumn {
	width: 585px;
	float: left;
}
#rightHomeColumn {
	width: 315px;
	float: right;
}



/* Navigation
-----------------------------------------------------------------------------*/
#mainNavigation {
	display: block;
	position: absolute;
	top: 71px;
	z-index: 30;
	list-style: none;
	height: 44px;
	margin: 0 0 0 350px;
}
#mainNavigation li {
	list-style: none;
	display: inline-block;
	float: left;
	margin-left: 2px;
}
#mainNavigation li a {
	display: block;
	height: 44px;
	background: url(../images/navigation.gif) left top no-repeat;
}	
#mainNavigation li a#home 				{width: 75px;}
#mainNavigation li a#home:hover 		{background-position: left -46px;}
#mainNavigation li a#products 			{width: 90px; background-position: -77px top;}
#mainNavigation li a#products:hover 	{background-position: -77px -46px;}
#mainNavigation li a#whatsnew 			{width: 116px; background-position: -169px top;}
#mainNavigation li a#whatsnew:hover 	{background-position: -169px -46px;}
#mainNavigation li a#information 		{width: 115px; background-position: -287px top;}
#mainNavigation li a#information:hover 	{background-position: -287px -46px;}
#mainNavigation li a#aboutus 			{width: 96px; background-position: -404px top;}
#mainNavigation li a#aboutus:hover 		{background-position: -404px -46px;}
#mainNavigation li a#contact 			{width: 106px; background-position: -502px top;}
#mainNavigation li a#contact:hover 		{background-position: -502px -46px;}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 115px;
}
#header h1 {
	 position: absolute;
	 top: 4px;
	 z-index: 20;
	 margin: 0 0 0 46px;
} 
#header h1,
#header h1 a {
	width: 308px;
	height: 170px;
}
#header h1 a {
	background: url(../images/logo.png) no-repeat;
}

#flashContent {
	position: absolute;
	top: 0; /*-65;*/
	width: 100%;
	z-index: 10;
	text-align: center;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 920px;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
}
#footerLeftColumn {
	width: 280px;
	float: left;
}
#footerRightColumn {
	width: 603px;
	float: right;
}
#footerLogo {
	position: absolute;
	z-index: 10;
	margin:0 0 0 55px;
}
#footerEarthStone {
	position: relative;
	z-index: 9;
	top:90px;
	margin-bottom: 30px;
}
#footer ul {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 50px;
}
#footer ul li {
	display: block;
	border-bottom: 1px solid #6f300e;
	padding: 7px 10px 8px;
}
#footer ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}
#footer ul li a:hover {
	color: #cf9348;
}
#footer #credits {
	display: block;
	border-top: 1px solid #A5BD57;
	color: #a5bd57;
	font-size: 10px;
	padding: 6px 3px;
}
#footer a#Twitter {
	float: left;
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
}
#facebookLike {
	width: 50px;
	float: right;
	margin-top: 25px;
}
#footer a#bbbSeal {
	display: inline-block;
	margin-left: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Earth Stone 
-----------------------------------------------------------------------------*/
#earthStoneCta {
	position: absolute;
	top: 0px;
	z-index: 10;
	margin: 0 0 0 679px;
	width: 317px;
	height: 22px;
	background: url(../images/bg-header.gif) left top no-repeat;
}
/* Specials Tab 
-----------------------------------------------------------------------------*/
#specialsTab {
	display: block;
	position: absolute;
	top: 0px;
	z-index: 11;
	margin: 0 0 0 403px;
	width: 97px;
	height: 40px;
}
/* Specials Tab 
-----------------------------------------------------------------------------*/
#specialOccTab {
	display: block;
	position: absolute;
	top: 0px;
	z-index: 12;
	margin: 0 0 0 500px;
	width: 161px;
	height: 40px;
}


/* Homepage Header
-----------------------------------------------------------------------------*/
#homepageHeader {
	height: 292px;
	overflow: hidden;
	padding: 67px 0 0 0;
	/*background: url(../images/homepage-header-bg.jpg) 50% top no-repeat;*/
	position: relative;
	z-index: 10;
}
#homepageHeader .centerize {
	position: relative;
	z-index: 200;
}
#homepageHeader blockquote {
	width: 355px;
	height: 231px;
	padding: 13px 15px 15px;
	background: url(../images/trans-green-41.png);
	text-align: left;
	color: #FFF;
	margin-left: 33px;
}
#homepageHeader blockquote h2 {
	font-weight: normal;
	margin-bottom: 5px;
	color: #FFF;
}
#homepageHeader blockquote p {	
	line-height: 17px;
	margin-bottom: 15px;
}


/* Subpage Header 
-----------------------------------------------------------------------------*/
#subpageHeader {
	height: 82px;
	background: url(../images/subpage-header.jpg) 50% top no-repeat;
}


/* Our Location 
-----------------------------------------------------------------------------*/
#ourLocation,
#ourLocation h4 small {
	color: #606060;
	font-size: 12px;
}
#ourLocation h4 {
	display: inline-block;
	margin: .7em 0 .3em;
}
#ourLocation p {
	margin: 0 0 .6em;
}
#ourLocation h4 small {
	font: normal 12px Arial, Helvetica, 'Arial', sans-serif;
}
#ourLocation small a {
	display: inline-block;
	margin: 18	px 5px 0 0;
}

/* Product Styles 
-----------------------------------------------------------------------------*/
.product-thumb {
	
}
.product-thumb-link,
.padded-frame {
	display: inline-block;
	border: 1px solid #D0CFCF;
	padding: 8px;
}
.product-thumb-title {
	margin: 7px 0;
}
.product-detail-link,
.product-thumb-zoom-link {
	display: inline-block;
	background: url(../images/icon-single-leaf.gif) right bottom no-repeat;
	padding: 3px 28px 0 0;	
	min-height: 12px;
	height: auto!important;
	height: 12px;
	
	font-size: 11px;
	text-decoration: none;
}
.product-detail-link:hover,
.product-thumb-zoom-link:hover {
	text-decoration: underline;
}
.product-thumb-zoom-link {
	float: right;
	padding: 0 15px 0 0;
	background: url(../images/icon-plus.gif) right 50% no-repeat;
}
#leftHomeColumn .product-thumb {
	width: 259px;
	margin: 10px 30px 35px 0;
	float: left;
}

/************* Jacob Classes **********************/
.header-text {
	font-size: 30px;
	font-family: Georgia;
}

.header-text-mini {
	font-size: 18px;
	font-family: Georgia;
}

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

.imageborder {
	border: solid 1px #000000;
	padding: 10px;
}

.clear {
	clear: both;
}

.news-div {
	/*width: 878px;*/
	border-bottom: solid 1px #284b06;
	padding: 5px;
}

.category-div {
	/*width: 290px;*/
	border-top: solid 1px #284b06;
	padding: 5px;
}

.category-div a {
	text-decoration: none;
}

.product-div {
	width: 540px;
	border-top: solid 1px #284b06;
	padding: 10px;
}

.product-title-div {
	width: 540px;
	margin-bottom: 10px;
}

.product-image-div {
	width: 260px;
	height: 160px;
	float: left;
}

.product-text-div {
	width: 140px;
	height: 150px;
	margin-left: 10px;
	float: left;
	position: relative;
}

.product-text-middle-div {
	position: absolute;
	top: 67px;
}

.product-text-bottom-div {
	position: absolute;
	bottom: 0px;
}

.viewitem-image-div-left {
	width: 260px;
	margin-right: 38px;
	margin-bottom: 20px;
	float: left;
}

.viewitem-image-div-right {
	width: 260px;
	margin-bottom: 20px;
	float: left;
}

.menuitem-left {
	background: url('/greengoddess.com/images/menu-left.jpg');
	float: left;
	width: 6px;
	height: 44px;
	font-size: 1px;
	margin-left: 1px;
}

.menuitem-middle {
	background-image: url('/greengoddess.com/images/menu-middle.jpg');
	background-repeat: repeat-x;
	font-size: 18px;
	font-family: Georgia;
	height: 44px;
	float: left;
	padding: 12px 4px 0px 4px;
}

.menuitem-middle a {
	font-size: 18px;
	font-family: Georgia;
}

.menuitem-middle a:hover {
}

.menuitem-right {
	background: url('/greengoddess.com/images/menu-right.jpg');
	float: left;
	width: 6px;
	height: 44px;
	font-size: 1px;
}

.menuitem-selected-left {
	background: url('/greengoddess.com/images/menuselected-left.jpg');
	float: left;
	width: 6px;
	height: 44px;
	font-size: 1px;
	margin-left: 1px;
}

.menuitem-selected-middle {
	background-image: url('/greengoddess.com/images/menuselected-middle.jpg');
	background-repeat: repeat-x;
	font-size: 18px;
	font-family: Georgia;
	height: 44px;
	float: left;
	padding: 12px 4px 0px 4px;
}

.menuitem-selected-right {
	background: url('/greengoddess.com/images/menuselected-right.jpg');
	float: left;
	width: 6px;
	height: 44px;
	font-size: 1px;
}

.menuitem_bottom-left {
	border-bottom: solid 1px #57250a;
	width: 266px;
	padding: 9px 10px;
	font-size: 12px;
	color: #ffffff;
	float: left;
}

.menuitem_bottom-right {
	border-bottom: solid 1px #57250a;
	width: 266px;
	margin-left: 26px;
	padding: 9px 10px;
	font-size: 12px;
	color: #ffffff;
	float: left;
}

.menuitem_bottom-left a, .menuitem_bottom-right a {
	font-size: 12px;
	color: #ffffff;
}

.menuitem_bottom-left a:hover, .menuitem_bottom-right a:hover {
	color: #a5bd57;
}

.menuitem_bottom-left-green {
	border-top: solid 1px #a5bd57;
	width: 398px;
	padding-top: 5px;
	font-size: 10px;
	color: #a5bd57;
	float: left;
	margin-top: 34px;
	margin-bottom: 10px;
}

.menuitem_bottom-right-green {
	border-top: solid 1px #a5bd57;
	width: 200px;
	padding-top: 5px;
	font-size: 10px;
	color: #a5bd57;
	text-align: right;
	float: left;
	margin-top: 34px;
	margin-bottom: 10px;
}

.menuitem_bottom-left-green a, .menuitem_bottom-right-green a {
	font-size: 10px;
	color: #a5bd57;
}

.menuitem_bottom-left-green a:hover, .menuitem_bottom-right-green a:hover {
	color: #ffffff;
}

input, textarea {
	border: solid 1px #000000;
}