a img {
	border: none 0px;
	outline: none 0px;
}


html,
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	cursor: default;
	/* overflow: hidden; */
	font: italic normal bold 14px/normal Georgia, serif;
}

body {
	background: white;
}

body.night {
	background: black;
}

body.inner {
	overflow: hidden;
}

h1
{
	padding: 0;
	margin: 30px 0 0 30px;
	font: italic normal bold 24px/normal Georgia, serif;
}

.g-br
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	margin-top: -2px;
}

.sub-header
{
	margin-left: 30px;
	font: italic normal bold 16px/normal Georgia, serif;
}

.night .sub-header, .night h1, .night .style-switcher a, .night .about a, .night .auth a, .night .email a, .night .auth div
{
	color: #fff;
}

.style-switcher
{
	position: relative;
	top: -10px;
	/* width: 1300px; */
	width: 100%;
	right: 30px;
	text-align: right;
}

.style-switcher a
{
	font: italic normal bold 16px/normal Georgia, serif;
	color: #000;
	text-decoration: none;
	border: dashed #000 0;
	border-bottom-width: 1px;
}

.night .style-switcher a
{
	border: dashed #fff 0;
	border-bottom-width: 1px;
}

.style-switcher a:hover
{
	border: none;
}

#tpl-overwrap {
	width: 100%; 
}

#tpl-header {
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0px;
	width: 100%;
	height: 110px;
	background: white;
	overflow: hidden;
	z-index: 20;
}

.night #tpl-header
{
	background: #000;
}

.tpl-header-all
{
	position: relative;

}


#tpl-thumbtable {
 	table-layout: fixed;
	border-collapse: collapse;
	border: none;
	position:absolute;
	margin-top:110px;
}

#tpl-thumbtable td {
	width: 149px;
	height: 110px;
	border: solid white 1px;
	padding: 0px;
}

.night #tpl-thumbtable td {
	border: solid #000 1px;
}

.tpl-thumbtable-link {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

.tpl-thumbtable-link:hover{
	background: transparent;
}

.tpl-thumbtable-ordinal {
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 10;
	font-size: 24px;
	color: white;
}

.night .tpl-thumbtable-ordinal
{
	color: #000;
}

.tpl-thumbtable-inactive {
	position: relative;
	display: block;
	width: 149px;
	height: 110px;
}

.tpl-thumbtable-active {
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0px;
	left: 0px;
}

/* == STATES ======================================================== */
.tpl-thumbtable-link .tpl-thumbtable-active,
.tpl-thumbtable-link:hover .tpl-thumbtable-inactive {
	visibility: hidden;
}

.tpl-thumbtable-link .tpl-thumbtable-inactive,
.tpl-thumbtable-link:hover .tpl-thumbtable-active {
	visibility: visible;
}

/* == END OF STATES ================================================= */

.tpl-zoom-object {
	position: absolute;
	background: red;
	z-index: 10;
	overflow: hidden;
}

.tpl-sizing-thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
}

/* == INNER ========================================================= */
.tpl-filling-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
}


body.inner
{
	width: 800px;
	height: 600px;
}

body.inner h2
{
	font: italic normal bold 24px/normal Georgia, serif;
	color: #f8f8f8;
}

.player-block
{
	position: absolute;
	/* top: 450px; 
	left: 120px; */
	top: 501px; 
	left: 0px;
	z-index: 100;
}

#inner-ovarall
{
	position: absolute;
	padding: 0;
	top: 0;
	left: 0;
	margin: 0;
	z-index:0;
	width: 800px; 
	height: 600px;
}

#disk_header
{
	position: relative;
	padding: 0;
	margin: 30px 0 0 30px;
}

#disk_header span
{
	font: italic normal bold 24px/normal Georgia, serif;
	color: #fff;
	background-color: #000;
	padding: 0 5px;
}

#disk_header.about-head span
{
	color: #000;
	background: none;
}

/* == END OF INNER ================================================== */
.email div a, .auth div a, .about div a
{
	font: italic normal bold 13px/14px Georgia, serif;
	color: #030303;
	text-decoration: none;
	border: dashed #000 0;
	border-bottom-width: 1px;
}

.night .email div a, .night .auth div a, .night .about div a
{
	border: dashed #fff 0;
	border-bottom-width: 1px;
}

.auth div
{
	font-weight: normal;
}

.auth div a
{
	border: solid #000 0;
	border-bottom-width: 1px;
}

.night .auth div a
{
	border: solid #fff 0;
	border-bottom-width: 1px;
}

.email div a:hover, .auth div a:hover, .about div a:hover
{
	border: none;
	text-decoration: none;
}

.email div
{
	margin-left: 50px;
	margin-top: 50px;
	line-height: 20px;
}

.auth div
{
	margin-left: 50px;
	margin-top: 50px;
}

.about div
{
	margin-left: 70px;
	margin-top: 50px;
}

.about-text
{
	margin: 20px 40px 0 100px;
}

.about-text p
{
	margin: 0;
	margin-top: 10px;
}

.about-text p span
{
	font: italic normal normal 12px/8px Georgia, serif;
/* 	color: #fff;
	background-color: #000; */
	color: #000;
	background: none;
	padding: 3px 5px;
}

.email .contact
{
	border: none;
	font-weight: normal;
	text-decoration: underline;
}

.night .email .contact
{
	border: none;
}

form
{
	margin: 40px 60px 0 60px;
	font-weight: normal;
}

form div div, form input, form textarea
{
	font: italic normal normal 24px/normal Georgia, serif;
	width: 670px;
	padding: 5px;
}

.form-msg
{
	margin: 40px 60px -40px 60px;
}

.form-msg-ok
{
	font: italic normal normal 24px/normal Georgia, serif;
	margin: 250px 60px 0 230px;
}

form textarea
{
	height: 150px;
}

form .cnt-button
{
	width: 100%;
	margin-top: 70px;
	text-align: right;
}

form .button
{
	font: italic normal normal 24px/normal Georgia, serif;
	color: #000;
}

form .button:hover
{
	text-decoration: none;
}

#tpl-thumbtable td.r-b
{
	border: none;
	border-left: 1px solid #000;
	border-top: 2px solid #fff;
}

.night #tpl-thumbtable td.r-b
{
	border: none;
	border-left: 1px solid #fff;
	border-top: 2px solid #000;
}

#tpl-thumbtable td.b-b
{
	border-top: 1px solid #000;
}

.night #tpl-thumbtable td.b-b
{
	border-top: 1px solid #fff;
}

#arrow-left
{
	position: fixed;
	top: 50%;
	width: 30px;
	height: 90px;
	background: transparent url("../img/arrow-left.gif") no-repeat;
	/* border: solid #f00 1px; */
	z-index: 15;
	left: 20px;
}

#arrow-up
{
	position: fixed;
	top: 120px;
	width: 90px;
	height: 30px;
	background: transparent url("../img/arrow-up.gif") no-repeat;
	/* border: solid #f00 1px; */
	z-index: 15;
	left: 50%;
	margin-left: -35px;
}

#arrow-right
{
	position: fixed;
	top: 50%;
	width: 30px;
	height: 90px;
	background: transparent url("../img/arrow-right.gif") no-repeat;
	/* border: solid #f00 1px; */
	z-index: 15;
	right: 20px;
}

#arrow-down
{
	position: fixed;
	bottom: 20px;
	width: 90px;
	height: 30px;
	background: transparent url("../img/arrow-down.gif") no-repeat;
	/* border: solid #f00 1px; */
	z-index: 15;
	left: 50%;
	margin-left: -35px;
}

#tooltip.fancy {
	position: absolute;
	z-index: 150;
/*IE6 FIX========*/
	width: auto !important;
	width: 550px;
/*===========*/
 	height: 80px;
}

#tooltip.fancy .tipall {
	padding: 15px 0 15px 0;
	height: 30px;
}

#tooltip div {margin: 0;}

#tooltip.fancy h3
{
	margin: 0;
	padding: 0 15px 0 15px;
	font: italic normal bold 24px/normal Georgia, serif;
	white-space: nowrap;
	background-color: #f8f8f8;
	border: solid #000 0; border-width: 0 1px;
}

#tooltip.fancy {
	font: italic normal bold 14px/normal Georgia, serif;
}


#tooltip.down {
	position: absolute;
	z-index: 150;
/*IE6 FIX========*/
	width: auto !important;
	width: 400px;
/*===========*/
 	height: 160px;
	margin-top: -20px;
	margin-left: 5px;
}

#tooltip.down .tipall {
	padding: 15px 0 15px 0;
	height: 160px;
}

#tooltip div {margin: 0;}

#tooltip.down h3
{
	margin: 0;
	padding: 0 15px 0 15px;
	font: italic normal bold 16px/normal Georgia, serif;
	white-space: nowrap;
	background-color: #f8f8f8;
	border: solid #000 0; border-width: 0 1px;
	z-index: 150;
	height: 60px;
}

#tooltip.down {
	font: italic normal bold 12px/normal Georgia, serif;
}


.cloud-up-left
{
	width: 55%;
	height: 15px;
	left: 0;
	z-index: 54;
	overflow: hidden;
	position: absolute;
	z-index: 54;
}

.cloud-up-right
{
	width: 55%;
	height: 15px;
	right: 0;
	overflow: hidden;
	position: absolute;
	z-index: 54;
}

.cloud-up-right img
{
	position: absolute;
	right: 0;
	z-index: 54;
}

.cloud-down-left
{
	width: 55%;
	height: 15px;
	top: 42px;
	left:0;
	overflow: hidden;
	position: absolute;
}


.down .cloud-down-left
{
	width: 55%;
	height: 15px;
	top: 69px;
	left:0;
	overflow: hidden;
	position: absolute;
}


.cloud-down-left img
{
	position: absolute;
	bottom: 0;
}

.cloud-down-right
{
	width: 55%;
	height: 15px;
	top: 42px;
	right: 0;
	overflow: hidden;
	position: absolute;
}

.down .cloud-down-right
{
	width: 55%;
	height: 15px;
	top: 69px;
	right: 0;
	overflow: hidden;
	position: absolute;
}

.cloud-down-right img
{
	position: absolute;
	right: 0;
	bottom: 0;
}

.cloud-up
{
	position: absolute;
	top: 45px;
	z-index: 54;
}

.down .cloud-up
{
	position: absolute;
	top: 78px;
	z-index: 54;
}

.cloud-up img
{
	position: relative;
	top: 11px;
	left: 30px;
	z-index: 57;
}

.viewport-right .cloud-up
{
	position: absolute;
	top: 45px;
	right: 30px;
	z-index: 54;
}

.down.viewport-right .cloud-up
{
	position: absolute;
	top: 72px;
	right: 30px;
	z-index: 54;
}

.viewport-right .cloud-up img
{
	position: relative;
	top: 11px;
	right: 30px;
	z-index: 57;
}