@charset "utf-8";
/* CSS Document */

html{
   margin:0;
   padding:0;
   height:100%;
   background-image:url(../images/topSlice.jpg);
	background-repeat: repeat-x;
	background-color:#000;
	
   
}
body {
   margin:0;
   padding:0;
   height:100%;
   
}

a
{
	color: #F0B670;
	text-decoration:underline;
}

a:hover
{
	color: #F0B670;
	text-decoration:none;
}


#container {
   min-height:100%;
   position:relative;
}
#header {

   height: 93px;
}
#pagebody {
  
   padding-bottom:95px;   /* Height of the footer */
   width: 1703px;
   width: 1150px;
   margin-left: auto;
   margin-right: auto;
   background-image:url(../images/top.jpg);
	background-position:center top;
	background-color:#000;
	
	background-repeat:no-repeat;
}
#footer {
   position:absolute;
   margin-left: auto;
   margin-right: auto;
   bottom:0;
   width:100%;
   height:95px;   /* Height of the footer */
   background-image:url(../images/footer_line.jpg);
   }


#holder
{
	width: 939px;
	margin-left:auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 18px;
}

#holder .top_left
{
	width: 625px;
	height: 378px;
	float: left;
	background-image:url(../images/back_top.jpg);
	
}

#holder .top_left .pic
{
	width: 616px;
	height: 288px;
	margin: 5px;
	float: left;
	
}

#holder .top_left .bottompic
{
	width: 596px;
	padding-top: 0px;
	padding-left: 20px;
	height: 59px;
	float: left;
	
}

#holder .top_left .bottompic h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	
}

#holder .bottom_left 
{
	width: 209px;
	height: 534px;
	padding-left: 12px;
	float:left;
	background-image:url(../images/menu/back_facebook.jpg);
	height: 633px;
	
}

#holder .bottom_left .top
{
	width: 209px;
	height: 350px;
	float:left;
	
}

#holder .bottom_left .bottom
{
	width: 211px;
	height: 137px;
	float:left;
	text-align:right;
	margin-top: 50px;
	
}

#holder .bottom_left .bottom p
{
	font:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #a9a9a9;
	padding: 0px;
	margin: 0px;
	line-height: normal;
	padding-right: 10px;
}


#holder .bottom_left .top h1 
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #a9a9a9;
	padding: 0px;
	margin:0px;
	padding-top: 25px;
	
}

#holder .bottom_left .top p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #a9a9a9;
	padding: 0px;
	margin:0px;
	font-style:italic;
	padding-top: 30px;
	line-height: 20px;
	padding-bottom: 0px;
	
}

#holder .top_left .bottompic p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size: 11px;
	font-style:italic;
	padding: 0px;
	margin: 0px;
	padding-top: 7px;
	
}


.BuyBottleArea
{
    width:300px; 
    float: left; 
    border: solid 0px #000000; 
    height: 350px;
    z-index: 3; 
    cursor:pointer;
}
.FacebookArea
{
    width:200px; 
    float: left; 
    border: solid 0px #000000; 
    height: 100px;
    z-index: 3; 
    cursor:pointer;
}
.MixerArea
{
    width:200px; 
    float: left; 
    border: solid 0px #000000; 
    height: 270px;
    z-index: 3; 
    cursor:pointer;
}

#holder .top_right
{
	width: 314px;
	float: left;
	margin-top: -14px;
}

#holder .bottom_right
{
	width: 718px;
	overflow: hidden;
	float: left;
}

#holder .bottom_right .logo_holder
{
	width: 250px;
	overflow:hidden;
	float: left;
}

#holder .bottom_right .tag
{
	width: 718px;
	height: 48px;
	float: left;
}

#holder .bottom_right .tag p
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 11px;
	color: #F0B670;
	margin-left: 40px;
}

#holder .bottom_right .news
{
	width: 698px;
	overflow:hidden;
	float:left;
	margin-left: 20px;
	margin-bottom: 20px;
}

#holder .bottom_right .news .holder
{
	width: 220px;
	margin-right: 15px;
	overflow:hidden;
	float:left;
	}
	
	#holder .bottom_right .news .holder2
{
	width: 220px;
	overflow:hidden;
	float:left;
	}
	
	#holder .bottom_right .news .holder .pic
{
	width: 220px;
	height: 220px;
	float:left;
	}
	
	#holder .bottom_right .news .holder .text
{
	width: 220px;
	overflow: hidden;
	float:left;
	}
	
		#holder .bottom_right .news .holder .text h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFF;
	padding-top: 10px;
	padding-bottom: 25px;
	margin: 0px;
	}
	
	#holder .bottom_right .news .holder .text p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#FFF;
	margin: 0px;
	padding-bottom: 8px;
	}
	
	
	
	#holder .bottom_right .news .holder2 .pic
{
	width: 220px;
	height: 220px;
	float:left;
	}
	.pic ul
{
    list-style-type:none;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    z-index: 2;
}
	
	#holder .bottom_right .news .holder2 .text
{
	width: 220px;
	overflow: hidden;
	float:left;
	}
	
		#holder .bottom_right .news .holder2 .text h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFF;
	padding-top: 10px;
	padding-bottom: 25px;
	margin: 0px;
	}
	
	#holder .bottom_right .news .holder2 .text p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#FFF;
	margin: 0px;
	padding-bottom: 8px;
	}
	
	
			#holder .bottom_right .stockists .text h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFF;
	padding-top: 10px;
	padding-bottom: 12px;
	margin: 0px;
	}
		#holder .bottom_right .stockists .text p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#FFF;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 15px;
	}
	
	#testimonials
{
    list-style-type:none;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    z-index: 2;
}
	
	.footer_right
	{
	    float: left;
	    clear: right;
	    padding-top: 30px;
	    color: #F0B770;
	    font: normal normal normal 10px Arial;
	    width: 180px;
	    text-align: right;
	}
	.footer_right_name
	{
	    color: #838383;
	    font: normal normal bold 11px Arial;
	}
	

#holder .bottom_right .text_holder
{
	width: 458px;
	padding-top: 30px;
	overflow: hidden;
	float: left;
}

#holder .bottom_right .text_holder p
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size: 11px;
}


#menu_holder
{
	width: 939px;
	margin-left:auto;
	margin-right: auto;
	height: 93px;
}

#menu_holder .top
{
	width: 759px;
	float: left;
	height: 27px;
	text-align: right;
	font: italic normal normal 11px Georgia;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
	color: #FFFFFF;
	padding-right: 180px;
	padding-top: 10px;
}
#menu_holder .top a
{
	color: #F0B770;
	text-decoration: none;
}

#menu_holder .bottom
{
	width: 939px;
	float: left;
	height: 56px;
}
#menu_holder .bottomFacebook
{
	width: 939px;
	float: left;
	clear: left;
	margin-left: -15px;
	margin-top: -1px;
}

#footer_holder
{
	width: 939px;
	margin-left:auto;
	margin-right: auto;
	height: 95px;
	background-image:url(../images/footer.jpg);
}

#footer_holder .text
{
	width: 600px;
	margin-left:158px;
	padding-top: 30px;
	float: left;
}

#footer_holder .text p
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #F0B670;
	margin: 0px;
}

#footer_holder .text .grey_text
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #a6a6a6;
	margin: 0px;
}


/* News page */
/* ========= */

.latest_news
{
    float: left;
    width: 620px;
}
.header
{
    font: normal normal normal 11px Georgia;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.header h1
{
    font: normal normal normal 20px Georgia;
    color: #FFFFFF;
    background-image: url(../images/News_Header_underline.png);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 32px;
    margin-bottom: 10px;
    float: left;
}
.header span.HeaderText
{
    clear: left;
    float: left;
    padding-bottom: 15px;
}
.news_item
{
    float: left;
    clear: left;
    padding-bottom: 20px;
    width: 620px;
}
.summary
{
    float: left;
    margin-left: 20px;
    width: 378px;
}
.news_header
{
    height: 30px;
    width: 378px;
    clear: left;
    float: left;
    background-image: url(../images/news_title_underline.gif);
    background-position: bottom;
    background-repeat: no-repeat;
}
.news_title
{
    font: normal normal normal 20px Georgia;
    color: #FFFFFF;
    float: left;
    width: 300px;
}
.news_date
{
    font: normal italic normal 11px Georgia;
    color: #898989;
    float: left;
    width: 70px;
    text-align: right;
    padding-top: 7px;
}

.summary_content
{
    font: normal normal normal 11px Georgia;
    color: #FFFFFF;
    padding-top: 5px;
    line-height: 20px;
    float: left;
    clear: left;
    height: 170px;
    width: 378px;
}
.summary_footer
{
    float: left;
    clear: left;
    color: #F0B770;
    font: normal italic normal 11px Georgia;
    width: 378px;
}
.summary_footer a
{
    color: #F0B770;
    text-decoration: underline;
}
.news_pic
{
	width: 220px;
	height: 220px;
	float:left;
}

.latest_news_right
{
    background-image: url(../images/LatestNews_right.jpg);
    background-position: right;
    background-repeat: no-repeat;
    width: 290px;
    height: 743px;
}
.latest_news_address
{
	width: 260px;
	height: 137px;
	float:left;
	text-align:right;
	margin-top: 155px;
}
.latest_news_address p
{
    font: normal normal normal 11px Georgia;
    color: #AAAAAA;
	padding: 0px;
	margin: 0px;
	line-height: normal;
}
.address_title
{
    font: normal normal normal 11px Georgia;
    color: #FFFFFF;
}

/* Gallery */
/* ======= */

.GalleryThumbnails
{
    width: 640px;
    clear:left;
}
.ThumbnailHolder a
{
    background-image: url(../images/galleryBorder.png);
    background-repeat: no-repeat;
    width: 132px;
    height: 132px;
    padding: 4px;
    float: left;
}
.ThumbnailHolder
{
    width: 160px;
    height: 166px;
    float: left;
}
.ThumbnailHolder a:hover
{
    background-image: url(../images/galleryBorder_over.png);
}
.ThumbnailHolder a:visited
{
    background-image: url(../images/galleryBorder_over.png);
}


.SideMenu
{
    width: 251px;
    margin-left: 45px;
    margin-top: 20px;
}
.SideMenuTop
{
    background-image: url(../images/SideMenu/MenuTopSlice.png);
    height: 8px;
    width: 251px;
    z-index: 1;
}
.SideMenuMainHolder
{
    background-image: url(../images/SideMenu/MenuMiddleSlice.png);
    background-repeat: repeat-y;
    padding-left: 1px;
    width: 250px;
    z-index: 1;
}
.SideMenuMain
{
    background-image: url(../images/SideMenu/SideMenuBackground.png);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #390808;
    width: 249px;
    z-index: 2;
}
.SideMenuBottom
{
    background-image: url(../images/SideMenu/MenuBottomSlice.png);
    height: 10px;
    width: 251px;
    z-index: 1;
}
.SideMenuItem
{
    background-image: url(../images/SideMenu/ItemUnderline.png);
    height: 33px;
    width: 249px;
    z-index: 2;
}
.SideMenuBottomItem
{
    height: 32px;
    width: 249px;
    z-index: 2;
}
.SideMenuItem, .SideMenuBottomItem
{
    padding-left: 20px;
    padding-top: 5px;
}
.SideMenuItem a, .SideMenuBottomItem a
{
    font: normal normal normal 14px Georgia;
    color: #8c8c8c;
    text-decoration: none;
}
.SideMenuMain .selected a
{
    color: #FFFFFF;
}


/* Shopping */
/* ======== */

.ShoppingThumbnails
{
    width: 654px;
    clear:left;
}

.ShoppingThumbnailHolder
{
    width: 218px;
    height: 359px;
    float: left;
}
.ShoppingThumbnailImage
{
    
}
.ShoppingThumbnailImage a
{
    background-image: url(../images/shoppingBorder.png);
    background-repeat: no-repeat;
    width: 177px;
    height: 177px;
    padding: 4px;
    float: left;
}

.ShoppingThumbnailImage a:hover
{
    background-image: url(../images/shoppingBorder_over.png);
}
.ShoppingThumbnailTitle
{
    height: 29px;
    float: left;
    clear: left;
    width: 185px;
    border-bottom: solid 1px #333333;
    font: normal normal normal 18px Georgia;
    color: #FFFFFF;
    padding-top: 8px;
}
.ShoppingThumbnailSummary
{
    height: 70px;
    float: left;
    clear: left;
    width: 185px;
    font: normal normal normal 11px Georgia;
    color: #FFFFFF;
    padding-top: 8px;
    line-height: 20px;
}
.ShoppingThumbnailFooter
{
    clear: left;
    float: left;
    width: 185px;
}
.ShoppingThumbnailPrice
{
    float: left;
    width: 91px;
    font: normal normal normal 11px Georgia;
    color: #F0B770;
    padding-top: 7px;
}
.ShoppingAdd
{
    float: left;
    width: 94px;
}

.shopping_right
{
    background-image: url(../images/Shopping_right.jpg);
    background-position: right;
    background-repeat: no-repeat;
    width: 251px;
    height: 464px;
    float: left;
    margin-left: 45px;
}
.shopping_address
{
	width: 220px;
	height: 137px;
	float:left;
	text-align:right;
	margin-top: 165px;
}
.shopping_address p
{
    font: normal normal normal 11px Georgia;
    color: #AAAAAA;
	padding: 0px;
	margin: 0px;
	line-height: normal;
}
.address_title
{
    font: normal normal normal 11px Georgia;
    color: #FFFFFF;
}


