/* something that does not change */
html, body { height:100%; }
table { border-collapse:collapse; }
html, h1, h2, h3, h4, h5 ,h6, body, form, th, td, p { margin:0; padding:0; }
img {
	border:0 none;
	behavior:url('templates/css/pngbehavior.htc');
}
map { display:none; }
object, form { display:block; }	
h1, h2, h3, h4, h5 ,h6 { letter-spacing:normal; }
hr { display:none; }
/* something that does not change */

/* all time classes */
.wf { width:100%; }
.hf { height:100%; }
.whf { width:100%; height:100%; }
.tar { text-align:right; }
.tal { text-align:left; }
.tac { text-align:center; }
.clr { clear:both; height:1px; overflow:hidden; margin:-1px 0 0 0; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
/* all time classes */

/* global text/link settings */
p, div, span, td, th, em, h1, h2, h3, h4, h5, h6, b, strong, i, .button { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:150%; color:#333; }
a { color:#6C67A4; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a:hover { color:#A8A5C9; }
.inline-list { list-style:none; padding:0; margin:0 }
.inline-list li { list-style:none; display:inline; padding:0; margin:0; }
.block-list, .block-list li { display:block; list-style:none; padding:0; margin:0; }
.textfield, textarea { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-left:3px; }
.button { cursor:pointer; }
/* global text/link settings */

/* main */
.title-main-bg { background:url(../i/title-main-bg.jpg) 0 0 repeat-x #FFF; }
.page-main-bg { background:url(../i/page-main-bg.jpg) 0 0 repeat-x #FFF; }
#root-title { min-height:100%; }
* html #root-title { height:100%; }
.max-width { width:1233px; }
.min-width { width:994px; }
#footer-title {
	position:relative;
	top:-78px;
	height:78px;
}
* html #footer-title {
	position:absolute;
	top:auto;
	margin:-78px auto auto 0;
}
*:first-child+html #footer-title {
	position:absolute;
	top:auto;
	margin:-78px auto auto 0;
}
	#footer-title td {
		width:1233px;
		height:78px;
	}
	#footer-title .clr { width:994px; }
	#footer-title .wrp {
		padding:0 46px;
		min-height:1px;
		zoom:1;
	}
		#footer-title a.fr img { margin:22px 0 0 0; }
	#footer-title div.fl { height:38px; }
		#footer-title div.fl img {
			margin:7px 18px 0 0;
			float:left;
		}
		#footer-title div.fl div {
			float:left;
			border-left:1px solid #D2D2D2;
			font-size:11px;
			color:#999;
			padding:3px 0 0 20px;
			height:35px;
		}
			#footer-title div.fl div span {
				display:block;
				font-weight:bold;
				font-size:11px;
				color:#999;
			}
.land-mark {
	position:absolute;
	right:0;
	bottom:168px;
	width:277px;
	height:183px;
	background:url(../i/land-mark.png) 0 0 no-repeat;
	text-align:left;
}
* html .land-mark {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./templates/i/land-mark.png', sizingMethod='crop');
}
	.land-mark div {
		position:relative;
		padding:20px 0 0 35px;
		height:163px;
	}
	.land-mark a {
		display:block;
		margin:0 0 6px 0;
		font-size:20px;
		color:#FFF !important;
		font-weight:bold;
	}
	.land-mark a:hover { text-decoration:none; }
	.land-mark a.i-1 {
		height:36px;
		padding:17px 0 0 70px;
		background:url(../i/notes.gif) 0 0 no-repeat;
		color:#F1F10E !important;
	}
	.land-mark a.i-2 {
		height:42px;
		padding:11px 0 0 70px;
		background:url(../i/blink.gif) 0 0 no-repeat;
	}
.right-side-1 {
	width:76%;
	float:left;
	text-align:center;
	position:relative;
	zoom:1;
	padding:0 0 78px 0;
}
	.right-side-1 .wrp {
		margin:0 auto;
		text-align:left;
		width:742px;
		height:550px;
		padding:135px 0 0 0;
		background:url(../i/title-graphics.jpg) 0 0 no-repeat;
	}
		.right-side-1 .wrp p {
			display:block;
			width:227px;
			margin:0 0 0 450px;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			color:#FFF;
			line-height:130%;
		}
		.right-side-1 .wrp span {
			font-size: 11px;
			color: #fff;
		}
		.right-side-1 .wrp span a {
			color: #fff;
			font-size: 11px;
		}
		.right-side-1 .wrp span a:hover {
			text-decoration: none;
		}
		.right-side-1 .wrp img { margin:20px 0 0 0; }
.left-side-1 {
	width:23%;
	float:left;
	padding:40px 0 78px 0;
}
	.left-side-1 .left-nav { padding:0 0 80px 40px; }
.left-side-2 {
	width:270px;
	float:left;
	padding:40px 0 260px 0;
}
	.left-side-2 .left-nav { padding:0 0 80px 40px; }
	.logo img { margin:0 0 40px 30px; }
	.left-nav table { margin:0 0 1px 0; }
	.left-nav th { background:#7335AC; }
		.left-nav .act th { background:#47D645; }
		.left-nav th a {
			font-weight:bold;
			color:#FFF;
			text-decoration:none;
			text-transform:uppercase;
			white-space:nowrap;
		}
	.left-nav a.i-1:hover { color:#28DE1A !important; }
	.left-nav a.i-2:hover { color:#DDDD1E !important; }
	.left-nav a.i-3:hover { color:#F9689F !important; }
	.left-nav a.i-4:hover { color:#B460BA !important; }
	.left-nav a.i-5:hover { color:#28DE1A !important; }
		.left-nav .act a:hover { color:#FFF !important; }
	.left-nav ul {
		padding:7px 0;
	}
	.left-nav li {
		padding:0 0 3px 35px;
		background:url(../i/raquo-1.gif) 18px 8px no-repeat;
	}
		.left-nav li a { font-size:13px; }
		.left-nav li a:hover { color:#B7B4D4; }
		.left-nav li a.act {
			font-weight:bold;
			text-decoration:none;
		}
.title-news { padding:0 0 0 44px; }
	.title-news table {
		background:url(../i/title-1.png) no-repeat;
		width:148px;
		height:35px;
		margin:0 0 5px -4px;
	}
	* html .title-news table { background:none; }
		.title-news td div {
			position:relative;
			padding:0 0 0 10px;
			font-size:24px;
			color:#FFF;
			font-weight:bold;
			line-height:140%;
			zoom:1;
			min-height:1px;
		}
	.title-news div {
		font-size:11px;
		color:#999;
	}
	.title-news p {
		display:block;
		color:#000;
		font-size:12px;
		font-weight:bold;
		padding:3px 0 10px 0;
		line-height:120%;
	}
	.title-news a {
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
	}
	.title-news img {
		position:relative;
		margin:0 0 0 5px;
		bottom:-1px;
	}
#page-title {
	min-height:100%;
	background:url(../i/side-bg.jpg) 1233px 0 no-repeat;
}
* html #page-title { height:100%; }
	#page-title .max-width {
		height:800px;
		vertical-align:top;
	}
#footer-page {
	position:relative;
	top:-78px;
	height:78px;
}
* html #footer-page {
	position:absolute;
	top:auto;
	margin:-78px auto auto 0;
}
*:first-child+html #footer-page {
	position:absolute;
	top:auto;
	margin:-78px auto auto 0;
}
	#footer-page td {
		width:1233px;
		height:78px;
	}
	#footer-page .clr { width:994px; }
	#footer-page .wrp {
		padding:0 46px 0 270px;
		min-height:1px;
		zoom:1;
		position:relative;
	}
		#footer-page a.fr img { margin:22px 0 0 0; }
	#footer-page div.fl { height:38px; }
		#footer-page div.fl img {
			margin:7px 18px 0 0;
			float:left;
		}
		#footer-page div.fl div {
			float:left;
			border-left:1px solid #D2D2D2;
			font-size:11px;
			color:#999;
			padding:3px 0 0 20px;
			height:35px;
		}
			#footer-page div.fl div span {
				display:block;
				font-weight:bold;
				font-size:11px;
				color:#999;
			}
	#footer-page .land-mark {
		right:auto;
		bottom:auto;
		top:-198px;
		right:0;
	}
.right-side-2 {
	padding:180px 0 250px 0;
	float:left;
	width:44%;
}
.cable {
	position:absolute;
	top:-65px;
	left:0;
}
h1 {
	display:block;
	font-size:30px;
	line-height:100%;
	color:#7335AC;
	margin:0 0 15px 0;
}
	.just-text p {
		display:block;
		padding:0 0 20px 0;
	}
	.just-text .bigger-text, .just-text h3 {
		font-size:18px;
		font-weight:normal;
		display: block;
		padding-bottom: 20px;
	}
.table-1 { width:100%; }
		.table-1 thead th {
			vertical-align:top;
			font-size:13px;
			text-align:left;
			padding:0 10px 6px 0;
			font-weight:bold;
			border-bottom:2px solid #7335AC;
		}
		.table-1 tbody td {
			vertical-align:top;
			font-size:13px;
			text-align:left;
			padding:8px 10px 8px 0;
			color:#666;
			border-bottom:1px solid #C9C9C9;
		}
.main-wrap {
	position:relative;
	zoom:1;
	min-height:1px;
}
.play {
	position:absolute;
	top:40px;
	right:100px;
	text-align:center;
}
	.play div {
		padding: 0;
		position: relative;
		top: -5px;
		color: #572C7A;
		font-size: 11px;
	}
	.play div a {
		color: #572C7A;
		font-size: 11px;		
	}
		.play div a:hover {	
			text-decoration: none;
		}
	.play span {
		color: #572C7A;
		font-weight: bold;
		position: absolute;
		margin: -20px 0 0 -50px;
		width: 300px;
		font-size: 13px;
	}
	.play img {
		display:block;
		margin:0 0 10px 0;
	}
	.play .link {
		font-size:12px;
		text-decoration:none;
		color:#DA364F;
		font-weight:bold;
		border-bottom:1px dashed #DA364F;
	}
	.play .link:hover {
		color:#DE6F4B;
		border-bottom:1px dashed #DE6F4B;
	}
	.gallery li {
		min-height:85px;
		margin:0 0 20px 0;
	}
	* html .gallery li { height:85px; }
	.gallery a.fl {
		width:101px;
		height:74px;
		background:url(../i/under-thumb.jpg) 0 0 no-repeat;
		display:block;
		text-align:center;
		padding:8px 0 0 0;
	}
	.gallery a.no-img {
		background:none;
		cursor:text;
	}
	.gallery div { margin:0 0 0 120px; }
		.gallery div div {
			margin:0;
			font-size:11px;
			color:#666;
		}
	.gallery p { padding:8px 0 0 0; }
		.gallery div a {
			font-size:24px;
			border-bottom:1px dashed #6C67A4;
			text-decoration:none;
			line-height: 120%;
		}
		.gallery div a:hover { border-bottom:1px dashed #A8A5C9; }
	.news-item .date {
		font-size:11px;
		color:#666;
	}
	.news-item h2 {
		font-size:24px;
		font-weight:normal;
		line-height:110%;
		display:block;
		padding:2px 0;
	}
	.news-item p { padding:0 0 20px 0; }
.paging { height:30px; }
	.paging .pg-1 {
		display:block;
		float:left;
		height:26px;
		border-right:1px solid #D6D6D6;
		padding:4px 11px 0 0;
	}
	.paging .pg-2 {
		display:block;
		float:left;
		height:26px;
		padding:4px 0 0 11px;
		margin:0 18px 0 0;
	}
	.paging .back {
		display:block;
		float:left;
		margin:3px 0 0 0;
	}
	.paging .prev {
		display:block;
		float:left;
		height:26px;
		border-right:1px solid #D6D6D6;
		padding:4px 11px 0 0;
		margin:0 4px 0 0;
	}
	.paging .next {
		display:block;
		float:left;
		height:26px;
		padding:4px 0 0 11px;
		border-left:1px solid #D6D6D6;
		margin:0 0 0 4px;
	}
	.paging .i {
		display:block;
		float:left;
		height:26px;
		font-size:18px;
		font-weight:normal;
		padding:4px 7px 0 7px;
	}
	.paging .act {
		color:#45CD01;
		text-decoration:none;
	}
.margin-top-1 { padding-top:15px; }
	.hymn li { padding:0 0 25px 0; }
	.hymn table { width:100%; }
	.hymn th {
		text-align:left;
		font-weight:normal;
	}
		.hymn .blue th { background:#CFCCEE; }
		.hymn .red th { background:#FDC6CE; }
	.hymn table.fr {
		width:143px;
		height:33px;
		background:url(../i/under-rating.png) no-repeat;
	}
		.hymn table.fr td {
			width:143px;
			height:33px;
		}
		.hymn table.fr div {
			position:relative;
			padding:7px 0 0 0;
			width:143px;
			height:26px;
		}
		* html .hymn table.fr div {
			padding:8px 0 0 0;
			height:25px;
		}
		.hymn table.fr td {
			text-align:center;
			font-size:20px;
			font-weight:bold;
		}
	.hymn p {
		display:block;
		padding:0 0 7px 0;
	}
	.hymn a {
		border-bottom:1px dashed #6C67A4;
		text-decoration:none;
	}
	.hymn a:hover { border-bottom:1px dashed #A8A5C9; }
	.hymn b {
		display:block;
		position:relative;
		float:left;
		padding:0 0 2px 20px;
		margin:5px 0 0 0;
	}
		.hymn b span {
			position:absolute;
			top:-5px;
			right:-35px;
			display:block;
		}
		* html .hymn b span { top:-8px; }
			.hymn .blue b span {
				background:url(../i/blue-triangle.gif) no-repeat;
				width:22px;
				height:19px;
			}
			.hymn .red b span {
				background:url(../i/red-triangle.gif) no-repeat;
				width:20px;
				height:179px;
			}
	.hymn div.clear {
		padding:0 0 0 20px;
		color:#999;
		font-size:11px;
	}
	.popup-1 .bg-1 { background:url(../i/pop-bdr.gif) 0 0 repeat-x #FFF; }
	.popup-1 .bg-11 { background:url(../i/pop-bdr.gif) 0 0 repeat-x #EDEC46; }
	.popup-1 .bg-2 {
		background:url(../i/pop-bdr.gif) right 0 repeat-y #FFF;
		vertical-align:top;
	}
	.popup-1 .bg-3 { background:url(../i/pop-bdr.gif) 0 bottom repeat-x #FFF; }
	.popup-1 .bg-4 {
		background:url(../i/pop-bdr.gif) 0 0 repeat-y #FFF;
		vertical-align:top;
	}
	.popup-1 .bg-5 {
		background:url(../i/pop-grad-2.jpg) center 0 no-repeat #FFF;
		vertical-align:top;
	}
	.popup-1 .bg-6 {
		background:url(../i/balloon.jpg) center 20px no-repeat #FFF;
		vertical-align:top;
		height:360px;
	}
	.popup-1 .bg-7 {
		vertical-align:top;
		background:#FFF;
	}
	.popup-1 .close {
		float:right;
		margin:5px 30px 0 0;
		font-size:11px;
		color:#999;
		text-decoration:none;
		border-bottom:1px dashed #999;
		line-height:120%;
		position:relative;
	}
	.popup-1 .close:hover { color:#A8A5C9; }
	
		.popup-1 .close img {
			position:absolute;
			top:2px;
			right:-20px;
		}
	.popup-1 .lucky {
		padding:195px 0 0 0;
		text-align:center;
		font-size:18px;
	}
	* html .popup-1 .lucky { padding:195px 0 0 75px; }
	.popup-1 h3 {
		display:block;
		color:#7335AC;
		font-size:24px;
		padding:0 0 20px 0;
		line-height:100%;
	}
	.popup-1 .inner-wrp {
		padding:0 0 10px 0;
		min-height:1px;
		zoom:1;
	}
	.popup-1 h4 {
		display:block;
		color:#47D645;
		padding:0 0 15px 12px;
	}
	.popup-1 h5 {
		display:block;
		text-align:center;
		padding:10px 0;
		font-size:18px;
		font-weight:normal;
	}
	.form-1 .clr { height:70px; }
	.form-1 label {
		display:block;
		padding:0 0 10px 0;
		width:47%;
		font-weight:bold;
	}
		.form-1 label input {
			display:block;
			width:100%;
			margin:3px 0 0 0;
		}
		.form-1 label span {
			display:block;
			font-size:9px;
		}
	.form-1 .area-label { float:right !important; }
	.form-1 .area {
		display:block;
		height:149px;
		width:100%;
	}
	* html .form-1 .area { height:153px; }
	*:first-child+html .form-1 .area { width:97%; }
	.form-1 .tac {
		color:#666;
		font-size:11px;
	}
		.form-1 .tac sup {
			color:#333;
			font-size:18px;
			position: relative;
			top: 9px;
			padding-right: 3px;
		}
		.form-1 .tac img {
			margin:0 0 5px 0;
			cursor:pointer;
		}
	.form-1 .error { background:#FFBABA; }
#popup-wrap {
	position:absolute;
	margin-top:-215px;
	margin-left:-295px;
	width:590px;
	height:430px;
	z-index:10;
	top:50%;
	left:50%;
}
#popup-wrap-1 {
	position:absolute;
	margin-top:-215px;
	margin-left:-330px;
	width:660px;
	height:430px;
	z-index:10;
	top:50%;
	left:50%;
}
.gallery-nav {
	margin:0 auto;
	background:url(../i/gallery-nav.jpg) no-repeat;
	width:600px;
	height:80px;
	text-align:left;
	position:relative;
}
	.gallery-nav .fst {
		display:block;
		cursor:pointer;
		width:50px;
		height:80px;
		position:absolute;
		margin:0 auto auto 0;
	}
	.gallery-nav .lst {
		display:block;
		cursor:pointer;
		width:50px;
		height:80px;
		position:absolute;
		right:0;
		top:0;
	}
	.gallery-nav .tac { padding:12px 0 0 0; }
	.gallery-nav table { margin:0 auto; }
	.gallery-nav td { padding:0 5px 5px 5px; }
		.gallery-nav td a {
			display:block;
			width:70px;
			height:52px;
			padding:5px 0 0 0;
			background:url(../i/under-gallery-thumb.gif) no-repeat;
		}
		.gallery-nav td a.act, .gallery-nav td a:hover { background:#BEB9E8; }
/* main */

.note {
	font-size: 9px;
	color: #C30;
	position: absolute;
}

.rating {
	background: url(../i/yellow-bg.png) no-repeat;
	width: 120px !important;
	height: 14px;
	margin: 10px 0 0 15px;
	float: left;
	padding: 0 !important;
}

* html .rating {
	margin-left: 7px;
}

.average {
	width: 120px !important;
	background: url(../i/red-mask.png) no-repeat -96px 0;
	overflow: hidden;
	height: 14px;
	padding: 0 !important;
}

.half {
	background: url(../i/red-mask-half.png) no-repeat 96px;
}

.nobg {
	background-position: -100px 0 !important;
}

.average-number {
	position: absolute;
	margin: 7px 0 0 -23px;
	width: 15px;
	height: 20px;
}

.star {
	width: 20px !important;
	height: 14px !important;
	overflow: hidden;
	cursor: pointer;
	float: left;
	background: url(../i/red-star.gif) no-repeat 100px 0;
}

.last-star { width: 15px !important; }

.average .act {
	background-position: 0 0;
}

.voted {
	cursor: default;
}

.read-all {
	position: relative;
	top: 6px;
}

.flashframe {
	background: url(../i/ff-bg.png) repeat-x;
}

	.flashframe .bl, .flashframe .br {
		width: 604px;
		height: 224px;
		background: url(../i/ff-baloons.png) no-repeat;
		position: absolute;		
		margin: 0 0 0 -120px;
	}
	
	.flashframe .br {
		width: 363px;
		background-position: -604px 0;
		margin: 0 0 0 -363px;
	}
	
		.flashframe .br a {
			display: block;
			background: url(../i/ff-back.png) no-repeat;
			color: #fff;
			font-size: 10px;
			text-decoration: none;
			padding: 2px 0 0 32px;
			margin: 0 0 0 90px;
		}
		
		.flashframe .br a:hover {
			text-decoration: underline;
		}
	
	.baloons {
		padding: 0;
		margin: 0;
		max-width: 1200px;
		min-width: 990px;
		height: 300px;
		margin: 0 auto;
	}
	
	.ff {
		background: url(../i/ff-frame.png) no-repeat;
		width: 907px;
		height: 631px;
		position: absolute;
		left: 50%;
		top: 0;
		margin: 50px 0 0 -453px;
	}
	
	* html .ff {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./templates/i/ff-frame.png', sizingMethod='crop');
	}
	
#flash {
	margin: 82px 0 0 67px;
}