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

/*Fancy fonts*/

	
@font-face {  
font-family: "eras";  
src: url(../ERASDEMI.eot); /* IE */  
src: local("eras"), url(../ERASDEMI.ttf) format("truetype"); /* non-IE */  
} 

/*Globals*/
* {margin:0; padding:0;}
img {border:0;}
body {background:url('images/background.jpg') no-repeat fixed 50% 0; text-align:center; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333;}

a {color:#0099CC; text-decoration:none; outline:none;}
a:hover {color:#00FFCC; text-decoration:underline;}
p {padding:5px 0;}
ul {padding-left:15px;}
#content li {padding:5px 0;}
#content ul {list-style:none; border-bottom: 1px dotted #beaa9f ; clear:both; padding:15px 0 5px 0;}

/* Container */
#container {position:relative; width:1040px; padding-top:30px; text-align:center; margin:0 auto;}
#top {width:1040px; text-align:center; margin:0 auto; height:30px; background:url(images/page_top.png) no-repeat;}
#bottom {width:1040px; text-align:center; margin:0 auto; height:30px;  background:url(images/page_bottom.png) no-repeat;}
#page {width:980px; text-align:left; margin:0 auto; background:url(images/page_bg.png) repeat-y; padding:0 30px;}


/* FLASH */
#flash {float:right;}
/* Headlines */

h1 {font-size:22px; color:#000000; line-height:26px; padding-top:25px ; font-family:"Eras","Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; border-bottom:1px solid #333; padding-bottom:5px; margin-bottom:15px;}
h2 {font-size:18px; color:#000000; line-height:22px; padding-top:15px ; font-family:"Eras","Trebuchet MS", Arial, Helvetica, sans-serif;}
h3 {font-size:14px; color:#000000; line-height:18px; padding-top:15px ; clear:both;}
h4 {font-size:12px; color:#000000; line-height:14px; }
strong {color:#000000;}
em {color:#000000;}
.price {float:right; width:130px; display:block; text-align:right}
.description {float:left; width:480px; padding-right:30px}
.note {text-align:center; font-weight:bold; clear:both;}

/* Header */


/* Navigation */
#nav {position:absolute; top:0; left:0; list-style:none; padding:0; margin:0;}
#nav li a {width:326px; display:block;}
#nav li a.aboutus {height:58px; background:url(images/nav_aboutus.png) no-repeat 0 0;}
#nav li a.aboutus:hover {background-position:0 -58px;}
#nav li a.menu {height:58px; background:url(images/nav_menu.png) no-repeat 0 0;}
#nav li a.menu:hover {background-position:0 -58px;}
#nav li a.market {height:59px; background:url(images/nav_market_offerings.png) no-repeat 0 0;}
#nav li a.market:hover {background-position:0 -59px;}
#nav li a.fresh {height:56px; background:url(images/nav_whatsfresh.png) no-repeat 0 0;}
#nav li a.fresh:hover {background-position:0 -56px;}
#nav li a.gallery {height:57px; background:url(images/nav_gallery.png) no-repeat 0 0;}
#nav li a.gallery:hover {background-position:0 -57px;}
#nav li a.contactus {height:59px; background:url(images/nav_contactus.png) no-repeat 0 0;}
#nav li a.contactus:hover {background-position:0 -59px;}


/* You Are Here */



/*gallery*/
#content ul#gallery {border:none;}
#gallery li {width:162px; height:134px; text-align:center; display:block; float:left; vertical-align:middle; margin:auto; padding:10px 0;}
#gallery li.horizontal {padding-top:33px; padding-bottom:32px; height:89px;}
/* Content */

#content { clear:both; width:710px; float:right; background:url(images/content_bg.gif) no-repeat 0% 100%;   }
#text {padding:15px 30px;}
/* Footer */
#footer {font-size:11px; color:#FFFFFF;}
#footer a {color:#CCCCCC; font-weight:bold;}

/* Forms */
