body
	{
	margin: 0px;
	padding: 0px;
	}
	
/* color: #8bafbd */

@font-face
	{
	font-family: "ScorchedEarth";
	src: url('ScorchedEarth.otf');
	}
	
	
	
	/* Top menu start */
div#mastertop
	{
	width: 100%;
	height: 267px;
	border-top: 1px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	background: url('masterbackground.png');
	background-repeat: repeat-x;
	}
	
div#toplogo
	{
	width: 1031px;
	height: 140px;
	border: 0px dotted #000000;
	margin: 0px auto auto auto;
	background: url('toplogo.jpg') no-repeat;
	}

	
div#topmenu
	{
	width: 1032px;
	height: 128px;
	border: 0px dotted #000000;
	margin: 0px auto auto auto;
	}
	
div#topmenu a
	{
	text-decoration: none;
	}

div.topmenuitem
	{
	width: 128px;
	height: 128px;
	border: 0px dotted #ffffff;
	float: left;
	-webkit-transition:width 0.9s, height 0.9s, -webkit-transform 0.9s;
	transition:width 0.9s, height 0.9s, transform 0.9s;
	
	font-family: "Times New Roman";
	font-size: 12px;
	text-shadow: 1px 1px 1px #000000;
	padding-top: 60px;
	margin-left: 1px;
	}

div.topmenuitem:hover
	{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	font-size: 22px;
	text-shadow: 2px 2px 1px #000000;
	padding-top: 60px;
	}
	
div#home
	{
	background: url('home.png') no-repeat;
	text-align: center;
	color: #ffffff;
	}
	
div#home:hover
	{
	background: url('homehover.jpg') no-repeat;
	}
	
div#coffee
	{
	background: url('coffee.png') no-repeat;
	text-align: center;
	color: #ffffff;
	}

div#coffee:hover
	{
	background: url('coffeehover.jpg') no-repeat;
	}
	
div#vodka
	{
	background: url('vodka.png') no-repeat;
	background-size: 128px 128px;
	text-align: center;
	color: #ffffff;
	}
	
div#vodka:hover
	{
	background: url('vodkahover.jpg') no-repeat;
	}
	
div#rum
	{
	background: url('rum.png') no-repeat;
	background-size: 128px 128px;
	text-align: center;
	color: #ffffff;
	}
	
div#rum:hover
	{
	background: url('rumhover.jpg') no-repeat;
	}
	
div#gin
	{
	background: url('gin.png') no-repeat;
	background-size: 128px 128px;
	text-align: center;
	color: #ffffff;
	}
	
div#gin:hover
	{
	background: url('ginhover.jpg') no-repeat;
	}
	
div#tequila
	{
	background: url('tequila.png') no-repeat;
	background-size: 128px 128px;
	text-align: center;
	color: #ffffff;
	}
	
div#tequila:hover
	{
	background: url('tequilahover.jpg') no-repeat;
	}
	
	
div#liqueur
	{
	background: url('liqueur.png') no-repeat;
	background-size: 128px 128px;
	text-align: center;
	color: #ffffff;
	}

div#liqueur:hover
	{
	background: url('liqueurhover.jpg') no-repeat;
	}
	
div#noalcohol
	{
	background: url('noalcohol.png') no-repeat;
	background-size: 128px 128px;
	text-align: center;
	color: #ffffff;
	}
	
div#noalcohol:hover
	{
	background: url('noalcoholhover.jpg') no-repeat;
	}
	/* Top menu end */
	
	
	
	/* Separator start */
div.separator
	{
	width: 100%;
	height: 20px;
	border: 0px dotted #000000;
	background: url('separator.jpg');
	}
	/* Separator end */
	
	
	
	/* Content start */
div#mastercontent
	{
	width: 100%;
	height: 1020px;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: url('masterbackground.png');
	}

div#content
	{
	width: 1032px;
	height: 1020px;
	border: 0px solid #000000;
	margin: 0px auto auto auto;
	background: url('contentbackground.jpg') no-repeat;
	}

div.cocktails
	{
	width: 500px;
	height: 500px;
	border: 1px solid #ffffff;
	float: left;
	}
	
div#cocktail01
	{
	margin: -41px auto auto 10px;
	}
div#cocktail02
	{
	margin: -41px auto auto 8px;
	}
div#cocktail03
	{
	margin: 7px auto auto 10px;
	}
div#cocktail04
	{
	margin: 7px auto auto 8px;
	}
	
	
div#content img
	{
	/* 500px; 300px; */
	margin: -41px auto auto 10px;
	border: 1px solid #ffffff;
	}
	
div#popular
	{
	width: 500px;
	height: 190px;
	margin: 3px auto auto 10px;
	border: 1px solid #ffffff;
	}
	
div.popularimage
	{
	width: 110px;
	height: 150px;
	border: 1px solid #ffffff;
	margin: 10px 0 0 10px;
	float: left;
	}
	
div.popularimage:hover
	{
	border: 1px solid #8bafbd;
	}
	
div.populartitle
	{
	width: 110px;
	height: 20px;
	border: 0px solid #000000;
	margin: 151px 0 0 -1px;
	text-align: center;
	}
	
div.populartitle a
	{
	font-family: "Times New Roman";
	font-size: 14px;
	color: #000000;
	font-style: italic;
	text-decoration: none;
	}
	
	
div#contenthome01
	{
	width: 500px;
	height: 500px;
	margin: -502px auto auto 520px;
	border: 1px solid #ffffff;
	}
	
div#contenthome02
	{
	width: 500px;
	height: 500px;
	border: 1px solid #ffffff;
	margin: 7px auto auto 520px;
	}
	
p.title
	{
	font-family: "Times New Roman";
	font-size: 22px;
	text-align: center;
	color: #000000;
	text-shadow: 1px 1px 1px #ffffff;
	}
	
p.productsmixing
	{
	font-family: "Times New Roman";
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-indent: 10px;
	}
	
.productsmixingul li
	{
	font-family: "Times New Roman";
	font-size: 14px;
	font-style: italic;
	}
	

div#htmlcss
	{
	width: 500px;
	height: 500px;
	border: 1px solid #ffffff;
	margin: -502px auto auto 10px;
	}

div#madewith
	{
	width: 60px;
	height: 15px;
	border: 0px dotted #000000;
	margin: 30px auto auto 55px;
	font-family: "Times New Roman";
	font-size: 12px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	}
	
div#logos
	{
	width: 393px;
	height: 128px;
	border: 0px dotted #000000;
	margin: 0px auto auto auto;
	}
	
div.htmlcss
	{
	width: 128px;
	height: 128px;
	border: 1px dotted #ffffff;
	float: left;
	margin-left: 1px;
	}

div.htmlcss:hover
	{
	border: 1px solid #ffffff;
	}
	
	/* Content end */
	
	
	
	/* Bottom menu start */
div#masterbottom
	{
	width: 100%;
	height: 100px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: url('masterbackground.png');
	}
	
div#bottommenu
	{
	width: 1032px;
	height: 30px;
	margin: -1px auto auto auto;
	border: 0px solid #000000;
	text-decoration: none;
	}

div#bottommenu a
	{
	text-decoration: none;
	}
	
div.bottommenuitem
	{
	float: left;
	width: 128px;
	height: 30px;
	border-right: 1px solid #ffffff;
	background: url('bottommenuitem.jpg') no-repeat;
	font-family: "Times New Roman";
	font-size: 12px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
	}
	
div.bottommenuitem:hover
	{
	text-shadow: none;
	}
	
div#bottomlogo
	{
	width: 1032px;
	height: 55px;
	border-top: 1px solid #ffffff;
	margin: 0px auto auto auto;
	background: #ffffff;
	}
	
div#webcounter
	{
	width: 79px;
	height: 18px;
	border: 0px dotted #000000;
	margin: 30px 0 0 25px;
	
	}
	
div#webdesign
	{
	width: 200px;
	height: 25px;
	border: 0px solid #000000;
	margin: -28px 0px auto auto;
	font-family: "Times New Roman";
	font-size: 12px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	
	}
	
div#webdesign span
	{
	font-family: "ScorchedEarth";
	font-size: 25px;
	color: #000000;
	text-shadow: none;
	}
	/* Bottom menu end */