@charset "utf-8";
/* <![CDATA[ */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
/*	margin-left: 200px;*/
	padding: 0;
	/*text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}



#block_1
	{
	float: left;
	width: 314px;
	margin-right: 10px;
	}
#block_2
	{
	float: left;
	width: 314px;
	margin-right: 10px;
	}
#block_3
	{
	float: left;
	width: 314px;
	}
/* Start Mac IE5 filter \*/
/*#block_1, #block_2, #block_3
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#block_1, #block_2, #block_3
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#block_1:before, #block_2:before, #block_3:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}*/
/* End Mac IE5 filter */
#wrapper
	{
	width: 970px;
	/*overflow: hidden;*/ /* This hides the excess padding in non-IE browsers */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: right;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
}
#header, #footer
	{
	width: 970px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}



body {
color: #000000;
background-color: #282828;
background-image: url(img/top_background.jpg);
background-repeat: repeat-x;
}


body, td, th {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #CCCCCC;
	font-size: 80%;
	line-height: 175%;
}
a:link {
	color: #999999;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}
h1 {
	font-weight: normal;
	font-size: 1.8em;
}

.top_area {
	height: 95px;
	position: relative;
}


.topphoto {
	background-image:url(img/photos.jpg);
	background-repeat:no-repeat;
	width: 560px;
	height: 374px;
	position: absolute;
/*	left: 533px;
*/	left: 573px;
	top: 0px;
}
.mainmenu {
	position: absolute;
	left: 143px;
	top: 103px;
	z-index: 1001;
}
.submenu {
	position: absolute;
	left: 143px;
	top: 170px;
	z-index: 1002;
}
.logo {
	position: absolute;
	left: -10px;
	top: 68px;
	background-image: url(img/logo.jpg);
	width: 132px;
	height: 131px;
	z-index: 1003;
}

.clock {
	position: absolute;
	left: 142px;
	top: 29px;
	z-index: 1004;
}

.flags {
	position: absolute;
	left: 25px;
	top: 30px;
	z-index: 1005;
}
.largebutton {
	position: absolute;
	left: 420px;
	top: 420px;
	z-index: 1005;
}
.styles {
	position: absolute;
	left: 818px;
	top: 30px;
	z-index: 1005;
	cursor: default;
}

.flashgallery {
	position: absolute;
	left: -88px;
	top: 390px;
	z-index: -100000;

}

.red {
	color: #FF0000;
	}

.bold {
	font-weight: bold;
	}

.mainmenu ul {
	padding: 0;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	list-style-type: none;
}
.mainmenu li {
	display: inline;

}
.mainmenu li a:link {
	color: #FFF;
	text-decoration: none;
	font-size: 1.6em;
	font-weight: normal;
	float: left;
/*	background-image: url(img_black/tab_hover.jpg);
	background-repeat: no-repeat;
*/	/*width: 108px;*/
	height: 43px;
	margin-right: 25px;
	padding: 12px 0px 0px 0px;
}
.mainmenu li a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 1.6em;
	font-weight: normal;
	float: left;
/*	background-image: url(img_black/tab_hover.jpg);
	background-repeat: no-repeat;
*/	/*width: 108px;*/
	height: 43px;
	margin-right: 25px;
	padding: 12px 0px 0px 0px;
}
.mainmenu li a:hover {
	color: #fff;
	text-decoration: underline;
/*	background-image: url(img_black/tab_inactive.jpg);
	background-repeat: no-repeat;
*/}
.mainmenu li a:active {
	color: #fff;
	text-decoration: underline;
/*	background-image: url(img_black/tab_inactive.jpg);
	background-repeat: no-repeat;
*/}
.mainmenu li a.selected {
	color: #fff;
	text-decoration: underline;
/*	background-image: url(img_black/tab_active.jpg);
	background-repeat: no-repeat;
*/}



.marblecolumn {
	background-image: url(img/marbe_column.jpg);
	background-repeat: no-repeat;
	color: #333333;
	padding: 5px 25px 10px 25px;
	position: relative;
	background-color: #FF9900;
}

.greencolumn {
	background-image: url(img/green_column.jpg);
	background-repeat: no-repeat;
	color: #333333;
	padding: 5px 25px 5px 25px;
	margin-top: 15px;
	background-color: #50B71E;
}
.marblecolumn h1 {
	margin-bottom: 25px;
}
.marblecolumn p, .marblecolumn p {
	margin-bottom: 0px;
	padding-bottom: 0;
}
.greenbottom {
	background-image: url(img/green_bottom.jpg);
	background-repeat:no-repeat;
	height: 13px;

}
.marblebottom {
	background-image: url(img/marbe_bottom.jpg);
	background-repeat:no-repeat;
	height: 13px;

}
.blackbox {
	background-image: url(img/gray_column.jpg);
	background-repeat: no-repeat;
	color: #CCCCCC;
	padding: 5px 25px 15px 25px;
}


#.greencolumn a:link, #.greencolumn a:visited {
	color: #333333;
}
#.greencolumn a:hover, #.greencolumn a:active {
	color: #000000;
	text-decoration: underline;
}
#.marblecolumn a:link, #.marblecolumn a:visited {
	color: #333333;
}
#.marblecolumn a:hover, #.marblecolumn a:active {
	color: #000000;
	text-decoration: underline;
}
.large {
	width: 970px;
	margin-top: 195px;
	position: relative;
	z-index: 1100;
	margin-bottom: 60px;
}
.frontpagelarge {
	width: 970px;
	margin-top: 195px;
	position: relative;
	z-index: 1100;
	margin-bottom: 60px;
}
.lead {
	font-size: 1.2em;
	line-height: 150%;
}
.large h1, .frontpagelarge h1 {
	margin-bottom: 1.2em;
	font-size: 2.5em;
	color: #999999;
	line-height: 120%;
}
/*.large img, .frontpagelarge img {
	padding: 0 30px 0 0;
	float: left;
	}*/
.imageleft_IMAGELEFT {
	padding: 0 30px 10px 0;
	float: left;
	}
	
.SPONSORI {
	margin-right: 20px;
}
.test {
	background: #999999;
}
.voblerlv {
	position: absolute;
	/*	top: -343px;
	left: 192px;*/
	top: 6px;
	left: 211px;
	z-index: 1001;
	background-image: url(img/vobler.jpg);
	width: 139px;
	height: 152px;
}
.vobler, .vobler_LV {
	position: absolute;
	/*	top: -343px;
	left: 192px;*/
	top: 6px;
	left: 211px;
	background-image: url(img/vobler.jpg);
	width: 139px;
	height: 152px;
	z-index: 1001;
}
.voblerrus, .vobler_RU {
	position: absolute;
	/*	top: -343px;
	left: 192px;*/
	top: 6px;
	left: 211px;
	background-image: url(img/vob_ru.jpg);
	width: 139px;
	height: 152px;
	z-index: 1001;
}
.voblereng, .vobler_EN {
	position: absolute;
	/*	top: -343px;
	left: 192px;*/
	top: 6px;
	left: 211px;
	background-image: url(img/vobler_en.jpg);
	width: 139px;
	height: 152px;
	z-index: 1001;
}






.submenu ul {
	padding: 0;
	margin: 0;
	color: #FFFF00;
	white-space: nowrap;
	list-style-type: none;
}
.submenu li {
	display: inline;
	padding: 0;
	margin: 0;
}
.submenu li a:link {
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	padding: 0px 0px 0px 0px;
}
.submenu li a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	padding: 0px 0px 0px 0px;
}
.submenu li a:hover {
	color: #fff;
	text-decoration: underline;
}
.submenu li a:active {
	color: #fff;
	text-decoration: underline;
}
.submenu li a.selected {
	color: #fff;
	text-decoration: underline;
/*	background-image: url(img_black/tab_active.jpg);
	background-repeat: no-repeat;
*/}


.flags ul {
	padding: 0;
	margin: 0;
	white-space: nowrap;
	list-style-type: none;
}
.flags li {
	display: inline;
	padding: 0;
	margin: 0;
}
.styles ul {
	padding: 0;
	margin: 0;
	white-space: nowrap;
	list-style-type: none;
}
.styles li {
	display: inline;
	padding: 0;
	margin: 0;
}
#footer {
/*	background-image: url(img_black/footer_fons.jpg);
	background-repeat: no-repeat;
	background-position: center 0px ;
*/	height: 40px;
	padding-left: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #666666;
}
#footer p {
	padding-top: 9px;
	padding-left: 0px;
}
#footer a {
	margin-left: 20px;
}
#footer a:link, #footer a:visited {
	color: #666666;
}
.sodarktheconofman {
	color: #666666;
	}
	
.raamis {
	border: solid #FFFFFF 5px;}
.quote {
	margin-left: 150px;
	margin-top: 50px;
	margin-bottom: 70px;
	padding-left: 30px;
	font-style: italic;
	font-size: 24px;
	border-left: solid #FF0000 5px;
	font-weight: normal;
	line-height: 180%;
	text-align: right;
	}


.gallerythumb {
/*	border: solid #3C3C3C 1px;
*/	float: left;
	width: 225px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	height: 330px;
}

.gallerythumb h2 {
	font-weight: normal;
	font-size: 1em;

}

.photothumb {
/*	border: solid #3C3C3C 1px;
*/	float: left;
	width: 970px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
}


.thumbcont {
/*	border: solid #2D2D2D 1px;
	background-color: #292929;
*/	height: 250px;
	width: 220px;
	padding-top: 10px;
	text-align: left;
}

.thumbcont img {
	font-weight: normal;
	font-size: 0.8em;
	text-align: center;
/*	border: solid #FFFFFF 5px;
*/	vertical-align: middle;
}

.photoviewcont {
/*	border: solid #2D2D2D 1px;
	background-color: #292929;
*/	width: 960px;
	padding-top: 10px;
	padding-left: 10px;
	min-height: 534px;
}
.photoviewcont img {
	font-weight: normal;
	font-size: 0.8em;
	float: left;
	margin-right: 30px;
	/*	border: solid #FFFFFF 5px;
*/}


.photoarea {
	width: 970px;
	margin-top: 195px;
	position: relative;
	z-index: 1100;
	margin-bottom: 60px;
}
.photoarea h1 {
	margin-bottom: 0em;
	font-size: 2.5em;
	color: #999999;
	line-height: 120%;
}


.author {
font-size: 1.2em;
}

.title {
font-size: 1.5em;
font-style: italic;
}

.intro {
	margin-top: 100px;
	color: #666666;
/*	padding-left: 730px;
*/}





.pagenumberlink {
	padding: 1px 0.9em 2px 0.9em;
	border: solid #3A3A3A 1px;
	background-color: #232323;
/*	background-color: #D1E0EF;
*/}


.pagenumberselected {
	padding: 0.2em 0.9em 0.2em 0.9em;
	border: solid #666666 1px;
	background-color: #232323;
}
.pages {
	margin-top: 30px;
	margin-bottom: 50px;
	cursor: default;
}
.pages a {
	text-decoration: none;
}
.prev {
	margin-right: 10px;
	}
.next {
	margin-left: 10px;
	}


.frontpagelarge li a.selected {
	color: #fff;
	text-decoration: underline;
}

.frontpagelarge li a img{
	font-weight: normal;
	text-align: center;
	border: solid #FFFFFF 5px;
	margin-top: 10px;
	margin-left: 18px;
}

table {
	font-size: 1.4em;}
th {
	font-weight: normal;
	width: 250px;
	}
td, th {
	border-top: solid #4E4E4E 1px;}
.wid {
	width: 210px;
	}
.butt {
	border: solid #006600 4px;
	background: #EDFFD2;
	padding: 8px 5px 8px 5px;
	font-weight: bold;
	color: #006600;
}


/* ]]> */