@import "reset.css";

html,body
{
	height: 100%;
	width: 100%;
	overflow-y: auto;
	min-height: 650px;
}



body
{
	background-color: #000000;
	font: normal 7pt/1.4em "Lucida Grande", Tahoma,verdana, sans-serif;
	color: #6B6B6B;
	overflow: hidden;
	min-height: 650px;
  height:auto !important;
  height:650px;
}

html > body {
height:100% !important;
}

#masthead
{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: left;
	z-index: 100;
	background-color: #000000;
	height: 120px;
}

a
{
	color: #87230f;
	text-decoration: none;
}

dt
{
	font-weight: bold;
	color: #000;
}

dt,dd { margin: 0 0 .5em 0; }

h1 a
{
	display: block;
	width: 350px;
	height: 90px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

h1 a span
{
	display: block;
	width: 350px;
	height: 90px;
	position: absolute;
	z-index: 2;
	top: 0;
	background: #000000 url(title.gif) no-repeat 0 0;
	left: 0;
}

h1 a:hover span { background: #000000 url(title2.gif) repeat 0 -90px; }

#frontpage h1
{
	width: 100%;
	height: 100%;
}

#frontpage h1 a
{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

#frontpage h1 a span
{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: #000000 url(star.gif) no-repeat 50% 50%;
}

#frontpage  h1 a:hover span { background: #000000 url(star2.gif) no-repeat 50% 50%; }

#menu
{
	/*width: 281px;*/
	width: 246px;
	margin: 10px auto;
}

#menu li { display: inline; }

#menu li a
{
	display: block;
	width: 12px;
	height: 12px;
	position: relative;
	float: left;
	margin: 0 10px;
	overflow: hidden;
	z-index: 3;
}

#menu li a span
{
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	background: #000000 url(star.gif) no-repeat 0 0;
	overflow: hidden;
}

#menu li a#video-menu
{
	width: 35px;
	display: none;
}

#menu li a#video-menu span
{
	background-position: -22px 0;
	width: 35px;
}

#menu li a#video-menu:hover span { background-position: -22px -28px; }
#video #menu li a#video-menu span { background-position: -22px -14px; }
#menu li a#contact-menu { width: 46px; }

#menu li a#contact-menu span
{
	background-position: -73px 0;
	width: 46px;
}

#menu li a#contact-menu:hover span { background-position: -73px -28px !important; }
#contact #menu li a#contact-menu span { background-position: -73px -14px !important; }
#menu li a:hover span { background: #000000 url(star2.gif) no-repeat 0 -28px; }
#gallery-1 #gallery-1-menu span { background: #000000 url(star2.gif) no-repeat 0 -14px; }
#gallery-2 #gallery-2-menu span { background: #000000 url(star2.gif) no-repeat 0 -14px; }
#gallery-3 #gallery-3-menu span { background: #000000 url(star2.gif) no-repeat 0 -14px; }
#gallery-4 #gallery-4-menu span { background: #000000 url(star2.gif) no-repeat 0 -14px; }
#gallery-5 #gallery-5-menu span { background: #000000 url(star2.gif) no-repeat 0 -14px; }

#scroll-pane
{
	position: relative;
	float: left;
	height: 100%;
	overflow: hidden;
	width: 100%;
	min-height: 530px;
}

#scroll-pane table { height: 100%; }

#scroll-pane table td
{
	vertical-align: middle;
	padding: 120px 0;
}

#scroll li
{
	float: left;
	padding: 0;
	margin: 150px 0 0 0;
}

#scroll-pane dl
{
	position: relative;
	height: 410px;
}

#scroll-pane dl dd
{
	position: absolute;
	bottom: 10px;
	left: 10px;
	display: none;
}

#scroll-pane  span
{
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

em { font-style: italic; }
strong { font-weight: bold; }

#address
{
	width: 620px;
	margin: 200px auto;
	font: normal 10pt/1.4em "Lucida Grande", Tahoma,verdana, sans-serif;
}

#address #map
{
	float: left;
	margin: 0 60px 0 0;
}

.white
{
	color: #fff;
	text-shadow: #000 0 1px 1px;
}

.black
{
	color: #000;
	text-shadow: #FFF 0 1px 1px;
}

#trick
{
	background-color: green;
	height: 600px;
}