/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
	background-color: #000000;
	text-align:center;
}

/*features*/
#features {
background-image:url(images/featureoftheseason.jpg);
background-repeat:no-repeat;
background-position:center;
width:730px;
height:205px;
margin-top:10px;
padding:10px;
}

#features p {
text-align:left;
padding-left:30px;
}

.featuredesc {
padding:15px; 
font-size:14px; 
text-align:justify; 
display:block;
margin-left:450px;
margin-top:0;
float:right;
}

h2 {font-size:28px;
text-align:left; 
padding-left:20px; 
padding-right:20px;
}
h3 {color:#330033; font-size:20px;
text-align:left; 
padding-left:20px; 
padding-right:20px;
}
h4 {color:#330033 ; font-size:18px;
}


.style1 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align:center
}
.style2 {
	font-size: 14px;
	color: #662E93;
	text-align:left;
}
.style5 {font-size: 22px;
text-align:left;}


.style9 {font-size: 9pt;
padding-top:60px;
padding-right:40px;
margin-left:220px;
text-align:justify;
}

.jellyname{ color:#660066; font-weight:bold;}
.jellyname2{ color:#660066; font-weight:bold; padding:5px;}
.jellyparagraph {font-size:14px; text-align:justify; padding-left:15px; padding-right:15px;}
.jellyheader {font-size:16px; 
text-align:justify; 
padding-left:20px; 
padding-right:20px;
padding-bottom:20px;
margin-left:350px; }


/*id selectors*/

/*main container*/
#container {
margin:auto;
width:750px;
background-color:#d9bcf7;}


/*content*/
#content {
background-image:url(images/content.png);
width:750px;
height:345px;
display:block;
padding-bottom:14px;
}

#content2 {
display:block;
padding-top:20px;
padding-bottom:20px;
background-color:#a186bd;}

#content2header {
display:block;
background-image:url(images/products.jpg);
background-repeat:no-repeat;
background-position:top left;
height:240px;
}

#content2text {
background-color:#FFFFFF;
margin:18px;
padding:20px;
}

#contentproducts {
display:block;
padding-top:30px;
padding-bottom:20px;
}

#contentproducts img{
border-bottom-style:none;
border-width:0;
}

#contentfaq {
display:block;
padding:20px 15px 15px 15px;
text-align:left;
}

#contentcontact {
display:block;
padding:20px 15px 15px 15px;
text-align:left;
}


#contentfaqtext {
background-color:#FFFFFF;
margin:10px;
padding:15px;
}

#contentrecipes {
display:block;
padding:20px 15px 15px 15px;
text-align:left;
}

#contentrecipestext {
background-color:#FFFFFF;
margin:10px;
padding:20px 15px 15px 5px;
text-align:justify;
}

#contentrecipestext td{
vertical-align:top;
font-size:16px;
width:50%;
}


/*image header*/
#header {
width:750px;
height:260px;
border:0;
text-align:center;
background-color:#533f63;
text-align:center;
display:block;
background-image:url(images/headernew.jpg);
background-repeat:no-repeat;
background-position:top;
}


/*navigation*/

.currentpage {
font-size:20px;
color: #2D132B;
padding:10px 10px;}

#navigation {
background-color:transparent;
width:100%;
text-align:center;
height:40px;
padding-top:215px;
}

#navigation ul{
padding:0px;
line-height:40px;
margin: 0px;
}

#navigation li ul{
position:absolute;
width:7em;
display:none;
margin-left:17px;
}

#navigation li:hover ul{
display:block;
background-color:#533f63;
width:auto;
}

#navigation li ul li{
width:100%;
}

#navigation li ul a:visited{
color:333333;
}

#navigation li{
background-color:transparent;
list-style:none;
display:inline;
white-space:nowrap;
position:relative;
}

#navigation li a{
text-decoration:none;
padding:10px 10px;
}

#navigation a:link{
color:#ffffff;
font-size:20px;
}

#navigation a:visited {
color:#A286C0;
font-size:20px;
}

#navigation a:hover {
color: #FFCCFF;
font-size:20px;
background-color:transparent;
}


/*form*/

#form {
float:right;
position:relative;
background-color:transparent;
padding:10px;

}


label
{
}

input
{
}

.submit {
}

.text input
{
}

fieldset
{
border:0px;
border-style:double;
border-color:#CCCCFF;
}

legend{
padding:0;
text-align:left;
}

.picture {
padding:10px 10px 60px 10px;
text-align:left;
}


/*Sub-navigation*/

#subnavigation {
background-color:transparent;
width:100%;
text-align:center;
height:40px;
}

#subnavigation ul{
padding:0px;
line-height:40px;
margin: 0px;
}

#subnavigation li{
background-color:transparent;
list-style:none;
display:inline;
white-space:nowrap;
}

#subnavigation li a{
text-decoration:none;
padding:10px 10px;
}

#subnavigation a:link{
color:#660066;
font-size:20px;
}

#subnavigation a:visited {
color:#533f63;
font-size:20px;
}

#subnavigation a:hover {
color: #800040;
font-size:20px;
background-color:transparent;
}

#subnavigation a:active {
color:#003300;
font-size:20px;
}