@charset "UTF-8";
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	color: #ae8b3a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
a:link {
	color: #ae8b3a;
	text-decoration: none;
}
a:visited {
	color: #ae8b3a;
	text-decoration: none;
}
a:hover {
	color: #ae8b3a;
	text-decoration: underline;
}
a:active {
	color: #ae8b3a;
	text-decoration: none;
}
h1 {
	color: #EABF03;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	padding-top: 120px;
	position: relative;
}
#logo {
	position: absolute;
	height: 120px;
	width: 277px;
	top: 50px;
}
#logo a{
	width: 277px;
	height:120px;
	text-indent:-9000px;
	display:block;
	float:left;
	background-image: url(../images/Shiro_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav_bar {
	position: relative;
	height: 26px;
	width: 646px;
	top: 0px;
	background-image: url(../images/bar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 314px;
	margin-bottom: 34px;
}
#nav {
	margin: 0;
	padding: 0;
	height: 26px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}
#nav a {
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win */
}
#nav a:hover {
	background-position: 0 -26px;
}
#nav a:active, #nav a.selected {
	background-position: 0 -52px;
}
#about a {
	width: 127px;
	background-image: url(../images/nav_about.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu a  {
	width: 77px;
	background: url(../images/nav_menu.gif) top left no-repeat;
}
#events a  {
	width: 142px;
	background: url(../images/nav_events.gif) top left no-repeat;
}
#vip a  {
	width: 111px;
	background: url(../images/nav_vip.gif) top left no-repeat;
}
#news a  {
	width: 152px;
	background: url(../images/nav_news.gif) top left no-repeat;
}
#navigation-block {
	position:absolute;
	overflow: hidden;
	width: 240px;
	height: 461px;
	margin-top: 30px;
	left: 2px;
}
ul#slide-nav {
	list-style: none;
	padding: 0;
}
ul#slide-nav li.slide-elem a {
	display: block;
	width: 144px;
	margin-bottom: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 5px;
	padding-left: 18px;
}
ul#slide-nav li.slide-elem a {
	color: #999;
	border: 1px solid #1a1a1a;
	text-decoration: none;
	background-color: #222;
	font-size: 14px;
}
ul#slide-nav li.slide-elem a:hover {
	color: #FFFFFF;
}
ul#slide-nav li.slide-elem span {
	display: block;
	width: 144px;
	margin-bottom: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 5px;
	padding-left: 25px;
	color: #EABF03;
	border: 1px solid #1a1a1a;
	text-decoration: none;
	background-color: #222;
	font-size: 14px;
	font-weight: bold;
}
* html .galleria li div span {
	width:400px /* MSIE bug */
}
.galleria_wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
}
.galleria {
	list-style:none;
	width:662px;
	padding: 0px;
}
.galleria li {
	display:block;
	overflow:hidden;
	float: left;
}
.galleria li a {
	display:none;
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px;
}
.galleria li div img {
	cursor:pointer;
}
.galleria li.active div img,.galleria li.active div {
	display:block;
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
.galleria li .caption {
	display:block;
	padding-top:.5em;
}
.photo_gallery {
	position:relative;
	width: 662px;
	height: auto;
}
.gallery {
	display: block;
	text-align: center;
	margin-top: 30px;
	clear: both;
	margin-left: -2px;
}
.gallery li {
	width:68px;
	height:50px;
	border:3px double #666666;
	background:#000;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	display: block;
}
.gallery li div {
	left:240px;
}
div .caption {
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 380px;
	font-style: italic;
	text-align: center;
	width: 662px;
}
#main_image{
	height:372px;
	width:662px;
	background:black;
}
#main_image img{
	margin-bottom:10px;
	border: 1px solid #EABF03;
}
#image {
	border: 2px solid #eabf03;
	width: 596px;
	height: 491px;
	background-color: #333333;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	padding-right: 120px;
	padding-top: 45px;
	padding-left: 240px;
	padding-bottom: 20px;
}
#image p {
	color: #CCCCCC;
}
#image img {
	border: 1px solid #EABF03;
	margin-right: 15px;
}
#image h3 {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #CCCCCC;
}
.nav{
	padding-top:15px;
	clear:both;
	letter-spacing:3px;
	text-transform:uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	text-align: center;
}
.bold {
	font-weight: bold;
	color: #EABF03;
}
.photo_nav a {
	color: #999;
}
.photo_nav a:hover {
	color: #EABF03;
}
.list {
	float: left;
	width: 298px;
	height: auto;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
}
#footer {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	margin-top: 10px;
}
#footer p {
	margin: 0px;
	padding: 0px;
}
#carle {
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
#atlas {
	text-align: right;
	display: block;
	float: right;
}
