html, body {
				background-color: #333;
				background-image: url(bg.jpg);
	}



#box {
		background-color: transparent;
		background-image: url(content.png);
		height: auto;
		width: 1055px;
		margin: 20px auto 0px 100px;
		
	}




#header {
			background-color: transparent;
			background-image: url(header.png);
			height: 177px;
			width: 1049px;
	}




#navi {
		background-color: transparent;
		background-image: url(navi.png);
		height: 55px;
		width: 1020px;
		padding-left: 25px;
	}

#content ul {
				list-style: none;
	}

a.buttons1 {
			background-color: #000;
			background-image: url(cocktailglas1.png);
			background-repeat: no-repeat;
			display: block;
			width: 150px;
			border: 2px solid #000;
			padding: 10px;
			margin: 50px auto auto 400px;;
			text-align: center;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size: 15pt;
			font-variant: small-caps;
			text-decoration: none;
			font-weight: bold;
			letter-spacing: 1pt;
			color: #FFF;
			filter: Alpha (opacity=50);
			opacity: 0.3;
			}

a.buttons1:hover {
					background-color: #000;
					background-image: url(cocktailglas1.png);
					background-repeat: no-repeat;
					display: block;
					width: 150px;
					border: 2px solid #000;
					padding: 10px;
					margin: 50px auto auto 400px;;
					text-align: center;
					font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-size: 15pt;
					font-variant: small-caps;
					text-decoration: none;
					font-weight: bold;
					letter-spacing: 1pt;
					color: #FFF;
					filter: Alpha (opacity=50);
					opacity: 0.7;
			}


a.buttons2 {
			background-color: #000;
			background-image: url(cocktailglas2.png);
			background-repeat: no-repeat;
			display: block;
			width: 150px;
			border: 2px solid #000;
			padding: 10px;
			margin: 50px auto 70px 400px;
			text-align: center;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size: 15pt;
			font-variant: small-caps;
			text-decoration: none;
			font-weight: bold;
			letter-spacing: 1pt;
			color: #FFF;
			filter: Alpha (opacity=50);
			opacity: 0.3;
			}

a.buttons2:hover {
					background-color: #000;
					background-image: url(cocktailglas2.png);
					background-repeat: no-repeat;
					display: block;
					width: 150px;
					border: 2px solid #000;
					padding: 10px;
					margin: 50px auto 70px 400px;
					text-align: center;
					font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-size: 15pt;
					font-variant: small-caps;
					text-decoration: none;
					font-weight: bold;
					letter-spacing: 1pt;
					color: #FFF;
					filter: Alpha (opacity=50);
					opacity: 0.7;
			}

a.buttons3 {
				background-color: transparent;
				display: block;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 25px 5px 25px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #999;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}
				
a.buttons3:hover {
				background-color: transparent;
				display: block;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 25px 5px 25px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #CCC;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}

a.buttonpink {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #cc0099;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}
				
a.buttonpink:hover {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #cc0099;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}
				
a.buttonpurple {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #990099;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}

a.buttonpurple:hover {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #990099;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}

a.buttoncyan2 {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #00cccc;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}

a.buttoncyan2:hover {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #00cccc;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}

a.buttoncyan {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #0099cc;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}

a.buttoncyan:hover {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #0099cc;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}

a.buttongreen {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #99cc00;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}

a.buttongreen:hover {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #99cc00;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}

a.buttonorange {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #cc6600;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}

a.buttonorange:hover {
				background-color: transparent;
				display: compact;
				float: left;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 15px 5px 2px 20px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 15pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #cc6600;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}

a.buttongray {
				background-color: transparent;
				display: compact;
				float: right;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 12px 20px 2px 2px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 10pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #666;
				filter: Alpha (opacity=50);
				opacity: 0.7;
				}

a.buttongray:hover {
				background-color: transparent;
				display: compact;
				float: right;
				heigth: 10px;
				width: auto;
				padding: 1px;
				margin: 12px 20px 2px 2px;
				text-align: left;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 10pt;
				font-variant: small-caps;
				text-decoration: none;
				font-weight: normal;
				letter-spacing: 1pt;
				color: #666;
				filter: Alpha (opacity=50);
				opacity: 0.9;
				}

#content {
			background-color: transparent;
			height: auto;
			width: 987px;
			padding: 25px 0px 0px 50px;
	}


#footer {
			background-color: transparent;
			background-image: url(footer.png);
			height: 179px;
			width: 950px;
			padding: 13px 0px 0px 100px;
	}
	


.right {
			float: right;
	}

.left {
		float: left;
	}
	
	
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16pt;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1pt;
	color: #999;
	}

h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18pt;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1pt;
	color: #CCC;
	}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14pt;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1pt;
	color: #000;
	}

p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10.5pt;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1pt;
	color: #000;
	}
	
td {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1pt;
	color: #000;
	}
	









#lightbox {	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;
}

#lightbox img { 
width: auto; 
height: auto;
}

#lightbox a img { 
border: none; 
}

#outerImageContainer { 
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto; 
}

#imageContainer { 
padding: 10px; 
}

#loading { 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; 
}

#hoverNav { 
position: absolute; 
top: 0; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 10; 
}

#imageContainer>#hoverNav { 
left: 0;
}

#hoverNav a { 
outline: none;
}

#prevLink, #nextLink { 
width: 49%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA);
display: block; 
}

#prevLink { 
left: 0; 
float: left;
}

#nextLink { 
right: 0; 
float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
background: url(prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
background: url(nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
font: 10px Verdana, Helvetica, sans-serif; 
background-color: #fff; 
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%	; 
}

#imageData {
padding:0 10px; 
color: #666; 
}

#imageData #imageDetails { 
width: 70%; 
float: left; 
text-align: left; 
}	

#imageData #caption { 
font-weight: bold;	
}

#imageData #numberDisplay { 
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose { 
width: 66px; 
float: right;  
padding-bottom: 0.7em; 
outline: none;
}	 	

#overlay { 
position: absolute; 
top: 0; left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; 
}