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

/*Layout*/

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0;
	padding:0;
}

#pageborder {
	background-image: url("images/pageborder.png");
	height: 100%;
	left: 50%;
	margin-left: -475px;
	position: fixed;
	top: 0px;
	width: 950px;
	background-repeat: repeat;
	height: 100%;
	}

#page {
	background-color:#FFFFFF;
	height:100%;
	left:50%;
	margin-left:-425px;
	position:absolute;
	top:0px;
	width:850px;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:123px;
	height:210px;
	z-index:1;
}

#highlightbox {
	position:absolute;
	left:12px;
	top:270px;
	width:400px;
	height:30px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #42210B;
	text-align:left;
	padding:5px;
	border:solid #AABA0A 2px;
}

#content {
	position:absolute;
	left:12px;
	top:300px;
	width:500px;
	height:700px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #42210B;
	text-align:left;
}

#topimage {
	position:absolute;
	left:530px;
	top:320px;
	width:305px;
	height:200px;
	z-index:1;
}

#leftimage {
	position:absolute;
	left:530px;
	top:535px;
	width:145px;
	height:120px;
	z-index:1;
}

#rightimage {
	position:absolute;
	left:690px;
	top:535px;
	width:145px;
	height:120px;
	z-index:1;
}

#bottomimage {
	position:absolute;
	left:530px;
	top:670px;
	width:305px;
	height:200px;
	z-index:1;
}

#headerslideshow {
	position:absolute;
	left:123px;
	top:0px;
	width:727px;
	height:210px;
	z-index:1;
}

#social {
	position: absolute;
	left: 530px;
	top: 675px;
	width: 305px;
	height: 35px;
	}
	
#social2 {
	position: absolute;
	left: 530px;
	top: 890px;
	width: 305px;
	height: 35px;
	}
	
#footer {
	position: absolute;
	width: 850px;
	height: 35px;
	background-color: #AABA0A;
	z-index:2;
	left: -12px;
	}


/*Navigation*/

#mainNav {
	position:absolute;
	left:0px;
	top:210px;
	width:850px;
	height:50px;
	z-index:3;
}

#mainNav ul#menu {
	height:50px;
	margin:0;
	padding:0;
	position:relative;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#mainNav ul#menu li {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
}

ul#menu li, ul#menu a {
	display:block;
	height:50px;
	margin:0;
	padding:0;
}

div#mainNav ul#menu li a {
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-5000px;
}

#happening 			{left:0; top:0; width:132px;}
#inthegarden 		{left:132px; top:0; width:96px;}
#fairygarden	 	{left:228px; top:0; width:85px;}
#instore			{left:313px; top:0; width:74px;}
#faq				{left:387px; top:0; width:111px;}
#fundraising		{left:498px; top:0; width:92px;}
#hoa 				{left:590px; top:0; width:99px;}
#wholesale			{left:689px; top:0; width:84px;}
#aboutus 			{left:773px; top:0; width:77px;}

#happening a:hover 		{background:transparent url(images/menu.png) no-repeat scroll 0 -50px;}
#inthegarden a:hover 	{background:transparent url(images/menu.png) no-repeat scroll -132px -50px;}
#fairygarden a:hover 	{background:transparent url(images/menu.png) no-repeat scroll -228px -50px;}
#instore a:hover 		{background:transparent url(images/menu.png) no-repeat scroll -313px -50px;}
#faq a:hover 			{background:transparent url(images/menu.png) no-repeat scroll -387px -50px;}
#fundraising a:hover 	{background:transparent url(images/menu.png) no-repeat scroll -498px -50px;}
#hoa a:hover 			{background:transparent url(images/menu.png) no-repeat scroll -590px -50px;}
#wholesale a:hover 		{background:transparent url(images/menu.png) no-repeat scroll -689px -50px;}
#aboutus a:hover 		{background:transparent url(images/menu.png) no-repeat scroll -773px -50px;}

#happening.on 		{background:transparent url(images/menu.png) no-repeat scroll 0 -50px;}
#inthegarden.on 	{background:transparent url(images/menu.png) no-repeat scroll -132px -50px;}
#fairygarden.on 	{background:transparent url(images/menu.png) no-repeat scroll -228px -50px;}
#instore.on 		{background:transparent url(images/menu.png) no-repeat scroll -313px -50px;}
#faq.on 			{background:transparent url(images/menu.png) no-repeat scroll -387px -50px;}
#fundraising.on 	{background:transparent url(images/menu.png) no-repeat scroll -498px -50px;}
#hoa.on 			{background:transparent url(images/menu.png) no-repeat scroll -590px -50px;}
#wholesale.on 		{background:transparent url(images/menu.png) no-repeat scroll -689px -50px;}
#aboutus.on 		{background:transparent url(images/menu.png) no-repeat scroll -773px -50px;}


#inthegardenNav {
	position:absolute;
	left:0px;
	top:260px;
	width:850px;
	height:20px;
	z-index:3;
}

#inthegardenNav ul#garden {
	height:20px;
	margin:0;
	padding:0;
	position:relative;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/inthegardenmenu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#inthegardenNav ul#garden li {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
}

ul#garden li, ul#garden a {
	display:block;
	height:20px;
	margin:0;
	padding:0;
}

div#inthegardenNav ul#garden li a {
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-5000px;
}

#annuals 			{left:0; top:0; width:62px;}
#fertilizers 		{left:62px; top:0; width:139px;}
#hanging	 		{left:201px; top:0; width:165px;}
#herbs				{left:366px; top:0; width:44px;}
#mulchsoil			{left:410px; top:0;	width:79px;}
#perennials 		{left:489px; top:0;	width:69px;}
#succulents			{left:558px; top:0;	width:71px;}
#topiary 			{left:629px; top:0;	width:51px;}
#vegetables			{left:680px; top:0;	width:70px;}

#annuals a:hover 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll 0 -20px;}
#fertilizers a:hover 	{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -62px -20px;}
#hanging a:hover 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -201px -20px;}
#herbs a:hover	 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -366px -20px;}
#mulchsoil a:hover 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -410px -20px;}
#perennials a:hover 	{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -489px -20px;}
#succulents a:hover 	{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -558px -20px;}
#topiary a:hover 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -629px -20px;}
#vegetables a:hover 	{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -680px -20px;}

#annuals.on 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll 0 -20px;}
#fertilizers.on 	{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -62px -20px;}
#hanging.on 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -201px -20px;}
#herbs.on	 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -366px -20px;}
#mulchsoil.on 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -410px -20px;}
#perennials.on 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -489px -20px;}
#succulents.on 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -558px -20px;}
#topiary.on 		{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -629px -20px;}
#vegetables.on	 	{background:transparent url(images/inthegardenmenu.png) no-repeat scroll -680px -20px;}


#wholesaleNav {
	position:absolute;
	left:0px;
	top:260px;
	width:850px;
	height:20px;
	z-index:3;
}

#wholesaleNav ul#whole {
	height:20px;
	margin:0;
	padding:0;
	position:relative;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/wholesalemenu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wholesaleNav ul#whole li {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
}

ul#wholesale li, ul#whole a {
	display:block;
	height:20px;
	margin:0;
	padding:0;
}

div#wholesaleNav ul#whole li a {
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-5000px;
}

#herbswhole 		{left:0; top:0; width:102px;}
#annualswhole 		{left:102px; top:0; width:63px;}
#hangingwhole 		{left:165px; top:0; width:173px;}
#perennialswhole	{left:338px; top:0; width:75px;}
#poinsettiaswhole	{left:413px; top:0; width:77px;}
#availabilitywhole	{left:490px; top:0; width:115px;}

#herbswhole a:hover 		{background:transparent url(images/wholesalemenu.png) no-repeat scroll 0 -20px;}
#annualswhole a:hover 		{background:transparent url(images/wholesalemenu.png) no-repeat scroll -102px -20px;}
#hangingwhole a:hover 		{background:transparent url(images/wholesalemenu.png) no-repeat scroll -165px -20px;}
#perennialswhole a:hover 	{background:transparent url(images/wholesalemenu.png) no-repeat scroll -338px -20px;}
#poinsettiaswhole a:hover 	{background:transparent url(images/wholesalemenu.png) no-repeat scroll -413px -20px;}
#availabilitywhole a:hover 	{background:transparent url(images/wholesalemenu.png) no-repeat scroll -490px -20px;}

#herbswhole.on 			{background:transparent url(images/wholesalemenu.png) no-repeat scroll 0 -20px;}
#annualswhole.on 		{background:transparent url(images/wholesalemenu.png) no-repeat scroll -102px -20px;}
#hangingwhole.on 		{background:transparent url(images/wholesalemenu.png) no-repeat scroll -165px -20px;}
#perennialswhole.on 	{background:transparent url(images/wholesalemenu.png) no-repeat scroll -338px -20px;}
#poinsettiaswhole.on 	{background:transparent url(images/wholesalemenu.png) no-repeat scroll -413px -20px;}
#availabilitywhole.on 	{background:transparent url(images/wholesalemenu.png) no-repeat scroll -490px -20px;}



#aboutNav {
	position:absolute;
	left:0px;
	top:260px;
	width:850px;
	height:20px;
	z-index:3;
}

#aboutNav ul#about {
	height:20px;
	margin:0;
	padding:0;
	position:relative;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/aboutusmenu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#aboutNav ul#about li {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
}

ul#about li, ul#about a {
	display:block;
	height:20px;
	margin:0;
	padding:0;
}

div#aboutNav ul#about li a {
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-5000px;
}

#ourstory		{left:0px; top:0; width:70px;}
#contact 		{left:70px; top:0; width:63px;}
#directions		{left:133px; top:0; width:72px;}
#hours 			{left:205px; top:0; width:52px;}
#ourpartners	{left:257px; top:0; width:86px;}

#ourstory a:hover 		{background:transparent url(images/aboutusmenu.png) no-repeat scroll 0px -20px;}
#contact a:hover 		{background:transparent url(images/aboutusmenu.png) no-repeat scroll -70px -20px;}
#directions a:hover 	{background:transparent url(images/aboutusmenu.png) no-repeat scroll -133px -20px;}
#hours a:hover 			{background:transparent url(images/aboutusmenu.png) no-repeat scroll -205px -20px;}
#ourpartners a:hover 	{background:transparent url(images/aboutusmenu.png) no-repeat scroll -257px -20px;}

#ourstory.on 		{background:transparent url(images/aboutusmenu.png) no-repeat scroll 0px -20px;}
#contact.on 		{background:transparent url(images/aboutusmenu.png) no-repeat scroll -70px -20px;}
#directions.on		{background:transparent url(images/aboutusmenu.png) no-repeat scroll -133px -20px;}
#hours.on	 		{background:transparent url(images/aboutusmenu.png) no-repeat scroll -205px -20px;}
#ourpartners.on 	{background:transparent url(images/aboutusmenu.png) no-repeat scroll -257px -20px;}



/*Text and Links*/

.styleheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #5B195E;
	}

.stylesubheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #AABA0A;
	}

.stylefooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	}
	
.styleform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #42210B;
	}
	
a.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5B195E;
	}
	
a.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #AABA0A;
	}
	
a.link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5B195E;
	}
	
a.link:hover:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #AABA0A;
	}

	
a.footerlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	}
	
a.footerlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5B195E;
	}
	
a.footerlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	}
	
a.footerlink:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5B195E;
	}