/* global */
* {margin:0;padding:0; } 
html, body {height:100%;background:url('../images/bgRep.gif') repeat-x bottom;background-attachment: fixed;}
#container {position:relative;min-height:100%; height:100%;width:100%;}
#wrapper {position:relative;margin:0 auto;width:820px;height:auto; height: 100%;}
/* navigation */
.paperBody {
  position: relative;
	margin:0 auto;
  display:none;
	height:300px;
	width: 700px;
	overflow:hidden;
}
.paperLast {
  position: relative;
	margin:0 auto;
	height:300px;
	width: 650px;
}
.display {
  display:block;
}
.tabNav{

  position:absolute;
	margin:50px 0 0 0;
	left:-15px;
}
.pt {
  padding:50px 0 0 0;
}

.paperHead {
  position:absolute;
  width:100%;
	top:30px;
	height:120px;
	z-index:6;
}
  .paperHead .turnOne, .paperHead .turnThree{ 
	    position:relative;
      display:block; 
    	width:100%; 
    	height:105px; 
    }
  .paperHead .turnOne:hover, .paperHead .turnThree:hover{ 
  	  position:relative;
  		right: 3px;
  	  top: -20px;
      background:url('../images/paper1Hov.png') no-repeat;
    }
	.paperHead .turnTwo, .paperHead .turnFour{ 
	    position:relative;
      display:block; 
    	width:100%; 
    	height:105px; 
    }
  .paperHead .turnTwo:hover, .paperHead .turnFour:hover{ 
  	  position:relative;
  		right: 0px;
  	  top: -20px;
      background:url('../images/paper2Hov.png') no-repeat;
    }
/* global body */		
.paper1 {
  position:relative;
	padding: 160px 0 0 0;
  width:820px;
	height:460px;
	background:url('../images/paper1.png') no-repeat;
	z-index:1;
}
.koloLogo {
  position:absolute;
  top: 40px;
	left: 80px;
  width: 470px;
	height: 121px;
  background:url('../images/koloDesign.png') no-repeat; 
	z-index:7;
}
.paper2 {
  position:relative;
	padding:100px 0 0 0;
	top:-40px;
  width:820px;
  height:470px;
	background:url('../images/paper2.png') no-repeat;
	z-index:2;
}
.paper3 {
  position:relative;
	padding:100px 0 0 0;
	top:-20px;
  width:820px;
	height:470px;
	background:url('../images/paper1.png') no-repeat;
	z-index:3;
}
.paper4 {
  position:relative;
	padding:70px 0 0 0;
	top:-40px;
  width:820px;
	height:470px;
	background:url('../images/paper2.png') no-repeat;
	z-index:4;
}
/*global layout */
.col1 {
  width:49%;
	float:left;
}
.col2 {
  width:49%;
	float:right;
}
.bgCol {
  background:url('../images/bgCol.gif') repeat;
}

/* footer */
.arrow {
  top: -25px;
  position:relative;
  float:right;
  width:26px;
	height:57px;
}
.arrow img{
border:0px;
}

.pageConfig {
  top: -25px;
  position:relative;
	margin: 0 5px;
	float:right;
	border:0;
}
.pageConfig img {
	border:0;
}
#footer {
  bottom:0px;
  position:fixed;
  width:100%;
	height: 50px;
	background:#8CD7F8;
}
#footerOver{
  position:relative;
	top:17px;
  width:100%;
	height:33px;
	background:url('../images/footerRep.gif');
	clear:both;
	z-index:5;
}
#footerWrapper {
  top: -17px;
  height:33px;
  position:relative;
  width: 800px;
	margin: 0 auto;
	color:white;
	z-index:5;
}

/* home */

.homeBox {
  margin: 0 auto;
	padding: 20px 20px;
  height: 130px;
	width: 290px;
}

.homeBox img {
  display:block;
  margin: 0 auto;
}

.homeBox.sqr1{
  background:url('../images/square1.png') no-repeat;
}

.homeBox.sqr2{
  background:url('../images/square2.png') no-repeat;
}

.homeBox.sqr3{
  background:url('../images/square3.png') no-repeat;
}

.homeBox.sqr4{
  background:url('../images/square4.png') no-repeat;
}

/* projects */
#projects {
  height:300px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
	overflow:auto;
}

.projectsCaption ul {
  padding: 0 0 0 20px;
	
}
.projectsCaption li {
  
}

#projects img{
  display:block;
  margin-left: auto;
  margin-right: auto;
}

.projectsCaption {
	margin: 0 auto;
  width:500px;
}
/* about */

.aboutBox {
  margin: 0 auto;
	padding: 20px;
  height: 247px;
	width: 290px;
}

.box1{
  background:url('../images/box1.png') no-repeat;
}

.box2{
  background:url('../images/box2.png') no-repeat;
}