/*  Scrape (c) 2009   */

* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: #42403b url('./layout/bg.jpg') top center no-repeat fixed;
  font-family: "Helvetica", sans-serif;
  line-height: 23px;
  color: #fff;
}

/* ------------------------------ Zakladni vlastnosti ---------------------------------*/

a, a:visited { color: #fff; text-decoration: none; }
a:hover, a:focus { text-decoration: none; }

a img { border: none; }

* a { outline: none; }

.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right; }

.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

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

.replacement {
  position: relative;
  overflow: hidden;
}
.replacement span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

/* Obal */
#page {
  margin: 0;
  padding-top: 0px;
  height: 100%;
  overflow: visible;
}

/* ------------------------------ Horni cast ---------------------------------*/


/* Logo */
#logo a {
	width: 173px; 
  height: 96px;
	text-indent: -9999px;
	position: fixed;
	top:0px;
	z-index: 1;
	display: block;
	cursor: pointer;
	background: url('./layout/logo.png') 0 0 no-repeat;
	
}
#logo a:hover { background-position: 0 -96px; }

/* Rozeviraci kontaktni box */
#contact-box { position: fixed; top: 0; right: 0; z-index: 1; font-family: Georgia, "New York CE", utopia, serif; font-size: 0.813em; line-height: 30px;}

#contact-box ul {width: 260px; list-style: none; padding-bottom: 10px; float: left; }
#contact-box ul li { padding-left: 19px; }
#contact-box ul li strong { color: #857f7b; font-weight: normal; }
 
#contact-box ul.social { width: 158px; float: right; }
#contact-box ul.social li img { margin-right: 15px; margin-bottom: 5px; }

.cbox-cont { width: 496px; background: transparent url('./layout/cbox-bg.png') top left repeat;}

p.cbox-button { width: 496px; height: 48px; line-height: 48px; background: transparent url('./img/cbox.png') top left no-repeat; cursor: pointer; }
p.cb-click { background: transparent url('./img/cbox_click.png') top left no-repeat; }

.inner{display: none;}
.people li{clear: both; height: 65px; margin-bottom: 13px; width: 200px;}
.name{text-indent: -3000px; display: block; height: 20px; margin-top: 11px;margin-bottom: 2px; float: left;}
.foto{float: left; margin-right: 11px;display: block;}

.luzbetak{width: 131px;background: transparent url('./img/luzbetak.png') top left no-repeat;}
.antalik{width: 99px;background: transparent url('./img/antalik.png') top left no-repeat;}
.anh{width: 99px;background: transparent url('./img/anh.png') top left no-repeat;}

.job{text-indent: -3000px; display: block; height: 20px; float: left; }
.graphicdesigner{width: 116px;background: transparent url('./img/graphicdesigner.png') top left no-repeat;}
.illustrator{width: 66px;background: transparent url('./img/illustrator.png') top left no-repeat;}

.team{text-indent: -3000px; height: 20px;width: 99px;background: transparent url('./img/team.png') top left no-repeat; margin-bottom: 18px; display: block; clear: both; margin-left: 20px;}

/* ------------------------------ Obsah ---------------------------------*/

/* -------- Uvodni stranka --------*/

#distance { /* Vertikalni zarovnani stranky na stred */ 
  width: 1px;
	height: 50%;
	background-color: #42403b;
	margin-bottom: -210px; /* polovina velikosti boxu */
	float: left;
}

#hp #center-box {
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
	text-align: left;
	height: 420px;
	width: 930px;
	clear: left;
	color: #000;
	background-color: transparent;
}

#intro { 
  width: 900px;
  height: 137px;
  padding: 30px 0 0 30px;
  background: transparent url('./layout/transparent.png') top left repeat;
  margin-bottom: 30px;
}

#twitter_div { 
  width: 428px;
  padding: 14px 23px 15px 23px;
  margin-left: 115px;
  float: left;
  background: transparent url('./layout/transparent.png') top left repeat; 
  font-family: Georgia, "New York CE", utopia, serif;
  font-size: 0.9em;
  color: #9c958f;
}


#twitter_div ul { 
list-style-type: none;
}

#twitter_div span { 
display: block;
}

#twitter_div li a { 
float: right;
color: #9c958f;
font-size: 100% !important;
}

#twitter_div span a{ 
float: none;
}



#twitter_div .sidebar-title{ 
  width: 160px;
  height: 22px;
  margin-top: 3px;
  margin-bottom: 10px;
text-indent: -3000px;
  background: transparent url('./img/twiit.png') top left repeat; 

}








p.logos { margin-top: 4px; }

p.large-type { 
  width: 871px; 
  height: 37px;
	text-indent: -9999px;
	z-index: 1;
	display: block;
  background: transparent url('./img/hp-text.png') top left no-repeat; 
  margin-bottom: 9px; 
}
p.sub { 
  width: 440px; 
  height: 62px; 
  text-indent: -9999px;
	z-index: 1;
	display: block;
  background: transparent url('./img/hp-sub.png') top left no-repeat;
}


p#hp-work { 
  line-height: 59px;
  float: right; 
}

#hp-work a, #hp-work a:visited {
  width: 219px;
  height: 59px;
  padding-left: 24px;
  margin-right: 68px;
  background: transparent url('./layout/more-button.png') top left no-repeat;
  background-position: 0 0;
  display: block;
  text-decoration: none;
  color: #b2d0bd;
  font-weight: bold;
  font-size: 1.5em;
  letter-spacing: -1px;
  text-indent: -9999px;
}

#hp-work a:hover, #hp-work a:focus { background-position: 0 -59px; }
		
#content { height: 100%; }

/* -------- Portfolio --------*/

/* Filtrovani */
#filter { height: 48px; margin-bottom: 120px; font-family: Georgia, "New York CE", utopia, serif; font-size: 0.813em; color: #9c958f; }
#filter p.filter-button { width: 168px; height: 48px; line-height: 50px; background: transparent url('./img/filter.png') top left no-repeat; cursor: pointer; padding-left: 95px; }
div.filter-select { width: 263px; background: transparent url('./layout/transparent.png') top left repeat; }
div.filter-select ul { display: none; width: 263px; list-style: none; padding-bottom: 10px; }
div.filter-select ul li { padding-left: 95px; }
div.filter-select ul li a, div.filter-select ul li a:visited { line-height: 30px; height: 30px; color: #9c958f; display: block; }
div.filter-select ul li a img { vertical-align: middle; margin-left: 10px; visibility: hidden; }
div.filter-select ul li a:hover img { vertical-align: middle; margin-left: 10px; visibility: visible; }
div.filter-select ul li a:hover { color: #c4c4c4; }

#portfolio #center-box {
	margin: 0 auto;
	padding-top: 127px;
	padding-bottom: 47px;
	position: relative;
	text-align: left;
	height: auto;
	width: 66%;
	clear: left;
	color: #000;
	background-color: transparent;
}


ul.ref { list-style: none; margin: 0 auto; }
ul.ref li { float: left; }
ul.ref li a {
  width: 188px;
  height: 268px;
  background: transparent url('./layout/ref-bg.png') top left no-repeat;
  background-position: 0 0;
  text-align: center;
  text-decoration: none;
  margin-right: 20px;
  margin-bottom: 20px;
  display: block;
}

ul.ref li a:hover { background-position: 0 -268px; }
ul.ref li a img { margin-top: 13px; margin-bottom: 8px; border: none; }

ul.ref li a strong, ul.ref li a span { text-align: left; display: block; padding-left: 14px; }

ul.ref a strong { color: #a4cab5; font-size: 0.875em; letter-spacing: -0.078em; }
ul.ref a span { color: #96908a; font-family: Georgia, "New York CE", utopia, serif; font-size: 0.75em; }

/* -------- Detail prace --------*/

#detail #center-box {
	margin: 0 auto;
	padding-top: 127px;
	padding-bottom: 47px;
	position: relative;
	text-align: left;
	height: auto;
	width: 980px;
	clear: left;
	color: #000;
	background-color: transparent;
}

/* Odkaz pro navrat do portfolia */
#back a { 
  width: 263px; 
  height: 48px; 
  line-height: 48px; 
  font-family: Georgia, "New York CE", utopia, serif;
  text-indent: -9999px;
  text-align: center;
  color: #a4cab5;
  background: transparent url('./img/back.png') top left no-repeat; 
  background-position: 0 0;
  cursor: pointer;
  display: block;
}
#back a:hover { background-position: 0 -48px; }

/* Vizitka projektu */
div.ref-info { background: url('./layout/transparent.png') top left repeat; margin: 20px 0; padding: 20px; }
div.ref-info h2 { color: #ffcc66; font-size: 1.063em; letter-spacing: -0.078em; padding-bottom: 6px; }
div.ref-info ul { 
  font-family: Georgia, "New York CE", utopia, serif;
  font-size: 0.813em;
  list-style: none;
  color: #9c958f;
}
div.ref-info ul li { line-height: 35px; }
div.ref-info ul li.ref-text { line-height: 25px; }
div.ref-info ul li strong { font-family: "Helvetica", sans-serif; color: #a4cab5; margin-right: 5px; letter-spacing: -0.078em; }

p.ref-img { clear: both; background: url('./layout/transparent.png') top left repeat; text-align: center; padding-bottom: 15px; }
p.ref-img img { display: block; padding: 15px 15px 0px 15px;}


/* ------------------------------ Paticka ---------------------------------*/

#footer { 
  font-size: 0.75em;
  width: 136px; 
  height: 47px; 
  line-height: 47px; 
  position: fixed; 
  bottom: 0; 
  left: 0; 
  font-family: Georgia, "New York CE", utopia, serif;
  text-align: center;
  color: #9c958f;
  background: transparent url('./layout/footer.png') top left no-repeat; 
}

/* Skok na zacatek stranky */

#jump { 
  width: 47px; 
  height: 47px; 
  line-height: 47px; 
  position: fixed; 
  z-index: 1;
  bottom: 0; 
  right: 0; 
  font-family: Georgia, "New York CE", utopia, serif;
  text-indent: -9999px;
  text-align: center;
  color: #9c958f;
  background: transparent url('./img/up.png') 0 -47px no-repeat; 
  cursor: pointer;
}
#jump:hover { background-position: 0 0; }

#jump a { width: 47px; height: 47px; display: block; }

.moreref{ height: 61px; width: 812px; background: transparent url('./img/moreref.png') no-repeat; clear: both; margin-top: 10px; display: block; text-indent: -3999px;}
.moreref:hover{background: transparent url('./img/moreref.png') left bottom no-repeat;}

.moreref span{ height: 61px; width: 812px; background: transparent url('./img/moreref.png') no-repeat;  display: block; text-indent: -3999px;}