/* CSS Document */

html {  overflow:auto; }
html, body { height: 100%; }
body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	overflow-y: scroll;
}

body, body * {
	color: #b1b0af;
	font-family:"Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
	font-size: 12px;
}

#allContainer {
	min-width: 675px;
	max-width: 919px;
	width: 100%;

	min-height: 100%;
	height: auto;

	margin: 0 auto 0;

	background-image:url(layout/all_back.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

	#allContainer div.break { clear: both; }



	/* ------------------------------------------------------------------------ */
	/* ---    MENU    --------------------------------------------------------- */
	/* ------------------------------------------------------------------------ */

	#menuContainer {
		float: right;
		width: 165px;
	}

		#menuContainer ol { list-style: none; margin: 31px 0 0 25px; padding: 0; }
			#menuContainer ol li { list-style: none; margin: 0; padding: 0; disaply: block; float: left; }
				#menuContainer ol li a { display: block; width: 49px; height: 14px;
										 background-repeat: no-repeat;
										 filter: alpha(opacity=60);
										 opacity: 0.6;
										 -moz-opacity: 0.6; }
				#menuContainer ol li a:hover {
										 filter: alpha(opacity=100);
										 opacity: 1;
										 -moz-opacity: 1; }
					#menuContainer ol li a span { display: none }

				#menuContainer ol li#l1 a { background-image:url(layout/langm1_f2.gif); }
				#menuContainer ol li#l2 a { background-image:url(layout/langm2_f2.gif); }


		#menuContainer ul { list-style: none; margin: 0; padding: 0; }
			#menuContainer ul li { list-style: none; margin: 0; padding: 0; disaply: block; }
			#menuContainer ul li.marginBefore { margin-top: 18px }
				#menuContainer ul li a { display: block; width: 157px; height: 19px;
										 background-repeat: no-repeat;
										 text-decoration:none; }
					#menuContainer ul li a span { display: none; }


				#menuContainer ul li#m1 a { background-image:url(layout/m1.gif); }
				#menuContainer ul.m1 li#m1 a { background-image:url(layout/m1_f3.gif); }
				#menuContainer ul li#m1 a:hover { background-image:url(layout/m1_f2.gif)!important; }

				#menuContainer ul li#m2 a { background-image:url(layout/m2.gif); }
				#menuContainer ul.m2 li#m2 a { background-image:url(layout/m2_f3.gif); }
				#menuContainer ul li#m2 a:hover { background-image:url(layout/m2_f2.gif)!important; }

				#menuContainer ul li#m3 a { background-image:url(layout/m3.gif); }
				#menuContainer ul.m3 li#m3 a { background-image:url(layout/m3_f3.gif); }
				#menuContainer ul li#m3 a:hover { background-image:url(layout/m3_f2.gif)!important; }

				#menuContainer ul li#m4 a { background-image:url(layout/m4.gif); }
				#menuContainer ul.m4 li#m4 a { background-image:url(layout/m4_f3.gif); }
				#menuContainer ul li#m4 a:hover { background-image:url(layout/m4_f2.gif)!important; }

				#menuContainer ul li#m5 a { background-image:url(layout/m5.gif); }
				#menuContainer ul.m5 li#m5 a { background-image:url(layout/m5_f3.gif); }
				#menuContainer ul li#m5 a:hover { background-image:url(layout/m5_f2.gif)!important; }

				#menuContainer ul li#m6 a { background-image:url(layout/m6.gif); }
				#menuContainer ul.m6 li#m6 a { background-image:url(layout/m6_f3.gif); }
				#menuContainer ul li#m6 a:hover{ background-image:url(layout/m6_f2.gif)!important; }

				#menuContainer ul li#m7 a { background-image:url(layout/m7.gif); }
				#menuContainer ul.m7 li#m7 a { background-image:url(layout/m7_f3.gif); }
				#menuContainer ul li#m7 a:hover { background-image:url(layout/m7_f2.gif)!important; }

				#menuContainer ul li#m8 a { background-image:url(layout/m8.gif); }
				#menuContainer ul.m8 li#m8 a { background-image:url(layout/m8_f3.gif); }
				#menuContainer ul li#m8 a:hover { background-image:url(layout/m8_f2.gif)!important; }

				#menuContainer ul li#m9 a { background-image:url(layout/m9.gif); }
				#menuContainer ul.m9 li#m9 a { background-image:url(layout/m9_f3.gif); }
				#menuContainer ul li#m9 a:hover { background-image:url(layout/m9_f2.gif)!important; }

				#menuContainer ul li#m10 a { background-image:url(layout/m10.gif); }
				#menuContainer ul.m10 li#m10 a { background-image:url(layout/m10_f3.gif); }
				#menuContainer ul li#m10 a:hover { background-image:url(layout/m10_f2.gif)!important; }

				#menuContainer ul li#m11 a { background-image:url(layout/m11.gif); }
				#menuContainer ul.m11 li#m11 a { background-image:url(layout/m11_f3.gif); }
				#menuContainer ul li#m11 a:hover { background-image:url(layout/m11_f2.gif)!important; }

				#menuContainer ul li#m11a a	{
					width: 117px;
					height: 16px;
					background-image:url(../layout/bullet_submenu.gif);
					padding-left: 40px;
					font-size: 11px;
					color: #FFFFFF;
				}
				#menuContainer ul li#m11a a:hover { color: #EC3226; }
				#menuContainer ul li#m11a a.selected { color: #807F7F }


		#menuContainer #galleryNav {
			margin: 30px 0 0 25px;
			width: 90px;
		}

			#menuContainer #galleryNav a {
				display: block;
				float: left;
				width: 25px;
				height: 25px;
				margin: 0 3px 3px 0;
				border: 1px solid #000;
				/*filter: alpha(opacity=40);
				opacity: 0.4;
				-moz-opacity: 0.4;*/
			}
			#menuContainer #galleryNav a:hover {
				/*filter: alpha(opacity=100);
				opacity: 1;
				-moz-opacity: 1;*/
				border: 1px solid #690903;
			}
			#menuContainer #galleryNav a.active {
				border: 1px solid #bb0000 !important;
				/*filter: alpha(opacity=100);
				opacity: 1;
				-moz-opacity: 1;*/
			}
				#menuContainer #galleryNav a img { border-width: 0; }






	/* ------------------------------------------------------------------------ */
	/* ---    MAIN CONTENT    ------------------------------------------------- */
	/* ------------------------------------------------------------------------ */

	#mainContainer {
		float: right;
		width: 466px;
		height: auto;

		/*height: 464px;*/
		margin: 0 4px 0 0;
	}

		#mainContainer .top {
			height: 34px;
			margin-top: 31px;
		}

		#mainContainer .top a.home { display: block;
									 width: 15px;
									 height: 13px;
									 background-image:url(layout/bhome.gif);
									 filter: alpha(opacity=60);
									 opacity: 0.6;
									 -moz-opacity: 0.6; }
		#mainContainer .top a.home:hover { filter: alpha(opacity=100);
									 opacity: 1;
									 -moz-opacity: 1; }
			#mainContainer .top a.home * { display: none; }


		#mainContainer #galleryPreloader {
			display: none;
			width: 466px;
			height: 464px;
			background-image:url(../layout/preloader.gif);
			background-position: center center;
			background-repeat:no-repeat;
		}
		#mainContainer #galleryImageContainer { display: ; }

		#mainContainer #galleryNav {
			margin: 10px 0 0 195px;
		}
			#mainContainer #galleryNav a {
				display: block;
				float: left;
				width: 43px;
				height: 29px;
				background-repeat:no-repeat;
				text-decoration: none;
				/*filter: alpha(opacity=60);
				opacity: 0.6;
				-moz-opacity: 0.6;*/
			}
			#mainContainer #galleryNav a:hover {
				/*filter: alpha(opacity=100);
				opacity: 1;
				-moz-opacity: 1;*/
			}
			#mainContainer #galleryNav a#prev { background-image:url(../layout/nav_left.gif); }
			#mainContainer #galleryNav a#prev:hover { background-image:url(../layout/nav_left_f2.gif); }
			#mainContainer #galleryNav a#next { background-image:url(../layout/nav_right.gif); }
			#mainContainer #galleryNav a#next:hover { background-image:url(../layout/nav_right_f2.gif); }
				#mainContainer #galleryNav a span { display: none; }

			#mainContainer #galleryIndex {
				float: right;
				color: #690903;
				padding-top: 15px;
			}


		#mainContainer .textContent {
			background-color:#000000;
			background-image: url(../layout/text_back.jpg);
			background-repeat:repeat-x;
			/*background-attachment:fixed;
			background-position: top left;*/
		}

			#mainContainer .textContent div {
	padding: 24px 45px 30px 50px;
	background-color: #000000;		
	background-image: url(../layout/text_back.jpg);	
	background-repeat:repeat-x;	
				min-height: 410px;
				height: auto;
				/*height: 410px;
				overflow-y: scroll;
				overflow: auto;
				*/
	overflow: visible;
			}

			#mainContainer .textContent .thumbGrid {
			}
				#mainContainer .textContent .thumbGrid a {
					display: block;
					float: left;
					margin: 0 4px 12px 0;
				}
				#mainContainer .textContent .thumbGrid br {
					clear: both;
				}

			#mainContainer .textContent .imageLeft {
				float: left;
				margin: -4px 0 0 -15px;
			}

			#mainContainer .textContent h1 {
				font-size: 16px;
				font-weight: normal;
				margin: 0 0 20px;
			}

			#mainContainer .textContent p {
				padding: 0;
				margin: 0 0 12px;
				line-height: 20px;
			}

		#mainContainer .tableContent {
			width: 90%;
			margin-top: 5px;
		}
			#mainContainer .tableContent td {
				padding: 0 0 12px;
				margin: 0;
				line-height: 20px;
				vertical-align:top;
			}
			#mainContainer .tableContent td.caption {
				width: 80px;
			}

		#mainContainer input, #mainContainer textarea {
			margin: 0;
			padding: 0 2px 0;
			background-color: #343332;
			border: 1px solid #817f7f;
			width: 190px;
			color: #b1b0af;
		}
		#mainContainer input.short { width: 60px }
		#mainContainer input.button {
			background-color: #565554;
			color: #CCCCCC;
			width: 196px;
			margin-top: 12px;
		}




#copyrights {
	clear: both;
	display: block;
	min-width: 200px;
	max-width: 300px;
	width: 250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;

}
#copyrights div {
	font-size: 9px;
	padding-left: 15px;
}

#galleryTrick {
	display: none;
	width: 500px;
	height: 200px;
}





/* ------------------------------------------------------------------------------------------------------- */

body.albumBig {
	padding: 10px;
	overflow-y: auto !important;
}

body.albumBig #mainContainer {
	float: none !important;
	width: 623px !important;
	text-align: center;
	margin: 0 auto 0 !important;
}

body.albumBig #galleryNav {
	width: 100px;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.albumBig #galleryImageContainer img {
	height: 623px;
}

body.albumBig #galleryPreloader {
	width: 623px !important;
	height: 623px !important;
}



body.backstageBig {
	padding: 70px 10px 10px;
	overflow-y: auto !important;
}

body.backstageBig #mainContainer {
	float: none !important;
	width: 800px !important;
	text-align: center;
	margin: 0 auto 0 !important;
}

body.backstageBig #galleryPreloader {
	width: 800px !important;
	height: 532px !important;
}

body.backstageBig #galleryImageContainer img {
	display: block;
	margin: 0 auto 0;
	height: 532px;
}

body.backstageBig #galleryNav {
	width: 100px;
	margin-left: auto !important;
	margin-right: auto !important;
	/*margin-left: 350px !important;*/
}

