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

#wrapper {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	position: relative;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

/*++++++++++++++home page navigation+++++++++++++++++++*/
#home h1 { margin: 17px 0 0 20px; position: relative; z-index: 999; width: 300px;}

#nav{
	position: relative;
	margin-top: -58px;
}

#nav li, #nav li a {
	position: absolute;
}

#nav li a {
	display: block;
	overflow: visible;
	text-indent: -3000px;
}

#nav li#marketplace {
	left: 305px ;
	top: 36px;
	width: 293px;
	height: 136px;
	background:url(../images/home/marketplace_roll.jpg) top left no-repeat;
	z-index:10;
}
	#nav li#marketplace a {
		width: 168px;
		height: 36px;
		left: 110px;
		top:-29px;
		background: url(../images/home/whatwesell_header.gif) top left no-repeat;
		z-index:999;
	}

#nav li#flowershop {
	width: 190px;
	height: 194px;
	left: 11px;
	top: 75px;
	background: url(../images/home/flowershop_roll.jpg) top left no-repeat;
}

	#nav li#flowershop a {
		width: 241px;
		height: 47px;
		left: 10px;
		top:185px;
		background: url(../images/home/flowershop_header2.gif) top left no-repeat;
		z-index:999;
	}

#nav li#about {
	width: 232px;
	height: 184px;
	left: 243px;
	top: 181px;
	background: url(../images/home/about_roll.jpg) top left no-repeat;
}

	#nav li#about a {
		width: 78px;
		height: 27px;
		left: 157px ;
		top:24px;
		background: url(../images/home/about_header.gif) top left no-repeat;
	}

#nav li#contact {
	width: 261px;
	height: 221px;
	left: 533px;
	top: 45px;
	background: url(../images/home/contact_roll.jpg) top left no-repeat;
}

	#nav li#contact a {
		width: 102px;
		height: 26px;
		left: 65px ;
		top:180px;
		background: url(../images/home/contact_header.gif) top left no-repeat;

	}

#nav li#what {
	width: 258px;
	height: 261px;
	left: 24px;
	top: 313px;
	background: url(../images/home/whatwegrow_roll.jpg) top left no-repeat;
}

	#nav li#what a {
		width: 189px;
		height: 37px;
		left: 19px ;
		top:243px;
		background: url(../images/home/whatwegrow_header.gif) top left no-repeat;
		z-index: 999;
	}

#nav li#why {
	width: 274px;
	height: 223px;
	left: 312px;
	top: 387px;
	background: url(../images/home/whylocal_roll.jpg) top left no-repeat;
	z-index:6
}

	#nav li#why a {
		width: 237px;
		height: 43px;
		left: -99px ;
		top:13px;
		background: url(../images/home/whylocal_header.gif) top left no-repeat;	
		z-index:999;
	}

#nav li#inbloom {
	width: 225px;
	height: 266px;
	left: 576px;
	top: 282px;
	background: url(../images/home/inbloom_roll.jpg) top left no-repeat;
}

	#nav li#inbloom a {
		width: 116px;
		height: 30px;
		left: 93px ;
		top:259px;
		background: url(../images/home/inbloom_header.gif) top left no-repeat;	
	}
/*++++++++++++++end home page navigation+++++++++++++++++++*/

/*++++++++++++backgrounds+++++++++++++++*/
#about #wrapper {
	background: url(../images/page_bg/about_bckgrnd.jpg) top left no-repeat;
}

#contact #wrapper {
	background: url(../images/page_bg/contact_bckgrnd.jpg) top left no-repeat;
}

#marketplace #wrapper {
	background: url(../images/page_bg/marketplace_bckgrnd2.jpg) top left no-repeat;
}

#flowershop #wrapper {
	background: url(../images/page_bg/flowershop_bckgrnd.jpg) top left no-repeat;
}

#flowershop2 #wrapper {
	background: url(../images/page_bg/flowershop_bckgrnd2.jpg) top left no-repeat;
}

#whatwegrow #wrapper {
	background: url(../images/page_bg/whatwegrow_bckgrnd.jpg) top left no-repeat;
}

#whylocal #wrapper {
	background: url(../images/page_bg/whylocal_bckgrnd.jpg) top left no-repeat;
}
/*++++++++++++ end backgrounds+++++++++++++++*/

/*++++++++++++ page items +++++++++++++++++++*/
#content, #secondary_content {
	width: 300px;
	text-align: justify;
	line-height: 14px;
	position: absolute;
}

#content {
	margin-left: 25px;
}

#content.bottom {
	bottom: 0px;
	margin-bottom: 61px;
}

#content.top {
	padding-top: 23px;
}

#content p, #secondary_content p {
	margin-bottom: 15px;
}

#content p.last, #secondary content p.last {
	margin-bottom: 0px;
}

#content h1 {
	text-indent: -5000px;
	margin-bottom: 10px;
}

#secondary_content {
	padding-top: 23px;
	left: 375px;
}

#about #wrapper #content h1{
	background: url(../images/pageheaders/about_header.gif) top left no-repeat;
	width: 74px;
	height: 25px;
}

#contact #wrapper #content h1{
	background: url(../images/pageheaders/contact_header.gif) top left no-repeat;
	width: 92px;
	height: 26px;
}

#marketplace #wrapper #content h1{
	background: url(../images/pageheaders/whatwesell_header.gif) top left no-repeat;
	width: 148px;
	height: 34px;
}

#flowershop #wrapper #content h1{
	background: url(../images/pageheaders/flowershop_header.gif) bottom left no-repeat;
	width: 145px;
	height: 38px;
	padding-top: 150px;
}

#flowershop2 #wrapper #content h1{
	background: url(../images/pageheaders/flowershop_header2.png) bottom left no-repeat;
	width: 145px;
	height: 38px;
	padding-top: 150px;
}

#whatwegrow #wrapper #content h1{
	background: url(../images/pageheaders/whatwegrow_header.gif) top left no-repeat;
	width: 171px;
	height: 34px;
}

#whylocal #wrapper #content h1{
	background: url(../images/pageheaders/whylocal_header.gif) top left no-repeat;
	width: 212px;
	height: 43px;
}
/*++++++++++++ end page items +++++++++++++++++++*/

/*++++++++++++ footer nav +++++++++++++++++*/

#wrapper #footer {
	margin-left: 25px;
	position: absolute;
	bottom: 0px;
	margin-bottom: 14px
}
#wrapper #footer ul li {
	float: left;
	display: inline;
	margin-right: 14px;
}

#wrapper #footer ul li a{
	text-decoration: none;
	line-height: 14px;
	color: #FFF;
}

#wrapper #footer ul li a:hover{
	border-bottom: 1px solid #FFF;
}

/*++++++++++++ end footer nav +++++++++++++++++*/

/*++++++++++++ page indicators ++++++++++++++++*/

#about #wrapper #footer .about, 
#contact #wrapper #footer .contact,
#marketplace #wrapper #footer .marketplace,
#flowershop #wrapper #footer .flowershop,
#flowershop2 #wrapper #footer .flowershop,
#whatwegrow #wrapper #footer .whatwegrow,
#whylocal #wrapper #footer .whylocal {
	font-weight: bold;
	font-size: 13px;
	cursor: default;
}

#about #wrapper #footer a.about:hover, 
#contact #wrapper #footer a.contact:hover,
#marketplace #wrapper #footer a.marketplace:hover,
#flowershop #wrapper #footer a.flowershop:hover, 
#flowershop2 #wrapper #footer a.flowershop:hover, 
#whatwegrow #wrapper #footer a.whatwegrow:hover,
#whylocal #wrapper #footer a.whylocal:hover {
	border-bottom: none;
}

/*++++++++++++ end page indicators ++++++++++++++++*/

/*++++++++++++ specials +++++++++++++++++*/
#contact #wrapper, #marketplace #wrapper { color: #222;}
#contact #wrapper a { color: #FF9CBD; text-decoration: none; }
#contact #wrapper #content a:hover { border-bottom: 1px solid #FF9CBD; }
#direction_details {
	background-color: #FF9CBD;
	display: none;
	padding: 15px;
	margin-bottom: 15px;
	font-size: 11px;
}
#contact p#credits { color: #FFF; }

#marketplace #wrapper h3 {
	color: #FFF;
	font-weight: normal;
	line-height: 14px;
	font-size: 12px;
}

#flowershop #content p a {
	color: #FF925C;
	text-decoration: none;
}
#flowershop #content p a:hover {
	border-bottom: 1px solid #FF925C;
}

#flowershop2 #content p a {
	color: #FF925C;
	text-decoration: none;
}
#flowershop2 #content p a:hover {
	border-bottom: 1px solid #FF925C;
}
#contact #wrapper #content div.address_box {
	float: left; 
	width: 110px;
	margin-right: 15px;
}

#contact #wrapper #content div.last_address{
	width: 170px;
	margin-right: 0px;
}

#contact #wrapper #content h3 {
	font-weight: bold;
}


#about #wrapper #content a {
	color:#F6D26B;
	text-decoration: none;
}
#about #wrapper #content a:hover {
	border-bottom: 1px solid #F6D26B;
}

#marketplace #wrapper #content a, #marketplace #wrapper #secondary_content a {
	color:#d9be7f;
	text-decoration: none;
}
#marketplace #wrapper #content a:hover, #marketplace #wrapper #secondary_content a:hover  {
	border-bottom: 1px solid #d9be7f;
}

#marketplace #wrapper #content p, #marketplace #wrapper #secondary_content p {
	color:#FFF;
}

#marketplace #wrapper h3 {
	font-weight:bold;
}


/*++++++++++++ specials +++++++++++++++++*/

/*++++++++++++ form +++++++++++++++++++++*/

#contact_form {
	width: 300px;
}

#contact_form p {
	margin-bottom: 15px;
	display: block;
}
#contact_form  p label {
	width: 110px;
	text-align: left;
	margin-right: 5px;
	display: block;
	float: left;
	font-size: 12px;
	padding-top: 5px;
	clear: left;
	margin-bottom: 3px;
}

#contact_form p input, #contact_form p select, #contact_form p textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	border: 0;
	/*color: #C7508B;*/
	color: #000;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	background: transparent url(../images/trans_bg.png) left top repeat;
}

#contact_form p message{
	clear: both;
}

#contact_form textarea {
	width:397px;
	height:150px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

#contact_form #name, #contact_form #email {
	width:150px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_form select {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 156px;
}

#contact_form input#btnSubmit {
	clear: both;
	margin-left: 175px;
	cursor:pointer;
	background-color: #FFF;
}

/*++++++++++++++ end form ++++++++++++++++*/

/*************** Seasonal tabs************/

#grow_subnav {
   height: 20px;
}
#grow_subnav li{
	float: left;
	display: inline;
	margin-right: 61px;
}

 #grow_subnav li.last_tab {
 	margin-right: 0px;
	float: right;
 }

#grow_subnav li a.tab, #more_summer, #more_summer2, #more_spring, #more_fall {
	font-weight: bold;
	color: #9FE178;
	display: block;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none;
}

#more_summer, #more_summer2, #more_spring, #more_fall {
	color: #FFF;
	background-color: #9FE178;
	float: left;
}

#grow_subnav li a.active{
	background-color: #FFF;
}

#spring_list, #spring_list2, #summer_list, #summer_list2, #summer_list3, #fall_list, #fall_list2, #winter_list { 
	display:none; 
	color:#333;
	padding: 15px 15px 10px 15px;
	margin-top: 0px;
	background-color: #fff;
}  

.first_col {
	width: 125px;
}
td { padding-bottom: 5px;}

div.clear {
   height: 0px;
   clear:both;
}
/************** Seasonal tabs ***********/