ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
  margin:0;
  padding:0;
}
a {
  text-decoration:none;
}
a img {
  border:0 none;
}
ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
html{
  background:#000000;
}
body {
  background:#000000;
  color:#B2B2B2;
  font-family:Arial,Verdana,sans-serif;
  font-size:62.5%;
}
a {
  color:#FFFFFF;
}
a:hover {
  text-decoration:underline;
}
a:active {
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
}
a:focus {
  outline-style:none;
}
a.noUnderline {
  text-decoration:none;
}
.clear {
  clear:both;
  font-size:0;
  height:0;
  line-height:0;
}

#wrapper{
  margin:100px 0 0 0;
  padding:100px 0 100px 0;
  background:#000000 url(../images/bcgr.gif) repeat-x 0 100px;
  position:relative;
  overflow:hidden;
  height:470px;
  width:100%;
}

#logo{
  display:block;
  width:140px;
  height:45px;
  background:url(../images/logo.gif) no-repeat 0 0;
  position:absolute;
  top:20px;
  left:50px;
  z-index:1000;
}
#logo span{display:none;}
#webdesignby{
  display:block;
  width:9px;
  height:9px;
  background:url(../images/rizn.gif) no-repeat 0 0;
  position:absolute;
  bottom:40px;
  right:50px;
  z-index:1000;
}
#webdesignby span{display:none;}

.arrowNav{
  width:45px;
  height:82px;
  position:absolute;
  top:50%;
  margin-top:-41px;
  cursor:pointer;
  display:none;
}
#arrowPrev:hover, #arrowNext:hover{
  background-position:0 -82px;
}
#arrowPrev{
  background:url(../images/arrowPrev.png) no-repeat 0 0;
  left:0;
}
#arrowNext{
  background:url(../images/arrowNext.png) no-repeat 0 0;
  right:0;
}

#loading{
  background:#000000;
  overflow:hidden;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:2000;
  /*display:none;*/
}
#loadingProgress{
  position:absolute;
  left:50%;
  margin-left:-110px;
  top:50%;
  margin-top:10px; 
}
#loadingLogo{
  position:absolute;
  left:50%;
  margin-left:-107px;
  top:50%;
  margin-top:-50px;
}

#navHolder{
  position:absolute;
  left:50px;
  bottom:20px;
  z-index:1000;
}
#nav{
  width:221px;
  height:195px;
  background:url(../images/nav.png) no-repeat 0 0;
}
#nav a{display:block; position:absolute; background-position:0 0; background-repeat:no-repeat; cursor:pointer; /*background-color:#ff0000; opacity:0.15*/}
#nav a span{display:none;}

#navLink0{width:43px;  height: 18px; left:17px;  top:58px;   background-image:url(../images/home.gif)}
#navLink1{width:81px;  height: 20px; left:17px;  top:76px;   background-image:url(../images/who.gif)}
#navLink2{width:55px;  height: 20px; left:20px;  top:126px;  background-image:url(../images/services.gif)}
#navLink3{width:58px;  height: 19px; left:81px;  top:123px;  background-image:url(../images/portfolio.gif)}
#navLink4{width:55px;  height: 19px; left:147px; top:120px;  background-image:url(../images/directors.gif)}
#navLink5{width:115px; height: 21px; left:17px;  top:158px;  background-image:url(../images/how.gif)}

#navLink0:hover{background-position:0 -18px;}
#navLink1:hover{background-position:0 -20px;}
#navLink2:hover{background-position:0 -20px;}
#navLink3:hover{background-position:0 -19px;}
#navLink4:hover{background-position:0 -19px;}
#navLink5:hover{background-position:0 -21px;}

#navLink0.selected{background-position:0 -36px;}
#navLink1.selected{background-position:0 -40px;}
#navLink2.selected{background-position:0 -40px;}
#navLink3.selected{background-position:0 -38px;}
#navLink4.selected{background-position:0 -38px;}
#navLink5.selected{background-position:0 -42px;}



#container{
  height:470px;
  width:15000px;
  overflow:hidden;
}

.content{
  position:relative;
  width:960px;
  height:470px;
  float:left;
  background-color:transparent;
  background-position:0 0;
  background-repeat:no-repeat;
}
#content0{background-image:url(../images/0.gif);}
#content1{background-image:url(../images/1.gif); background-position:200px 0}
#content2{background-image:url(../images/2.gif); background-position:0 0; background-repeat:repeat-x}
#content3{background-image:url(../images/3.gif); margin-left:-100px}
#content4{background-image:url(../images/4.gif); margin-left:-100px}
#content5{background-image:url(../images/5.gif); margin-left:100px}




.object{
  display:block;
}
#limes{
  width:541px;
  height:318px;
  background:url(../images/limes.png) no-repeat 0 0;
  position:absolute;
  top:110px;
  left:240px;
}
#sofa{
  width:447px;
  height:350px;
  background:url(../images/sofa.png) no-repeat 0 0;
  position:absolute;
  top:60px;
  left:60px;
}
#plasma{
  width:461px;
  height:269px;
  background:url(../images/plasma.png) no-repeat 0 0;
  position:absolute;
  top:10px;
  left:300px;
}
#pictures{
  width:386px;
  height:248px;
  position:absolute;
  top:10px;
  left:170px;
}
#pictures .pictureLink{
  position:absolute;
  display:block;
  cursor:pointer;
  text-decoration:none;
}
#pictures .pictureLink span{
  display:none;
  width:84px;
  height:45px;
  padding:4px 6px;
  color:#759D09;
  font-family:Arial, Verdana, sans-serif;
  font-size:1.3em;
  font-weight:bold;
  position:absolute;
}
#pictures .pictureLink.over{
  z-index:1001;
}
#pictures .pictureLink.selected{
  z-index:1000;
}
#pictures .pictureLink.over span, #pictures .pictureLink.selected span{
  display:block; 
}
#pictures .pictureLink span.balloon1{
  top:-40px;
  right:-70px;
  background:url(../images/balloon-01.png) no-repeat 0 0;
}
#pictures .pictureLink span.balloon2{
  top:-40px;
  left:-70px;
  background:url(../images/balloon-02.png) no-repeat 0 0;
}
#pictures .pictureLink span.balloon3{
  padding-top:15px;
  height:35px;
  bottom:-40px;
  left:-70px;
  background:url(../images/balloon-03.png) no-repeat 0 0;
}
#pictures .pictureLink span.balloon4{
  padding-top:15px;
  height:35px;
  bottom:-40px;
  right:-70px;
  background:url(../images/balloon-04.png) no-repeat 0 0;
}








#screen{
  width:464px;
  height:396px;
  background:url(../images/screen.png) no-repeat 0 0;
  position:absolute;
  top:70px;
  left:590px;
}
#board{
  width:524px;
  height:285px;
  background:url(../images/board.png) no-repeat 0 0;
  position:absolute;
  top:5px;
  left:170px;
}
#table{
  width:292px;
  height:168px;
  background:url(../images/table.png) no-repeat 0 0;
  position:absolute;
  top:270px;
  left:560px;
}
#feedbackHolder{
  position:absolute;
  top:20px;
  left:100px;
}
#feedback{
  width:360px;
  height:280px;
  background:url(../images/feedback.png) no-repeat 0 0;
}
#addressHolder{
  position:absolute;
  top:25px;
  left:470px;
}
#address{
  width:340px;
  height:240px;
  background:url(../images/address.png) no-repeat 0 0;
}
#trabant{
  width:229px;
  height:323px;
  background:url(../images/trabant.png) no-repeat 0 0;
  position:absolute;
  top:38px;
  right:500px;
}





#plasmaPlayer{
  margin:27px 0 0 44px;
}

#screenPlayer{
  margin:40px 0 0 14px;
}

.portfolioLink{
  cursor:pointer;
}
.portfolioLink span{
  display:none;
  width:82px;
  height:82px;
}
/*.portfolioLink:hover span, */.portfolioLink.over span, .portfolioLink.selected span{
  display:block;
}
#tv{
  position:absolute;
  background:url(../images/tv.png) no-repeat 0 0;
  width:146px;
  height:153px;
  top:263px;
  left:233px;
  overflow:visible;
}
#tv span{
  background:url(../images/tv_badge.png) no-repeat 0 0;
  margin:-10px 0 0 -10px;
}
#radio{
  position:absolute;
  background:url(../images/radio.png) no-repeat 0 0;
  width:112px;
  height:133px;
  top:283px;
  left:430px;
}
#radio span{
  background:url(../images/radio_badge.png) no-repeat 0 0;
  margin:4px 0 0 0;
}
#mic{
  position:absolute;
  background:url(../images/mic.png) no-repeat 0 0;
  width:116px;
  height:123px;
  top:293px;
  left:570px;
}
#mic span{
  background:url(../images/mic_badge.png) no-repeat 0 0;
  margin:25px 0 0 -7px;
}
#shaker{
  position:absolute;
  background:url(../images/shaker.png) no-repeat 0 0;
  width:141px;
  height:143px;
  top:268px;
  left:710px;
}
#shaker span{
  background:url(../images/shaker_badge.png) no-repeat 0 0;
  margin:18px 0 0 5px;
}







#feedback input, #feedback textarea{
  border:0;
  background:transparent;
  position:absolute;
}
#feedbackName{
  width:220px;
  height:20px;
  top:18px;
  left:103px;
}
#feedbackEmail{
  width:220px;
  height:20px;
  top:54px;
  left:106px;
}
#feedbackComment{
  width:220px;
  height:116px;
  top:92px;
  left:100px;
}
#feedbackSend{
  width:80px;
  height:35px;
  position:absolute;
  top:218px;
  left:218px;
  cursor:pointer;
  background:transparent;
  border:0;
}
#feedbackSend span{
  display:none;
}

#address address{
  display:none;
}
#address a{
  display:block;
  position:absolute;
  width:200px;
  height:23px;
  left:0;
  top:101px;
}
#address a span{
  display:none;
}
#feedback label{
  display:none;
}