body {
height:100%;
width:100%;
margin:0;
padding:0;
background: #000000 url(http://www.tarasloboda.cz/images/logo.png) no-repeat right top;
color: #EFEFEF;
font: 14px Arial,sans-serif;
}

.spacer{
 clear:both;
 font-size:0;
 line-height:0;
}

#header{
height: 110px;
padding: 35px 40px 0px 0px;
margin: 0 auto;
text-align: right;
background: url(http://www.tarasloboda.cz/images/1logo.png) no-repeat right top;
}

#footer{
position: absolute;
height: 49px;
bottom: 3px;
width: 100%;
}

#conteiner {
 width: 960px;
 margin: 0 auto;
 clear: both;
 background: url(http://www.tarasloboda.cz/images/back.jpg) no-repeat;
 min-height:400px;
 height:auto !important;
 height:400px;
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-480px;

}

#content {
 width: 510px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

#menu {
 width: 200px;
 margin: 140px 0px 0px 0px;
 padding: 0px;
 float: left;
}

#right {
 width: 250px;
 margin: 40px 0px 0px 0px;
 padding: 0px;
 float: right;
 text-align: center;
}


/* MENU */

#video{width:200px;height:25px;background: url(http://www.tarasloboda.cz/images/video-menu.png) no-repeat;}
#video:hover{width:200px;background: url(http://www.tarasloboda.cz/images/video-menu.png) no-repeat 0px -30px; cursor: pointer;}
#video_act{ width: 200px; height: 25px; background: url(http://www.tarasloboda.cz/images/video-menu.png) no-repeat 0px -30px;}

#about{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/about-menu.png) no-repeat;
}

#about:hover{
 width: 200px;
 background: url(http://www.tarasloboda.cz/images/about-menu.png) no-repeat 0px -30px;
 cursor: pointer;
}

#about_act{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/about-menu.png) no-repeat 0px -30px;
}

#gallery{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/gallery-menu.png) no-repeat;
}

#gallery:hover{
 width: 200px;
 background: url(http://www.tarasloboda.cz/images/gallery-menu.png) no-repeat 0px -30px;
 cursor: pointer;
}

#gallery_act{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/gallery-menu.png) no-repeat 0px -30px;
}

#archive{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/archive-menu.png) no-repeat;
}

#archive:hover{
 width: 200px;
 background: url(http://www.tarasloboda.cz/images/archive-menu.png) no-repeat 0px -30px;
 cursor: pointer;
}

#archive_act{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/archive-menu.png) no-repeat 0px -30px;
}

#prints{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/prints-menu.png) no-repeat;
}

#prints:hover{
 width: 200px;
 background: url(http://www.tarasloboda.cz/images/prints-menu.png) no-repeat 0px -30px;
 cursor: pointer;
}

#prints_act{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/prints-menu.png) no-repeat 0px -30px;
}

#prints{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/prints-menu.png) no-repeat;
}

#contacts{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/contacts-menu.png) no-repeat;
 cursor: pointer;
}

#contacts:hover{
 width: 200px;
 background: url(http://www.tarasloboda.cz/images/contacts-menu.png) no-repeat 0px -30px;
 cursor: pointer;
}

#contacts_act{
 width: 200px;
 height: 25px;
 background: url(http://www.tarasloboda.cz/images/contacts-menu.png) no-repeat 0px -30px;
}

/* MENU */

.root	{
position:relative;
margin: 15px 0px 8px 7px;
}
.scrollContainer {
position: absolute;
left: 2px;
top: 19px;
width: 480px;
height: 300px;
clip: rect(0 467 300 0);
overflow: auto;
}
.scrollContent {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
}
.thumb{
position: absolute;
height: 9px;
width: 15px;
left: 10px;
}
.up, .dn {
position: absolute;
left: 	10px;
}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
border: 0;
}