* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}


  body {
  	background: #fff url(../images/bg.jpg) no-repeat;
  	font-family: Century Gothic, Verdana;
  	font-size: 10px;
  	text-align:center;
  }
  
  area {
    cursor: pointer;
    cursor: hand;  
  }
  
  .bg area {
    cursor: pointer;
    cursor: hand;  
  }
  
  #distance { 
    width: 1px;
    height: 50%;
    background-color: #ffffff;
    margin-bottom: -244px; /* half of container's height */
    float:left;
  }

  .bg {
    margin:0 auto;
    cursor: move;
    position: relative;
    text-align:left;
    width: 891px;
    height: 488px;
    clear: left;
  }
  
  .bg img.home {
  	position: absolute;
  	visibility: visible;
  	z-index: 10;
  }
  
  .bg img.portfolio2 {
  	position: absolute;
  	visibility: hidden;
  	z-index: 3;
  }
  
  .bg img.portfolio1 {
  	position: absolute;
  	visibility: hidden;
  	z-index: 2;
  }
  
  .bg img.contact {
  	position: absolute;
  	visibility: hidden;
  	z-index: 1;
  }
  
  .bg .portfolio_description {
  	position: absolute;
  	left: 404px;
  	top: 371px;
  	font-family: Century Gothic, Verdana;
  	font-size: 10px;
  }
  
  .bg .lizzard {
  	position: absolute;
  	left: 570px;
  	top: 214px;
  	z-index: 11;
  }