* { font-family:arial,helvetica,sans-serif,tahoma,verdana,geneva,lucida,"lucida grande";}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  

pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


/***************************************************************************************************************************************
															HEADER
***************************************************************************************************************************************/
html{height:100%;}
a{outline:none;}
body{background:#000 url('../image/body-bg.jpg') repeat-y top center; text-align:center; font-family:Arial; height:100%;}
#cont{width:840px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -20px auto;}

#top{width:812px;height:134px;margin:0 auto;background:url('../image/top-bg.jpg') repeat-x 0 0;}
#top-l{width:452px;height:134px;float:left;display:inline;}
#top-l a{text-indent:-5000px;float:left;display:inline;width:502px;height:134px;}
#top-r{width:360px;height:134px;float:right;display:inline;}
#top-r a{float:left;display:inline;width:70px;height:68px;}
#top-r p{color:white;text-align:left;width:295px;float:left;display:block;margin:25px 0 0 0;font-weight:bold;padding:0 0 0 15px;}
#top-rr{width:110px;height:134px;float:right;display:inline;}
#top-rr a{text-indent:-5000px;float:left;display:inline;width:120px;height:134px;}

#nav{width:812px;height:27px;margin:2px auto 0 auto;background:url('../image/nav-bg.jpg') repeat-x 0 0;}
#nav ul{width:812px;height:27px;}
#nav ul li{float:left;display:block;margin-top:3px;width:110px;}
#nav ul li a{color:white;text-decoration:none;font-size:.9em;font-weight:bold;}
#nav ul li a:hover{color:#bb0000;}

/***************************************************************************************************************************************
															FOOTER
***************************************************************************************************************************************/
.footer{height:20px;width:840px;background:#2e2e2e;margin:0 auto;}
.footer ul{width:500px;height:20px;float:left;display:inline;}
.footer ul li{float:left;display:block;width:125px;}
.footer ul li a{color:#999;text-decoration:none;font-size:.72em;} 
.footer ul li a:hover{color:white;}

#footer-r{width:250px;height:15x;border-left:1px solid #555;float:right;display:inline;text-align:right;color:#999;text-decoration:none;font-size:.6em;padding:5px 10px 0 0;}

.push {height: 20px; /* .push must be the same height as .footer */}


/***************************************************************************************************************************************
															WELCOME
***************************************************************************************************************************************/
#answer{width:400px;margin:0 auto;}
#yes{float:left;display:inline;}
#no{float:right;display:inline;}



/***************************************************************************************************************************************
															HOME
***************************************************************************************************************************************/

#home-top{width:800px; margin:0 auto;}

#home-info{width:225px;height:165px;background:#1b1b1b url('../image/home-info.jpg') no-repeat top center;float:right;display:inline;margin:15px 15px 0 0;color:white;font-size:.85em;padding: 215px 5px 0 10px;text-align:justify;}


#artist-slide-cont{width:228px;height:328px;float:left;display:inline;margin:0 0 0 10px;}
#flavor-slide-cont{width:550px;float:left;display:inline;margin:15px 0px 0 15px;}
#home-links{width:340px;float:left;display:inline;margin:0 0 0 0px;}

#hphoto {background:url('../image/home-photos.jpg') no-repeat 0 0; float:left;display;inline;height:60px;width:300px;margin:20px 0 15px 25px;}
#hphoto a{height:60px;width:300px;text-indent:-5000px;height:60px;width:300px;display:block;}
#hphoto a:hover{background:url('../image/home-photosh.jpg') no-repeat 0 0;height:60px;width:300px;text-indent:-5000px;}

#hflavor {background:url('../image/home-flavors.jpg') no-repeat 0 0;float:left;display;inline;height:60px;width:300px;margin:0 0 15px 25px;}
#hflavor a{height:60px;width:300px;text-indent:-5000px;height:60px;width:300px;display:block;}
#hflavor a:hover{background:url('../image/home-flavorsh.jpg') no-repeat 0 0;height:60px;width:300px;text-indent:-5000px;}

#hmix {background:url('../image/home-mix.jpg') no-repeat 0 0;float:left;display;inline;height:60px;width:300px;margin:0 0 15px 25px;}
#hmix a{height:60px;width:300px;text-indent:-5000px;height:60px;width:300px;display:block;}
#hmix a:hover{background:url('../image/home-mixh.jpg') no-repeat 0 0;height:60px;width:300px;text-indent:-5000px;}

#hwhipped {background:url('../image/home-whipped.jpg') no-repeat 0 0;float:left;display;inline;height:60px;width:300px;margin:0 0 15px 25px;}
#hwhipped a{height:60px;width:300px;text-indent:-5000px;height:60px;width:300px;display:block;}
#hwhipped a:hover{background:url('../image/home-whippedh.jpg') no-repeat 0 0;height:60px;width:300px;text-indent:-5000px;}




#home-form{width:240px;height:240px;margin:12px 0px 0 0px;float:right;display:inline;color:white;font-size:.8em;text-align:center;background:#000 url('../image/whipped.jpg') no-repeat top center;padding:60px 15px 15px 5px;text-align:left;border-bottom:1px solid #3f3f3f;}
#home-form label{font-size:.7em;font-weight:bold;float:left;display:inline;margin-left:20px;}
#home-form input{float:left;display:inline;margin-left:20px;}

#home-news-title{height:23px;width:200px;background:#3d3d3d;padding:4px 0 0 10px;font-weight:bold;}
#home-news{width:570px;height:100px;margin:15px 0px 0 0px;text-align:left;float:left;display:inline;color:#d0d0d0;}
#home-news ul{list-style-type:square;font-size:.9em;margin-top:5px;}
#home-news ul li{margin-left:35px;}
#home-news ul li a{color:white;}
#home-news ul li a:hover{color:#d0d0d0;}

/***************************************************************************************************************************************
															RECIPES
***************************************************************************************************************************************/
#recipe-top-slide{width:812px;margin:10px auto 15px auto;}
#recipe-team{width:265px;float:left;display:inline;margin:100px 0 0 0px;}
#recipe-team a{width:200px;margin:0 auto;display:block;}
#recipes{width:560px; float:right;margin:0 -18px 0 0;}
#recipe-search{width:265px;height:365px;background:#1b1b1b; float:left;display:inline;margin:0 0 0 15px;text-align:left;}
#recipe-search h3{background:#3E3E3E;color:white;padding:7px;}
#recipe-search label{color:white;font-size:.9em;}
.rec-prev {width:160px;float:left;display:inline;color:white;font-size:.8em;margin-right:25px;}
.rec-prev a{color:white;width:160px;}
.rec-pic{width:160px;height:160px; background:url('../image/recipe-bg.gif') no-repeat 0 0;margin:0 auto;}



.srec-cont{width:762px; margin:0 auto;background:#fff;min-height:800px;text-align:left;padding:25px 25px 10px 25px;}
.srec-pic{width:250px; height:320px; float:left;display:inline;border:1px solid #777;margin:0 18px 0 0;}
.srec-cont ul{margin-left:25px;float:left;display:inline;color:#777;font-size:.85em;}
.srec-cont li{}
.srec-cont h2{font-size:1.1em;float:left;display:inline;width:430px;}
.srec-desc{float:left;display:inline;width:430px;font-size:.85em;padding-bottom:20px;color:#777;}
.srec-instr{float:left;display:inline;width:700px;font-size:.85em;padding-bottom:20px;color:#777;}


/***************************************************************************************************************************************
															NEWS
***************************************************************************************************************************************/
#news-top{background:url('../image/news-top.jpg') repeat-x 0 0;width:752px;height:208px;margin:10px auto;padding:30px;color:white;text-align:left;}
#news-latest{height:208px;}
#news-latest a{color:white;border:0;font-size:1em;}
#news-links{width:500px;height:600px;background: #1b1b1b;float:left;display:inline;margin:10px 0 0 20px;color:white;text-align:left;padding:10px 5px 0 5px;}
#news-right{float:right;display:inline;margin:0px 15px 0 0;background:url('../image/news-right.jpg') no-repeat 0 0;width:280px;height:636px;}

/***************************************************************************************************************************************
														    PRODUCT
***************************************************************************************************************************************/

#product-left{width:350px; float:left;display:inline;color:white;text-align:left;margin:0 0 0 15px;}
#product-left p{padding:0 0 0 5px;font-size:.95em;}
#product-right{width:430px;height:720px;float:right;display:inline;margin:50px 15px 0 0;}
#product-flavor{padding:30px 0 0 0px; border-top:1px solid #eaeaea;margin:5px 0 0 0;}

/***************************************************************************************************************************************
															F.A.Q.
***************************************************************************************************************************************/

#faq-title{background:url('../image/faq-title.jpg') no-repeat 0 0;width:650px;height:46px;float:left;display:inline;margin:5px 0 0 14px;}

#faq-right{width:150px;height:674px;float:right;display:inline;margin:20px 0 0 0;background:url('../image/faq-bg.jpg') no-repeat 0 0;}

#faq-1, #faq-2{width:325px;float:left;display:inline;margin:5px 0 0 14px;color:white;text-align:left;}
.q {font-weight:bold;font-size:.95em; color:#3ebbfe;}
.a {padding:0 0 15px 5px;font-size:.8em;}

#faq-info{padding:20px 15px 20px 15px;background:#1b1b1b;margin:35px 0 0 0;}

/***************************************************************************************************************************************
															FIND
***************************************************************************************************************************************/
#find-search{width:265px;height:365px;background:#1b1b1b; float:left;display:inline;margin:10px 0 20px 15px;color:white;text-align:left;}
#find-soon{width:530px;height:365px;background:#1b1b1b; float:right;display:inline;margin:10px 15px 20px 0;border:1px solid white;color:white;}

#find-panel{width:840px;height:241px;background:url('../image/distrib.jpg') no-repeat 0 0;margin:30px 0 0 0;text-align:left;padding:68px 0 0 0;}
#find-panel form{width:805px;height:220px;margin:0px 0 0 18px;}
#find-panel label{float:left;display:inline;color:white;font-size:.9em;width:100px;margin:3px 0 0 10px;}
#find-panel  input{float:left;display:inline;}
#find-panel select{margin:0;padding:0;}
#panel-right{width:50%;float:left;display:inline;}
/***************************************************************************************************************************************
															TERMS / PRIVACY
***************************************************************************************************************************************/
#terms{float:left;display:inline;color:white;text-align:left;margin:0 0 0 15px;}
#terms p{padding:0 0 0 5px;font-size:.95em;margin:0 0 10px 0;}
#terms ul{padding:0 0 0 5px;font-size:.95em;margin:0 0 10px 0;}
#terms ul li{margin:0 0 5px 25px;}
/***************************************************************************************************************************************
															MEDIA
***************************************************************************************************************************************/
#media-title{height:20px;width:797px;background:#1b1b1b;color:white;margin:10px auto 0 auto;font-weight:bold;text-align:left;padding:4px 0 0 15px;font-size:.9em;}
.media-break{height:15px; width:812px;margin:0px auto 0 auto; background:#1b1b1b;}

#pgallery-menu{width:250px;height:346px;float:left;display:inline;margin:10px 0 0 14px;background:url('../image/gallery-title.jpg') no-repeat 0 0;padding:100px 0 0 0;text-align:left;border-bottom:1px solid white;}
#pgallery-menu a{color:white;text-decoration:none;border:0;width:250px;height:30px;padding:8px 0 0 0;background:#333;margin:0 auto 8px auto; display:block;text-align:center;}
#pgallery{width:550px; height:440px;border:1px solid white;float:right;display:inline;margin:15px 15px 20px 0;}

#vgallery-menu{width:250px;height:200px;background:url('../image/vgallery-title.jpg') no-repeat 0 0;margin:10px 0 0 14px;padding:45px 0 0 0;text-align:left;float:left;display:inline;}
#vgallery-menu a{color:white;text-decoration:none;border:0;width:250px;height:30px;padding:8px 0 0 0;background:#333;margin:0 auto 8px auto; display:block;text-align:center;}
#vgallery{width:550px; height:240px;border:1px solid white;float:right;display:inline;margin:15px 15px 20px 0;}

#downloads{width:250px;background:url('../image/downloads.jpg') no-repeat 0 0;margin:10px 14px 0 0;padding:45px 0 0 0;text-align:left;float:right;display:inline;}
#downloads a{color:white;text-decoration:none;border:0;width:250px;height:30px;padding:8px 0 0 0;background:#333;margin:0 auto 8px auto; display:block;text-align:center;}
/***************************************************************************************************************************************
															CREAM TEAM
***************************************************************************************************************************************/
#creamteam{width:762px;background:url('../image/team-join.jpg') #3e3e3e no-repeat 0 0;margin:10px auto 20px auto;min-height:700px;padding:68px 25px 25px 25px;text-align:left;color:white;}
#creamteam form{width:510px;padding:25px;background:#2d2d2d;margin:0 auto;display:block;border:1px solid #fff;}
#creamteam label{width:150px;float:left;display:inline;}
#creamteam  input{float:left;display:inline;}
#creamteam select{margin:0;padding:0;}

/***************************************************************************************************************************************
															CONTACT
***************************************************************************************************************************************/
#contact{width:812px;background:url('../image/contact.jpg') no-repeat 0 0;margin:10px auto 20px auto;height:700px;padding:38px 0 0 0;}
#contact-form{width:305px;margin:0 auto;text-align:left;background:#1b1b1b;padding:30px;margin:12px auto 0 auto;}
#contact-text{width:365px;margin:0 auto;text-align:center;color:white;font-size:.9em;padding:30px 0 0 0;}

.error{color:red;font-size:.7em;}
.clearfloat {
	clear:both;font-size:1px;height:0;line-height:0;}