html, body { height: 100%; }

body { background: black url(../images/bg-tile.png) center center; font: 11px/1.4 Arial, Helvetica, sans-serif; color: black }
h2 { margin: 0 0 10px 0; font-size: 13px; font-weight: bold; }
img { border: 0; }

a { text-decoration: none; color: white; }
	a:hover { text-decoration: underline; }

.column { top: 320px; color: #545454; position: absolute; width: 160px; height: 200px; }
	.left-column { left: 350px; }
	.right-column { left: 535px; }

#container { width: 719px; height: 562px; left: 50%; top: 50%; margin: -281px 0 0 -359px; background: url(../images/bg-night.jpg) no-repeat top; position: absolute; }

#nav { position: absolute; top: 20px; left: 25px; padding: 0; margin: 0; }
	#nav li { float: left; margin: 0 5px 0 0; height: 18px; display: block; padding: 0; list-style: none; }
	#nav a { background-image: url(../images/nav-white.gif); height: 18px; text-indent: -5000px; display: block; }
	#nav a.selected,
	#nav a:hover { background-image: url(../images/nav-black.gif); }
	#nav .history { width: 62px; background-position: 0 0; }
	#nav .stockists { width: 79px; background-position: -63px 0; }
	#nav .cocktails { width: 79px; background-position: -145px 0; }
	#nav .gallery { width: 66px; background-position: -226px 0; }
	#nav .links { width: 40px; background-position: -293px; }
	#nav .contact { width: 66px; background-position: -336px; }
	
#subnav { position: absolute; top: 38px; left: 24px; padding: 0; margin: 0; }
	#subnav li { float: left; margin: 0 5px 0 0; display: block; padding: 0; list-style: none; }
	#subnav a { color: white; text-decoration: none; }
	#subnav a:hover,
	#subnav a.selected { color: black; }

#content-frame { position: absolute; left: 5px; bottom: 10px; width: 319px; height: 427px; }
	#content-frame .frame { position: absolute; top: 0px; left: 0px; width: 319px; height: 427px; }
	#content-frame .title { position: absolute; width: 263px; height: 88px; left: 30px; top: 26px; background-repeat: no-repeat; background-position: center center; text-indent: -5000px; }
	#content-frame .content { color: white; position: absolute; left: 70px; width: 182px; top: 135px; height: 242px; overflow: hidden; }
	#content-frame .up { position: absolute; right: 30px; bottom: 85px; display: none; }
	#content-frame .down { position: absolute; right: 30px; bottom: 55px; display: none; }
		#content-frame .up img,
		#content-frame .down img { width: 9px; height: 17px; }
		#content-frame .scrollable .inner { margin-top: 0px; }  
 
#postcard { position: absolute; width: 278px; height: 403px; left: 10px; bottom: 10px; }
	#postcard .background { position: absolute; top: 0; left: 0; }
	#postcard .inner { position: absolute; top: 23px; left: 20px; width: 240px; height: 355px; }

#gallery-main { width: 321px; height: 321px; position: absolute; bottom: 10px; left: 10px; }
	#gallery-main img { position: absolute; }
	#gallery-main .background { top: 0; left: 0; }
	#gallery-main .main { top: 21px; left: 23px; }
#gallery { position: absolute; left: 327px; top: 315px; margin: 0; padding: 0; width: 400px; }
	#gallery li { display: block; list-style: none; float: left; background-image: url(../images/photo-frame-small.gif); width: 97px; height: 99px; margin: 0 0px 5px 0; padding: 0; line-height: 1; position: relative; }
	#gallery a { display: block; position: absolute; left: 13px; top: 13px; }

#buy-now { position: absolute; top: 10px; right: 10px; }

#footer { position: absolute; left: 50%; top: 50%; width: 715px; margin: 280px 0 0 -359px; color: white; padding: 5px; text-shadow: black 1px 1px 1px; }
  #footer .left { float: left; }
  #footer .right { float: right; }
  #footer span { margin-right: 10px; }
  #footer a { color: white; }

#large-bottle { position: absolute; right: 30px; bottom: 0; width: 163px; height: 346px; }