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-gallery.jpg) no-repeat;
 min-height:400px;
 height:auto !important;
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: 35px 0px 0px 0px;
 padding: 0px;
 float: right;
 text-align: left;
}

.center{
 text-align: center;
 margin: 0px;
 padding: 0px;
}

h1{
color: #EFEFEF;
font: 16px Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
}

small{
color: #EFEFEF;
font: 11px Arial,sans-serif;
margin: 0px;
padding: 0px;
}

.img a {boder: 0;}
.img a:hover {boder: 0;}
.img a:active {boder: 0;}

/* 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 */


/* Carousel */

.infiniteCarousel {
  width: 395px;
  position: relative;
  margin: 0 auto;
  height: 100px;
}

.infiniteCarousel .wrapper {
  width: 310px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #000000;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 20px;
  width: 20px;
  background: url(http://www.tarasloboda.cz/images/arrow1.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 30px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0px -20px;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0px 0px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: -40px -20px;
}

.infiniteCarousel .back:hover {
  background-position: -40px 0;
}


/* Slider */

#wrapper_s {
    width: 500px;
    margin: 0 auto;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 500px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 280px;
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    padding-top: 20px;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 280px;
    width: 500px;
 text-align: center;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#lightbox{
	background-color:#000000;
	padding: 10px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both; widht:100px;} 
#lightbox a{ color: #FFFFFF;} 
#overlay img{ border: none; }

#gallery_center{
padding: 140px 0px 0px 100px;
}

#menu_photo_real_portreits{
 width: 116px;
 height: 135px;
 background: url(http://www.tarasloboda.cz/images/menu-photo-commissioned-portraits.png) no-repeat;
 cursor: pointer;
 float: left;
}
#menu_photo_real_portreits:hover{
 background: url(http://www.tarasloboda.cz/images/menu-photo-commissioned-portraits.png) no-repeat -116px 0px;
 cursor: pointer;
}
#menu_photo_real_portreits_act{
 width: 116px;
 height: 135px;
 background: url(http://www.tarasloboda.cz/images/menu-photo-commissioned-portraits.png) no-repeat -116px 0px;
 cursor: pointer;
 float: left;
}


#menu_photo_portreits{
 width: 116px;
 height: 125px;
 background: url(http://www.tarasloboda.cz/images/menu-photo-portreits.png) no-repeat;
 cursor: pointer;
 float: left;
}

#menu_photo_portreits:hover{
 background: url(http://www.tarasloboda.cz/images/menu-photo-portreits.png) no-repeat -116px 0px;
 cursor: pointer;
}

#menu_photo_portreits_act{
 width: 116px;
 height: 125px;
 background: url(http://www.tarasloboda.cz/images/menu-photo-portreits.png) no-repeat -116px 0px;
 cursor: pointer;
 float: left;
}

#menu_photo_landscapes{
 width: 116px;
 height: 125px;
 background: url(http://www.tarasloboda.cz/images/menu-photo-landscapes.png) no-repeat;
 cursor: pointer;
 float: left;
}

#menu_photo_landscapes:hover{
 background: url(http://www.tarasloboda.cz/images/menu-photo-landscapes.png) no-repeat -116px 0px;
 cursor: pointer;
}

#menu_photo_landscapes_act{
 width: 116px;
 height: 125px;
 background: url(http://www.tarasloboda.cz/images/menu-photo-landscapes.png) no-repeat -116px 0px;
 cursor: pointer;
}