*{
	padding:	0;
	margin:		0;
}

img{
	border:		0;
}

body{
	overflow-x:		hidden;
	background:		#000 url(http://sems.ltv.lv/images/design/sist-dizaineri.png) repeat-x right top;
}

a{
	outline:		0;
}

#layout{
	width:			100%;
	max-width:		100%;
	height:			auto;
	
}

.start #left{
	float:			left;
	background: 	#444;
	width:			50%;
	margin-left:	-500px; /*half of #main's width*/
	background:		#000 url(../images/design/left-view-back.jpg) repeat-x right top;
	
}


.start #right{
	width:			49.9%;
	float:			right;
	margin-right:	-500px; /*half of #main's width*/
	height:			auto;
	background:		#000 url(../images/design/right-view-back.jpg) repeat-x left top;	
}



.start #right .holder{
	display:		block;
	margin-right:	200px;
}




.start .main{
	width:			1000px;
	background:		transparent url(../images/design/back.jpg) no-repeat;
	display:		block;
	margin:			0 auto;
	float:			left;
	min-height:		850px;
	height:			850px;
}
.start .main[class]{
	height:			auto;
}


.start .main .tv{
	width:		1000px;
	background:	transparent url(../images/design/tv.png) no-repeat;
	display:	block;
	margin:		0 auto;
	float:		left;
	height:		650px;
}


.start .flag{
	height:		850px;
}


.start #left .flag{
	background:	transparent url(../images/design/left-view.jpg) no-repeat right top;
}
.start #right .flag{
	background:	transparent url(../images/design/right-view.jpg) no-repeat left top;
}

.menubar{
	width:		340px;
	height: 	540px;
	display:	block;
	list-style:	none outside;
	position:	relative;	
	padding-left:	590px;
}


.start ul.menubar li.phone a{
	background:		transparent url(../images/design/phone-start-hover.gif) top left no-repeat;
	display:		block;
	width:			155px;
	height:			80px;
	position:		absolute;
	top:			110px;
	right:			185px;
	
}

.start ul.menubar li.supporter a{
	display:		block;
	width:			120px;
	height:			60px;
	position:		absolute;
	top:			240px;
	right:			165px;
	background-color: #000000;
	
}

.start ul.menubar li.mic a{
	background:		transparent url(../images/design/mic-start-hover.gif) top left no-repeat;
	display:		block;
	width:			80px;
	height:			105px;
	position:		absolute;
	top:			65px;
	right:			140px;	
}

.start ul.menubar li.tops a{
	background:		transparent url(../images/design/top-start-hover.gif) top left no-repeat;	
	display:		block;
	width:			120px;
	height:			160px;
	position:		absolute;
	top:			100px;
	right:			40px;	
}

.start ul.menubar li.news a{
	background:		transparent url(../images/design/news-start-hover.gif) top left no-repeat;
	display:		block;
	width:			100px;
	height:			185px;
	position:		absolute;
	top:			205px;
	right:			30px;	
}

.start ul.menubar li.gallery a{
	background:		transparent url(../images/design/gallery-start-hover.gif) top left no-repeat;
	display:		block;
	width:			130px;
	height:			200px;
	position:		absolute;
	top:			340px;
	right:			0px;	
}


.start li.days{
	display:		block;
	position:		absolute;
	top:			375px;
	right:			160px;
}

.start li.days ul{
	list-style:		none outside;
}

.start li.days a{
	display:		block;
	height:			29px;
	width:			130px;
}


.start ul li a{
	text-indent:	-32000px;
	z-index:		10;
}

.start ul.menubar li a:hover{
	z-index:		40;
	background-position:	0 100%;
}


.side #left{
	display:		none;
	
} 

.side .main{
	width:		1000px;
	background:	transparent url(../images/design-inner/main-view.jpg) no-repeat;
	display:	block;
	height:		800px;	
}

.side #layout{
	background:		transparent url(../images/design-inner/right-view.jpg) no-repeat 1000px 0;

}
.side{
	background:		#000 url(../images/design-inner/pattern.jpg) repeat-x;

}

.side .menubar{
	width:		365px;
	height:		600px;
	padding: 0;
	float:		left;
}


.side ul.menubar li.phone a{
	background:		transparent url(../images/design-inner/phone-hover.gif) top left no-repeat;
	display:		block;
	width:			155px;
	height:			90px;
	position:		absolute;
	top:			50px;
	right:			211px;
	
}
.side ul.menubar li.mic a{
	background:		transparent url(../images/design-inner/mic-hover.gif) top left no-repeat;
	display:		block;
	width:			100px;
	height:			100px;
	position:		absolute;
	top:			0;
	right:			141px;	
}

.side ul.menubar li.tops a{
	background:		transparent url(../images/design-inner/top-hover.gif) top left no-repeat;
	display:		block;
	width:			120px;
	height:			165px;
	position:		absolute;
	top:			30px;
	right:			35px;	
}

.side ul.menubar li.news a{
	background:		transparent url(../images/design-inner/news-hover.gif) top left no-repeat;
	display:		block;
	width:			90px;
	height:			165px;
	position:		absolute;
	top:			145px;
	right:			25px;	
}

.side ul.menubar li.gallery a{
	background:		transparent url(../images/design-inner/gallery-hover.gif) top left no-repeat;
	display:		block;
	width:			130px;
	height:			200px;
	position:		absolute;
	top:			270px;
	right:			0px;	
}


.side ul.menubar li.supporter a{
	display:		block;
	width:			145px;
	height:			75px;
	position:		absolute;
	top:			195px;
	right:			165px;
	background-color: #000000;	
}



.side li.days{
	display:		block;
	position:		absolute;
	top:			366px;
	right:			162px;
}

.start li.days ul{
	list-style:		none outside;
}

.side li.days a{
	display:		block;
	height:			31px;
	width:			151px;
}

.side li.days li{
	padding-bottom:		5px;
} 

.side ul.menubar  li a{
	text-indent:	-32000px;
	z-index:		10;
}
.side ul.menubar  li.day1, .side ul.menubar  li.day3{
	padding-bottom:		6px;
}
.side ul.menubar  li.day1 a{
	background:		transparent url(../images/design-inner/day1.gif) bottom left no-repeat;
}
.side ul.menubar  li.day2 a{
	background:		transparent url(../images/design-inner/day2.gif) bottom left no-repeat;
}
.side ul.menubar  li.day3 a{
	background:		transparent url(../images/design-inner/day3.gif) bottom left no-repeat;
}
.side ul.menubar  li.day4 a{
	background:		transparent url(../images/design-inner/day4.gif) bottom left no-repeat;
}
.side ul.menubar  li.day5 a{
	background:		transparent url(../images/design-inner/day5.gif) bottom left no-repeat;
}
.side ul.menubar  li.day6 a{
	background:		transparent url(../images/design-inner/day6.gif) bottom left no-repeat;
}




.side ul.menubar li a:hover{
	z-index:		40;
	background-position:	bottom left ;
}


.side ul.menubar  li.days a:hover{
	background-position:	top left ;
}


.side .content{
	width:		590px;
	height:		350px;
	display:	block;
	float:		left;
	overflow:	hidden;
/*	background:	transparent url(../images/design-inner/fade.png) bottom left no-repeat; */
}

.side .pos{
	padding-top:	100px;
	/* margin-left:	365px; */
	width:			600px;
	height:			475px;
	float:			left;
	
}

.side h1{
	display:	block;
	height:			100px;
	width:			300px;
	margin-left:	80px;
	text-indent:	-32000px;
	
}

.side .inside{
	list-style:		none outside;
	padding:		10px;
	margin-right:	20px;
	font:			normal 12px Arial, Helvetica, sans-serif; 
}

.inside h2 , .inside h2 a{
	font:			normal 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:			#fb545e;
	text-decoration: none;
}

.inside.faq h2{
	font:			normal 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.inside h2 {
	padding:		10px 0; 
}

.inside h2 span{
	color:			#1d80b3;
}

.inside h2.resp {
	margin-top:		-5px;
	padding-top:	0;		
	color:			#1d80b3;
}

.inside h2 span{
	color:		#ababab;
	padding-left:	15px;
}



.inside h2 sup{
	vertical-align:	middle;
	font-size:		14px;
	padding-left:	15px;	
}


.inside li{
	border-bottom:		solid 1px #b1a79d; 
}
.inside li div.fix{
	height:				1px;
	font-size:			1px;
	clear:				left;
	
	
}

.inside p{
	padding-bottom:			15px;
	text-align:				justify;
}
.inside p a{

color:		#460664;
text-decoration:	underline;

}

.inside a.pic{
	float:		left;
	display:	block;
	margin:		0 10px 10px 0;
}
.inside a.pic img{
	vertical-align:	bottom;
	display:		block;
	border:			3px solid #c2bea3;
}

.gallery li{
	float:		left;
}
.gallery li , .gallery li a{
	border: 0;
	display:	block;
	margin:		0 6px 20px 6px;
	height:	112px;
	float:left;
}
 

.gallery li a{
		text-decoration:	none;
		text-align:	center;
		color:		#000;
}
.gallery li a:hover{
		background:		transparent url(../images/design-inner/image-stuff.png) no-repeat bottom left;
		color:		#fff;
}


.track{
	width:		30px;
	height:		380px;
	background:		transparent url(../images/design-inner/line.gif) repeat-y bottom left;
	float:		left;
	display: none;
}

.grab{
	width: 20px;
	height: 20px;
	background:		transparent url(../images/design-inner/grab.gif) repeat-y bottom left;
	display: block;	
}

.gallery a img{
	border:		0;
	vertical-align:	middle;	
}	
.gallery li span{
	padding:	2px 5px;
	display:	block;
}

.fix{
	clear:	both;
	height:		1px;
	font-size:	1px;
}

ul.buttons {	
	margin-left:	375px;
	list-style:		none outside;
	font:		normal 12px Arial, Helvetica, sans-serif;
}
ul.buttons li{
	margin-right:	10px;	
	float:		left;
}
ul.buttons a{
	padding:	2px 5px;
	text-decoration:	none;
	color:		#fff;
	background:	#ff8f00;
}

.footer{
	margin-left :		240px;
	padding-top:	60px;
	clear:		both;
	width:		458px;
	height:		66px;
}



.footer ul{
	height:		66px;
	list-style:		none outside;
	background: transparent url(../images/design-inner/foot.png) no-repeat;
	padding-left:		15px;
}

.footer li{
display:	block;
float:		left;
}

.footer li a{
	display:	block;
	height:		41px;
}
.footer a.news{
	width:		77px;
}
.footer a.tops{
	width:		54px;
}
.footer a.gallery{
	width:		90px;
}
.footer a.jaunumi{
	width:		93px;
}
.footer a.kontakti{
	width:		100px;
}
.footer li a:hover{
	background:	black;
	opacity:	0.3;
	filter: alpha(opacity=30);	
}


.footer span{
	padding-top: 50px;
	display:	block;
	padding-left:  40px;
	font:		normal 11px  Arial, Helvetica, sans-serif;
	color:		#837c68;
}
.footer span a{
	text-decoration:	none;
	color:	#fe4d13;
}

.start .footer{
	margin:		0 auto;
	padding-top:	0;
}


.jScrollPaneTrack{
	background:		transparent url(../images/design-inner/line.gif) repeat-y bottom left;
	
}

.jScrollPaneDrag{
		background:		transparent url(../images/design-inner/grab.png) no-repeat top left;
}



body.pop{
	background: transparent;
}

#TB_window{
	background: transparent url(../images/design-inner/pop-top.png) no-repeat top left;
}

#TB_iframeContent{
	background: transparent url(../images/design-inner/pop-bottom.gif) no-repeat bottom left;
}

.image-preview{
	zoom:1;
	height: 350px;
	text-align:		center;
}

.image-preview a { display: block; height: 350px; }


body.pop .layout{
	position:		relative;
	padding: 0 0 0 30px;
}

body.pop a.close{
	position:		absolute;
	right:			28px;
	top:			20px;
	display:		block;
	width:			31px;
	height:			29px;
	background: 	transparent url(../images/design-inner/pop-close.png) no-repeat bottom left;
}


body.pop h2{
	color:			#c114d6;
	font:			normal 22px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding:		20px 0 0 0; 
}

body.pop .button{
	height:			29px;
	width:			72px;
	margin:			0 13px;		
}

body.pop .button a.prev, body.pop .button a.next{
	background: 	transparent url(../images/design-inner/prev.png) no-repeat bottom left;
	height:			29px;
	width:			31px;
	display:		block;
	float:			left;
}

body.pop .button a.next{
	margin-left:	10px;
	background: 	transparent url(../images/design-inner/next.png) no-repeat bottom left;	
}




.fake .buttons li, body.pop form .button {
	height:			29px;
	background: 	transparent url(../images/design-inner/fancy-button-left.png) no-repeat bottom left;	
	padding-left:	10px;	
}
.fake .buttons li a, body.pop form .button input {
	height:			14px;
	font:			normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:		7px 10px 8px 0;
	display:		block;
	float:			left;
	background: 	transparent url(../images/design-inner/fancy-button-right.png) no-repeat bottom right;		
}

body.pop form .button input {
	padding: 0 20px 0 0;
	border: 0;
	height: 29px;
}


.inside.top{
	background: 	transparent url(../images/design-inner/tab-head.png) no-repeat 0 0;
	width:			500px;
	padding-top:	2px;

}

.pop .inside.top { background: 	transparent url(../images/design-inner/tab-head.png) no-repeat 0 -10px; }

li.scope{
	height:			35px;

}

li.header{
	height:			18px;
	margin-top:		expression( (true)? "-5px" : "0;" );		
}
li.header table{
	vertical-align:	top;
}

.inside.top li {
	border:		0;
}

li.table table,
li.header table{
	border-collapse:	collapse;
	border:				0;
	width:				550px;
	font-size:			11px;
	
}

li.table table{
	vertical-align: top;
	line-height:	13px;
}


li.table table td.artist,
li.table table td.title,
li.table table td.place,
li.table table td.sample{
	background: 	transparent url(../images/design-inner/row-rest.png) no-repeat;
}
li.table table td.num{
	background: 	transparent url(../images/design-inner/row-num.png) no-repeat;
}
li.table table td.diff{
	background: 	transparent url(../images/design-inner/row-diff.png) no-repeat;
}
	
li.table table td{
	background-image: none;
	
}


li.header table tr{
	color:			#fff;
}


li.table table td.num,
li.header table td.num{
	width:			28px;
	text-align:		center;
	color:			#fff;
}
li.table table td.artist,
li.header table td.artist{
	width:			120px;
	text-indent:	7px;
}
li.table table td.title,
li.header table td.title{
	width:			160px;
	text-indent:	7px;
}
li.table table td.place,
td.header table td.place{
	width:			45px;
}
li.table table td.sample,
li.header table td.sample{
	width:			25px;
}
li.table table td.sample a{
	display:		block;
	height:			17px;
	width:			25px;
	background: 	transparent url(../images/design-inner/listen.png) no-repeat;		

}

td.diff{
	width: 172px;
}

li.table table td.up{	background: 	transparent url(../images/design-inner/up.png) no-repeat; }
li.table table td.down{	background: 	transparent url(../images/design-inner/down.png) no-repeat; }
li.table table td.new{	background: 	transparent url(../images/design-inner/new.png) no-repeat; }
/* li.table table td.still{	background: 	transparent url(../images/design-inner/still.gif) no-repeat; } */



li.scope {
	width:			500px;
}

li.scope ul{
	padding-left:	70px;
	display:		block;
	list-style:		none outside;
}
 
li.scope li{ display: inline-block; }




li.scope li{
	float:			left;
	display:		block;
	font:			normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

li.scope li.active{
	background: 	transparent url(../images/design-inner/buble-left.gif) no-repeat bottom left ;
}

li.scope li a , li.scope li span {
	
	display:		block;
}

li.scope li a{
	text-decoration:	none;
	padding:		0 10px;
}
li.scope li span{
	font-weight:		bold;
	color:				#000;
	padding:		5px 0  16px;
}

li.scope li.active a{
	text-decoration:	none;
	background: 	transparent url(../images/design-inner/buble-right.gif) no-repeat bottom right ;
}
li.scope li.active span{
	font-weight:		normal;
	color:	#fff;
	background: 	transparent url(../images/design-inner/buble-center.gif) no-repeat bottom center;
}


body.pop td.dot{ 
	width:	30px;
	text-align: right;
	padding-right:	8px;
}
body.pop td.dot input{
	margin:		-2px;
}
body.pop li.header{
	padding-top:			20px;
}

body.pop label {
	display: block;
	font: normal 11px/16px verdana, sans-serif;
}

body.pop .layout ul { list-style: none; }

body.pop .layout li {
	margin: 2px 15px;
}

#alpha, #beta, #gamma, #delta {
	display: block;
	padding: 2px 8px;
	margin: 0;
	font: normal 11px verdana, sans-serif;
	color: #fff;
	background: #52b9d2;
	border: 0;
	width: 250px;
}

#gamma { height: 100px; overflow: auto; }

.submit {
	font: normal 11px verdana, sans-serif;
	color: #fff;
	background: #52b9d2;
	border: 2px solid #fff;
	padding: 5px 10px;
}


.faq , .faq li{
	display: inline-block;
}
.faq, .faq li{
	display: block;
}