﻿html {
	background-color: #000000;
	background-image: url('pic/style/bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center middle;
	background-size: 100% 100%;
	font-family: "times new roman", sans-serif; 
	color: #999999; 
	font-size: 14px;
}

a {color: #999999; text-decoration:none; outline: none;}
a:active {color: #999999; outline: none;}
a:visited {color: #999999; outline: none;}
a:hover {color: #E40000; outline: none;}
a:focus {outline: none;}
a:visited:hover {color: #E40000; outline: none;}

a:link img {border: 2px #999999 solid;}
a:active img{border: 2px #999999 solid; outline: none;}
a:visited img {border: 2px #999999 solid;}
a:hover img {border: 2px #E40000 solid; color: #E40000;}
a:visited:hover img {border: 2px #E40000 solid; outline: none; color: #E40000;}

li {list-style-position: outside;}

h1 {
	font-size: 21px; font-weight: normal;
	width: 750px; height: 40px;
	text-align: center; vertical-align: middle;
	padding: 10px 25px 5px 25px; margin: 0px 0px 0px 0px;
	border-bottom: 1px #FFFFFF solid;
}

h2 {
	font-size: 22px; color: #FFFFFF; font-weight: normal;
	width: 650px;
	text-align: center; vertical-align: middle;
	padding: 40px 75px 20px 75px; margin: 0px 0px 0px 0px;
}


.indexid {
	width: 700px;;
	position: absolute;	margin-top: 30px; left: 50%; margin-left: -350px; text-align: center;
	background-image: url('pic/style/bg_black_85.png');
	background-position: left top;
	background-repeat: repeat;
	padding: 20px 0px 20px 0px;
}

.pageid {
	width: 800px;
	position: absolute; left: 50%; margin-top: 50px; margin-left: -420px;
	text-align: center;
	background-image: url('pic/style/bg_black_85.png');
	background-position: left top;
	background-repeat: repeat;
	padding: 20px 20px 20px 20px;
}


.text {
	font-size: 16px;
	text-align: center; padding: 5px 50px 5px 50px;
}

.maja {
	font-size: 22px; color: #FFFFFF;
	text-align: center; vertical-align: middle; padding: 20px 0px 5px 0px;
}

.liid {
	font-size: 16px; text-align: left;
	padding: 0px 50px 5px 0px;
	list-style-position: outside;
}

.cell {
	width: 325px; height: 230px;
	vertical-align: top; text-align: center;
}

.celltext {
	width: 325px;
	padding: 5px 0px 15px 15px; 
	text-align: left; vertical-align: top;
}

.gallery {
	width: 370px; margin: 25px 210px 25px 220px;
	text-align: left;
}

.square {
	height: 84px; width: 84px;
	border: none;
	padding: 0px 4px 7px 0px;
	display: inline-block;
}

.comment {
	color: #999999; font-weight: bold;
	padding: 20px 150px 20px 150px;
}

#left {
	height: 37px; width: 50px;
	background-image: url('pic/style/left.gif');
}

#left:hover {
	height: 37px; width: 50px;
	background-image: url('pic/style/left2.gif');
}

#right {
	height: 37px; width: 50px;
	background-image: url('pic/style/right.gif');
}

#right:hover {
	height: 37px; width: 50px;
	background-image: url('pic/style/right2.gif');
}

.hidepics {
  width:0px;
  height:0px;
  visibility:hidden;
}

.don {
	font-size: 10px;
	border-top: 1px #999999 solid;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

td > a {
	font-size: 22px;
}
