/******************
 *  GLOBAL RESET  *
 ******************/
 
*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}


/***************
 *  CENTERING  *
 ***************/
 
body
{
  background:                 #fff url(../img/bg.gif) repeat 0 0;
  text-align:                 center;
}

div#wrapper
{
  text-align:                 left;
  width:                      776px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
  height:                     100%;
}

/***************
 *     PAGE    *
 ***************/

div#container
{
  height:                     100%;
  position:                   relative;
}

div#page
{
  width:                      776px;
  height:                     440px;
  background:                 #fff;
  position:                   absolute;
  top:                        50%;
  margin-top:                 -220px;
  overflow:                   hidden;
}

div#waves
{
  z-index:                    0;
}

div.wave-part
{
  background-repeat:          no-repeat;
  background-position:        0 0; 
  width:                      776px; 
  height:                     44px;
}

div#slidebox
{
  position:                   absolute;
  z-index:                    50;
  width:                      774px;
  height:                     311px;
  overflow:                   hidden;
  top:                        1px;
  left:                       1px;
}

div#slider
{
  position:                   absolute;
  width:                      5418px;
  height:                     311px;
  left:                       0px;
  top:                        0px;
}

div.slide
{
  position:                   relative;
  float:                      left;
  width:                      774px;
  height:                     311px;
}

div#hand
{
  position:                   absolute;
  top:                        17px;
  left:                       65px;
  z-index:                    100;
  width:                      220px;
  height:                     295px;
  background:                 url(../img/hand.png) no-repeat 0 0;
  _background:                 url(../img/hand.gif) no-repeat 0 0;
}

div#arrow-next
{
  position:                   absolute;
  left:                       720px;
  top:                        260px;
}

div#arrow-prev
{
  position:                   absolute;
  left:                       13px;
  top:                        260px;
}

div#link
{
  position: absolute;
  z-index: 5;
  top: 325px;
  left: 520px;
  width: 210px;
  height: 100px;
}

a#link
{
  display: block;
  width: 210px;
  height: 100px;
  text-decoration: none;
  border: none;  
}


/****************
 *  TYPOGRAPHY  *
 ****************/
 
body 
{
  font-family:                "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight:                normal;
	font-style:                 normal;
	font-size:                  20px;
  color:                      #fff;
}

a
{
  border: none;
  text-decoration: none;
}

img
{
  border: none;
}

.green
{
  color:                      #008740;
}

.white
{
  color: #fff;
}

.size1
{
  font-weight: bold;
  font-size: 55px;
}

.size2
{
  font-weight: bold;
  font-size: 40px;
}

.size3
{
  font-weight: bold;
  font-size: 23px;
}

.size4
{
  font-weight: bold;
  font-size: 20px;
}