body{
  margin: 0px;
  padding: 0px;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
  color: #ffffff;
  width: 100%;
  background: url(img/bg.jpg) left top repeat;
}

#left_container{
  float: left;
  padding: 100px 27px 8px 27px;
  width: 572px;
  height: 368px;
}

#images_box{
  float: left;
  
  padding: 8px 16px 24px 16px;
  width: 540px;
  height: 336px;
}

#images_buttons{
  clear: both;
  margin: 0 auto;
  width: 100px;
  height: 19px;
  text-align: center;
}

.image_button{
  float: left;
  width: 19px;
  height: 19px;
  padding: 0px 5px;
}

.image_button a{
  float: left;
  height: 19px;
  width: 19px;
}

.image_button a img{
  float: left;
  width: 19px;
  height: 19px;
  border: 0px;
  background: url(img/bullets.png) 0px 0px no-repeat;
}

.image_button a#image_sel img{
  background: url(img/bullets.png) -19px 0px no-repeat;
}

#right_container{
  float: left;
  width: 370px;
  padding-top: 100px;
  padding-bottom: 70px;
}

h1#logo{
  clear: both;
  width: 318px;
  height: 80px;
  background: url(img/greactions_logo.png) 0px 0px no-repeat;
  padding: 0px;
  margin: 0px;
}

p{
  clear: both;
  margin: 0px;
  padding: 15px 5px 5px 10px;
}

#install_container{
  clear: both;
  float: left;
  width: 370px;
  height: 66px;
  padding-top: 15px;
}

#install_container div{
  margin: 0 auto;
  width: 281px;
  height: 66px;
}

#install_container div a{
  float: left;
  background: url(img/bg_firefox_install.png) 0px 0px no-repeat;
  width: 195px;
  height: 55px;
  font-size: 16px;
  color: #2D7A0F;
  font-weight: bold;
  text-decoration: none;
  font-family: arial black, sans-serif;
  letter-spacing: 0px; 
  line-height: 18px;
  padding: 11px 10px 0px 86px;
}

#install_container div a:hover{
  background: url(img/bg_firefox_install.png) 0px -66px no-repeat;
}

#install_container a span{
  font-size: 12px;
  color: #333333;
  font-family: arial, sans-serif;
}

p img{
  position: relative;
  top: 2px;
  display: inline;
  width: 14px;
  height: 14px;
}

#rss{
  background: url(img/icons.png) 0px 0px no-repeat;
}

#friendfeed{
  background: url(img/icons.png) -14px 0px no-repeat;
}

#twitter{
  background: url(img/icons.png) -28px 0px no-repeat;
}

#digg{
  background: url(img/icons.png) -42px 0px no-repeat;
}

#hackernews{
  background: url(img/icons.png) -56px 0px no-repeat;
}

#reddit{
  background: url(img/icons.png) -70px 0px no-repeat;
}

#mac{
  width: 71px;
  height: 22px;
  background: url(img/icons.png) 0px -14px no-repeat;
  top: 4px;
}

#works_container span{
  padding-left: 110px;
  font-family: arial narrow, sans-serif;
  color: #D5F780;
  white-space: nowrap;
}

#footer{  
  clear: both;
  width: 100%;
  background: url(img/footer_border.png) 0px 0px repeat-x;
  padding-top: 15px;
}

#contextvoice{
  display: inline;
  background: url(img/contextvoice_logo.png) 0px 0px no-repeat;
  width: 86px;
  height: 15px;
  border: 0px;
  position: relative;
  top: 2px;
}

#powered{
  float: left;
  padding-left: 200px;
  padding-right: 225px;
  color: #666666;
  font-size: 12px;
  font-family: arial narrow, sans-serif;
  letter-spacing: 0px;
  line-height: 16px;
}

#contact{
  color: #666666;
  font-size: 12px;
  font-family: arial narrow, sans-serif;
  letter-spacing: 0px;
  line-height: 16px;
}

/* fader */

#hero-fader{
  width: 540px;
  height: 336px;
  position: relative;
  overflow: hidden;
  background: url(img/gReaction_filter.png) 0px 0px no-repeat;
}

.controls{
  position: absolute;
  top: 298px;
  left: 50%;
  z-index: 10;
  font-size: 27px;
  width: 540px;
  height: 26px;
  background: url(img/slider_bottom.png) 0px 0px no-repeat;
  text-align: center;
  padding-top: 12px;
}

.controls a{
  text-decoration: none;
  color: #666666;
  padding: 0 2px;
}

.controls a.first{
  padding-left: 10px;
}

.controls a.last{
  padding-right: 10px;
}

.controls a.active{
  color: #fff;
}

.fader-page{
  opacity: 0;
  display: none;
  top: 0;
  left: 0;
  width: 540px;
  height: 336px;
  z-index: 5;
}



.fader-page a img{
  border: 0px;
  background-repeat: no-repeat;
}

#hero-fader_first{
  position: relative;
  height: 336px;
  width: 540px;
}

#hero-fader_first a{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 540px;
  height: 336px;
  border: 0px;
}