@charset "UTF-8";
/* CSS Document */
/*Website Development by Flavia Oleniewski*/

/*embeded fonts*/
@font-face {  
	  font-family: "honey";  
	  src: url(honey.eot); /* IE */  
	  src: local("honey"), url(honey.ttf) format("truetype"); /* non-IE */  
	}  
h1 {font-family: "honey", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; padding:25px 0 15px 0; color:#ff3a9c; font-weight:normal; }	 

/*Globals*/
* {margin:0; padding:0;}
img {border:0;}
body {background:#a7ebed; text-align:center; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#333333;}
#page {width:953px; text-align:left; margin:0 auto;}
a {color:#ff3a9c; text-decoration:none;}
a:hover {text-decoration:underline;}
p {padding:5px 0; line-height:1.5em; }
ul {padding-left:15px;}

 
/*Headlines*/
 
h2, h3 {font-family:"Trebuchet MS",  Arial, Helvetica, sans-serif}

h2 {font-size:14px; padding:10px 0 5px 0; color:#3fabae; text-transform:capitalize; clear:both;}
h3 {font-size:12px; padding:5px 0; clear:both}


/*navigation*/
ul#nav {padding:0; margin:0; list-style:none; padding-left:6px; padding-top:10px; }
ul#nav a {display:block; float:left; padding-right:12px; height:42px;}
ul#nav a.home {width:53px; background:url(images/nav_home.gif) no-repeat 0 0 }
ul#nav a.home:hover {background-position: 0 -42px;}
ul#nav a.news {width:44px; background:url(images/nav_news.gif) no-repeat 0 0 }
ul#nav a.news:hover {background-position: 0 -42px;}
ul#nav a.about {width:79px; background:url(images/nav_about.gif) no-repeat 0 0 }
ul#nav a.about:hover {background-position: 0 -42px;}
ul#nav a.gallery{width:69px; background:url(images/nav_gallery.gif) no-repeat 0 0 } 
ul#nav a.gallery:hover {background-position: 0 -42px;}
ul#nav a.process {width:59px; background:url(images/nav_process.gif) no-repeat 0 0 }
ul#nav a.process:hover {background-position: 0 -42px;}
ul#nav a.retail {width:99px; background:url(images/nav_retail.gif) no-repeat 0 0 }
ul#nav a.retail:hover {background-position: 0 -42px;}
ul#nav a.kudos {width:51px; background:url(images/nav_kudos.gif) no-repeat 0 0 }
ul#nav a.kudos:hover {background-position: 0 -42px;}
ul#nav a.faq {width:61px; background:url(images/nav_faq.gif) no-repeat 0 0 }
ul#nav a.faq:hover {background-position: 0 -42px;}
ul#nav a.contact {width:79px; background:url(images/nav_contact.gif) no-repeat 0 0 }
ul#nav a.contact:hover {background-position: 0 -42px;}
ul#nav li {display:block; float:left; position:relative;padding-left:26px;}
ul#nav li+li {background:url(images/bullet.gif) no-repeat 0 14px;}
ul#nav ul {position:absolute; top:33px; left:0;  display:none; padding:0; width:217px;}
ul#nav ul li {display:block; padding:0 ;background: url(images/dropdown_bg.gif) repeat-y;  width:176px;}
ul#nav ul li a {width:121px; height:42px; display:block; margin-left:23px;}
ul#nav ul li a.wedding {float:none; background:url(images/nav_wedding.gif) no-repeat; }
ul#nav ul li a.wedding:hover {background-position: 0 -40px;}
ul#nav ul li a.birthday {float:none;  background:url(images/nav_birthday.gif) no-repeat; }
ul#nav ul li a.birthday:hover {background-position: 0 -40px;}
ul#nav ul li a.other {float:none; background:url(images/nav_other.gif) no-repeat; }
ul#nav ul li a.other:hover {background-position: 0 -40px;}
ul#nav ul li a.tasting {float:none; background:url(images/nav_tasting.gif) no-repeat; }
ul#nav ul li a.tasting:hover {background-position: 0 -40px;}
ul#nav ul li a.inquiry {float:none; background:url(images/nav_retailinquiry.gif) no-repeat; }
ul#nav ul li a.inquiry:hover {background-position: 0 -40px;}
ul#nav li:hover ul, #nav li.sfhover ul {display:block;}
ul#nav li:hover ul ul, #nav li.sfhover ul ul {display:none;}
ul#nav ul li:hover ul, #nav ul li.sfhover ul {display:block;}
ul#nav ul li.top {background:url(images/dropdown_top.png) no-repeat; height:21px;}
ul#nav ul li.bottom {background:url(images/dropdown_bottom.png) no-repeat; height:11px; padding:0;} 

/*main*/
#container {background:url(images/bg.gif) repeat-y; clear:both;}


/*header*/
#header {background:url(images/bg_top.gif) no-repeat 50% 0%;}
#header img {margin-top:10px; margin-left:140px;}
#info {float:right; text-align:right; color:#673610; padding:32px 40px 0 0}
#info p {text-align:right;}
#info img {padding-top:0px;}
#info .phone {font-size:18px; font-weight:bold; color:#ff3a9c; line-height:1.5em;}

/*content*/
#text {margin: 20px 40px; padding: 20px 0; border-top:3px #673610 solid; border-bottom:3px #673610 solid; min-height:440px; }
#text p {text-align:justify;}
#content { background:url(images/bg_bottom.gif) no-repeat 50% 100%;}
#home #content p {text-align:justify; padding-right:450px;}
#content p.highlight {color:#ff3a9c; text-align:right; font-size:14px; font-weight:bold;} 


/*footer*/

#footer {padding:20px 40px; font-size:11px; text-align:center;}

#awards {padding:0 40px 20px 40px;  }
#awards img {padding-right:10px;}

/*sidebar*/
.columns {float:left; padding-right:80px;}
.columns li {padding:0;}
.2columns {float:left; padding-right:50px;}
.2columns li {padding:0;}
#gallery .columns {float:left; padding-right:120px;}



/*flash*/

#flash {float:right;}
#flash_gallery {margin:10px auto; width:880px; height:550px; }




/*lists*/

#content li {padding: 0;}




/*forms*/
form {}
form ul {display:block; list-style:none; padding-left:0;}
form ul li { padding-top:10px; display:block;}
form ul li label {font-size:12px; color:#333; display:block;}
form ul li input,  form ul li select, form ul li textarea { width:300px; border:1px solid #ff3a9c;}
form ul li textarea {display:block; width:100%; height:100px;}
form ul li input[type='checkbox'] {width:auto; border:none;}
form ul input[type='image'] { border:none; width:90px; height:30px;}

/*form {margin:0; padding:0;}
form ul {margin:0; padding:10px 20px; display:block;}
form ul li {margin:0; padding:0; display:block; list-style:none; clear:both; padding-top:10px;}
form ul li.last {margin:0; padding:0; height:10px; overflow:hidden;}
form ul li label {margin:0; padding:0; display:block; list-style:none; width:150px; float:left; text-align:right; font-weight:bold; color:#24467a;}
form ul li input, form ul li select, form ul li textarea {margin-left :10px; padding:0; display:block; list-style:none; width:300px; float:left; border:1px solid #3d8fae;}
form ul input[type='image'] { border:none; margin-left:160px; width:102px;}*/




/*press*/
#mags {width:880px; position:relative; background:url(images/mag.jpg) no-repeat 0 50px;}
#mags ul {width:200px; padding-left:680px;list-style:none; background: url(images/pink.gif) no-repeat 640px 0;}
#mags ul li {text-align:center; width:200px; padding:5px;}
#mags ul li img.large {display:none; position:absolute; top:120px; left:0;}
#mags ul li:hover img.large {display:block;}
#area {width:600px; position:absolute; left:0; top:0;}
.testimonial {padding-bottom:10px; margin-bottom:10px; border-bottom:#fddaea 2px solid;}
.name {text-align:right;}



.facts {padding:10px 0px 10px 10px;}

/*news*/
#content .whatsnew {padding-left: 0; padding-bottom:25px; margin-bottom:15px; border-bottom: dotted 1px #FF66CC; float:left;  width:450px;}