﻿body {
  margin:0;
  padding:0;
  font:70%/150% Verdana, Tahoma;
  color:#73715b;
  background:#c9cbbd url("/images/bg.gif") left top;
}
a img {border:0;}
a {color:#73715b;}
a:hover {color:#a83632;}


#page {
  width:900px;
  min-height:500px;
  padding:0;
}
#head {float:left; width:900px; height:110px; background:transparent url("/images/linka.gif") no-repeat bottom center;}

#logo {width:100px; height:60px; position:absolute; top:30px; left:30px;}
#logo h1 {margin:0; padding:0; width:100px; height:60px; background:transparent url("/images/logo.gif") no-repeat left top;}
#logo h1 a {display:block; width:100px; height:60px;}
#logo a span {display:none;}
#logo-london {width:100px; height:60px; position:absolute; top:30px; left:755px; margin:0; padding:0; background:transparent url("/images/logo-london.gif") no-repeat left top;}
#logo-london a {display:block; width:100px; height:60px;}
#logo-london span {display:none;}



#menu {
  position:absolute;
  top:65px;
  left:125px;
  color:#fff;
  width:720px;
}

#content {
	clear:both;
	float:left; 
	width:860px; 
	padding:30px 20px 30px 75px;
}

.content-left {
	float:left; 
	width:175px; 
	padding:0 40px 0 0;
}
.content-right {
	float:left; 
	width:590px;
	padding:0;
	min-height:500px;
}
.content-right2 {
	float:left; 
	width:590px;
	padding:0;
}
#copy {clear:both; float:left; width:100%; color:#73715b; text-align:right;}
#copy span {padding-right:50px; font-size:85%;}

/* hlavni menu */
#menu a span, .content-left a span {display:none;}
#menu ul {list-style:none; z-index:20;}
#menu ul li {display:inline;}
#menu ul li a {display:block; float:left; margin-right:17px;}
#menu #menu-1 a {width:61px; height:10px; background:url("/images/menu-house.gif"); }
#menu #menu-1 a:hover, #menu #menu-1 a.aktiv {background-position: 0 11px;}
#menu #menu-2 a {width:59px; height:10px; background:url("/images/menu-directors.gif"); }
#menu #menu-2 a:hover, #menu #menu-2 a.aktiv {background-position: 0 11px;}
#menu #menu-3 a {width:92px; height:10px; background:url("/images/menu-photo.gif"); }
#menu #menu-3 a:hover, #menu #menu-3 a.aktiv {background-position: 0 11px;}
#menu #menu-4 a {width:35px; height:10px; background:url("/images/menu-films.gif"); }
#menu #menu-4 a:hover, #menu #menu-4 a.aktiv {background-position: 0 11px;}
#menu #menu-5 a {width:32px; height:10px; background:url("/images/menu-news.gif"); }
#menu #menu-5 a:hover, #menu #menu-5 a.aktiv {background-position: 0 11px;}
#menu #menu-6 a {width:50px; height:10px; background:url("/images/menu-contact.gif"); }
#menu #menu-6 a:hover, #menu #menu-6 a.aktiv {background-position: 0 11px;}
#menu #menu-8 a {width:80px; height:10px; background:url("/images/menu-london.gif"); }
#menu #menu-8 a:hover, #menu #menu-8 a.aktiv {background-position: 0 11px;}
#menu #menu-7 a {width:72px; height:10px; background:url("/images/menu-client.gif"); }
#menu #menu-7 a:hover, #menu #menu-7 a.aktiv {background-position: 0 11px;}
.lastX a {margin:0 0 0 98px!important;}

/* menu - fotografove a reziseri */
.content-left ul {list-style:none; z-index:20; width:128px; margin:0; padding:0;}
.content-left ul li {display:block; margin:0 0 5px 0;}
.content-left ul li a {display:block;}
/*photographers*/
.content-left #menu-kristina a {display:block; width:128px; height:12px; background:url("/images/menu-kristina.gif"); }
.content-left #menu-kristina a:hover, .content-left #menu-kristina a.aktiv {background-position: 128px 0px;}
.content-left #menu-martin a {display:block; width:128px; height:12px; background:url("/images/menu-martin.gif"); }
.content-left #menu-martin a:hover, .content-left #menu-martin a.aktiv {background-position: 128px 0px;}
.content-left #menu-mirjam a {display:block; width:128px; height:12px; background:url("/images/menu-mirjam.gif"); }
.content-left #menu-mirjam a:hover, .content-left #menu-mirjam a.aktiv {background-position: 128px 0px;}
.content-left #menu-petr a {display:block; width:128px; height:12px; background:url("/images/menu-petr.gif"); }
.content-left #menu-petr a:hover, .content-left #menu-petr a.aktiv {background-position: 128px 0px;}
.content-left #menu-kamila a {display:block; width:128px; height:12px; background:url("/images/menu-kamila.gif"); }
.content-left #menu-kamila a:hover, .content-left #menu-kamila a.aktiv {background-position: 128px 0px;}
.content-left #menu-alan a {display:block; width:128px; height:12px; background:url("/images/menu-alan.gif"); }
.content-left #menu-alan a:hover, .content-left #menu-alan a.aktiv {background-position: 128px 0px;}
.content-left #menu-alex a {display:block; width:128px; height:12px; background:url("/images/menu-alex.gif"); }
.content-left #menu-alex a:hover, .content-left #menu-alex a.aktiv {background-position: 128px 0px;}
.content-left #menu-verygood a {display:block; width:145px; height:12px; background:url("/images/menu-verygood.gif"); }
.content-left #menu-verygood a:hover, .content-left #menu-verygood a.aktiv {background-position: 145px 0px;}


/*directors*/
.content-left #menu-emil a {display:block; width:128px; height:12px; background:url("/images/menu-emil.gif"); }
.content-left #menu-emil a:hover, .content-left #menu-emil a.aktiv {background-position: 128px 0px;}
.content-left #menu-note a {display:block; width:128px; height:12px; background:url("/images/menu-note.gif"); }
.content-left #menu-note a:hover, .content-left #menu-note a.aktiv {background-position: 128px 0px;}
.content-left #menu-howard a {display:block; width:128px; height:12px; background:url("/images/menu-howard.gif"); }
.content-left #menu-howard a:hover, .content-left #menu-howard a.aktiv {background-position: 128px 0px;}
.content-left #menu-david a {display:block; width:128px; height:12px; background:url("/images/menu-david.gif"); }
.content-left #menu-david a:hover, .content-left #menu-david a.aktiv {background-position: 128px 0px;}
.content-left #menu-joanna a {display:block; width:128px; height:12px; background:url("/images/menu-joanna.gif"); }
.content-left #menu-joanna a:hover, .content-left #menu-joanna a.aktiv {background-position: 128px 0px;}
.content-left #menu-jon a {display:block; width:128px; height:12px; background:url("/images/menu-jon.gif"); }
.content-left #menu-jon a:hover, .content-left #menu-jon a.aktiv {background-position: 128px 0px;}
.content-left #menu-toby a {display:block; width:128px; height:12px; background:url("/images/menu-toby.gif"); }
.content-left #menu-toby a:hover, .content-left #menu-toby a.aktiv {background-position: 128px 0px;}
.content-left #menu-trevor a {display:block; width:128px; height:12px; background:url("/images/menu-trevor.gif"); }
.content-left #menu-trevor a:hover, .content-left #menu-trevor a.aktiv {background-position: 128px 0px;}
.content-left #menu-asif a {display:block; width:128px; height:12px; background:url("/images/menu-asif.gif"); }
.content-left #menu-asif a:hover, .content-left #menu-asif a.aktiv {background-position: 128px 0px;}
.content-left #menu-joachim a {display:block; width:128px; height:12px; background:url("/images/menu-joachim.gif"); }
.content-left #menu-joachim a:hover, .content-left #menu-joachim a.aktiv {background-position: 128px 0px;}
.content-left #menu-paul a {display:block; width:128px; height:12px; background:url("/images/menu-paul.gif"); }
.content-left #menu-paul a:hover, .content-left #menu-paul a.aktiv {background-position: 128px 0px;}
.content-left #menu-brian a {display:block; width:128px; height:12px; background:url("/images/menu-brian.gif"); }
.content-left #menu-brian a:hover, .content-left #menu-brian a.aktiv {background-position: 128px 0px;}
.content-left #menu-salmon a {display:block; width:128px; height:12px; background:url("/images/menu-salmon.gif"); }
.content-left #menu-salmon a:hover, .content-left #menu-salmon a.aktiv {background-position: 128px 0px;}
.content-left #menu-ben a {display:block; width:128px; height:12px; background:url("/images/menu-ben.gif"); }
.content-left #menu-ben a:hover, .content-left #menu-ben a.aktiv {background-position: 128px 0px;}
.content-left #menu-will a {display:block; width:128px; height:12px; background:url("/images/menu-will.gif"); }
.content-left #menu-will a:hover, .content-left #menu-will a.aktiv {background-position: 128px 0px;}
.content-left #menu-zak a {display:block; width:128px; height:12px; background:url("/images/menu-zak.gif"); }
.content-left #menu-zak a:hover, .content-left #menu-zak a.aktiv {background-position: 128px 0px;}


/* contact */
#contact-address {width:305px; height:190px; position:relative;}
#contact-address h3 {margin:0; padding:0; width:305px; height:190px; background:transparent url("/images/contact-address.gif") no-repeat top left;}
#contact-map {clear:both; width:115px; height:20px; margin:30px 0 50px 0;}
#contact-map a {display:block; margin:0; padding:0; width:115px; height:20px; background:transparent url("/images/contact-map.gif") no-repeat top left;}
#contact-mail {clear:both; width:435px; height:79px; margin:30px 0 50px 0; position:relative;}
#contact-mail h4 {display:block; margin:0; padding:0; width:435px; height:79px; background:transparent url("/images/contact-emails.gif") no-repeat top left;}
#contact-mail span, #contact-map span, #contact-address span {display:none;}

#contact-ivana {display:inline!important; position:absolute; top:18px; left:17px; width:140px; height:13px; z-index:50;}
#contact-lucie {display:inline!important; position:absolute; top:64px; left:17px; width:140px; height:13px; z-index:50;}

/* ostatni */
.clear {clear:both;}
.box {margin-right:15px;}
.box-hp {margin-bottom:15px;}

.box-2 {margin-left:15px;}
.box-3 {margin-right:15px; margin-left:15px;}
.box-4 {margin-right:15px;}
.box-last {margin-right:0px;}

.box-margin0 {margin-top:5px;}
.box-margin {margin-top:20px;}
.sipky {position:relative;}

.sipka-next {position:absolute; top:40px; right:40px; width:17px; height:25px; background:url("/images/sipka-next.gif");}
.sipka-back {position:absolute; top:40px; right:75px; width:17px; height:25px; background:url("/images/sipka-back.gif");}
.sipka-abs-next {position:absolute; top:310px; right:40px; width:17px; height:25px; background:url("/images/sipka-next.gif");}
.sipka-abs-back {position:absolute; top:310px; right:75px; width:17px; height:25px; background:url("/images/sipka-back.gif");}
.sipka-abs-next span, .sipka-abs-back span, .sipka-next span, .sipka-back span {display:none;}

#show-box {position:relative;}
#content_js div {float:left; width:100px;}
#content_js div span {font-size:80%; line-height:125%;}