@charset "utf-8";
/*-------------------------- HOLDER --------------------------*/
html{overflow-y: scroll;background: #000 url(/_img/bg_main.gif) repeat-y;}
body {
  bottom:100%;
  color:#FFF;
  /*font: 12px Georgia, "Times New Roman", Times, serif; */
  font-family:tahoma,arial,helvetica,sans-serif;
  font-size: 14px;
  /*background:  url(/_img/needle_side.gif) no-repeat 981px 533px*/
} 
body, html {width:100%;height:100%;min-width:1100px;margin:0;padding:0;}
.holder{
  width:1100px;
  height:auto;
  position:relative;
}
.content {
  width:870px;
  padding:155px 15px 15px 35px;
  margin:0;
  position:relative;
  overflow:auto;
}
.item {
margin:0px; padding:0px; display:inline;
}
* html .content {overflow:visible;}
/*-------------------------- DEFAULT --------------------------*/
a {text-decoration:none;}
a:hover {text-decoration:underline}
.content a, .content a:visited {color:#FF0000}
.content a:hover{color:#FF0000;text-decoration:underline}
img {border-style:none;margin:0;padding:0;}
.clear {clear:both;height:1px;line-height:1px;}
.dark_grey{color:#666;width:837px;margin:0;padding:17px 0}
.dark_grey a{color:#666;width:837px;margin:0;padding:17px 0}
.img_border{border:2px solid #aaa;margin:0 2px 2px 0}
.img_border_big{border:15px solid #ffffff;margin:0 15px 15px 0}
.order{color:#666666}
/*-------------------------- CONTENT ---------------------------*/
.logo{
  display: block;
  height: 107px;
  width: 944px;
  position: absolute;
  left: 33px;
  top: 19px;
  background: url(/_img/logo.gif) no-repeat;
  z-index:1;
}
h1{
  font-size: 48px;
  line-height:120%;
  font-weight:normal
}
h2{
  /*font-family:Georgia, "Times New Roman", Times, serif; */
  font-size: 48px;
  display: block;
  line-height: 48px;
  background: url(/_img/zipper.png) no-repeat;
  padding: 6px 0px 0px 200px;
  margin: 0px 0px 60px -35px;
  height: 63px;
  vertical-align: top;
  font-weight: normal;
  clear:both;
  color: #aaa;
}
h2 a, h2 a:hover{text-decoration:none;cursor:default;}
h3{
  font-size: 29px;
  color: #F00;
  line-height: 30px;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 10px;
  }
/*-------------------------- Thumbs --------------------------*/
.thumb{
  display:block;
  float:left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  position:relative;
  overflow:visible;
  color:#FFF;
  text-decoration:none;
  z-index:1;
}
a.thumb:hover{color:#FFF;text-decoration:none!important}
.info{
  background: url(/_img/bg_info.png) no-repeat bottom;
  display: none; visibility: hidden; opacity: 0;
  height: auto;
  width: 200px;
  position: absolute;
  top: 75px;
  left:0;
  z-index: 3;
  padding: 0 0 24px;
  line-height: 120%;
  font-size:13px;
}
.info h3{
  background: url(/_img/bg_info_head.png) no-repeat;
  width:178px;
  padding: 29px 11px 10px;
  margin-top:-29px;
}
.info p{padding: 12px 11px;}
/*-------------------------- SideBar --------------------------*/
.side_menu{
  width: 174px;
  background: #0A0A0A url(/_img/bg_menu.gif) no-repeat;
  position: fixed;
  left: 920px;
  top: 218px;
  padding-left: 6px;
  padding-top: 18px;
}
.side_menu a {
  font-size: 14px;
  line-height: 110%;
  color: #FFF;
  display: block;
  background: url(/_img/list_menu.gif) no-repeat left center;
  padding-left: 9px;
  padding-bottom: 3px;
}
#lj  {
  background: transparent url(/_img/logo/lj.png) no-repeat left center;
  padding-left: 19px;
}
#fb  {
  background: transparent url(/_img/logo/facebook.png) no-repeat left center;
  padding-left: 19px;
}
#tw  {
  background: transparent url(/_img/logo/twitter.png) no-repeat left center;
  padding-left: 19px;
}
#pdf  {
  background: transparent url(/_img/logo/pdf.png) no-repeat left center;
  padding-left: 19px;
}
#vim  {
  background: transparent url(/_img/logo/vimeo.png) no-repeat left center;
  padding-left: 19px;
}

.side_menu a:hover{text-decoration:none;color:#F00;}
.lang{
  background: url(/_img/needle_lang.png) no-repeat left center;
  display: block;
  height: 37px;
  width: 33px;
  position: absolute;
  left: 924px;
  top: 169px;
  z-index: 1;
  color: #F00;
  font-size: 10px;
  padding-left: 15px;
  line-height:18px;
}
.lang a{
  color:#FFF;
  display:block;
}
/*-------------------------- Footer --------------------------*/
.power_by{
  background: url(/_img/needle_pb.gif) no-repeat 38px 0px;
  font-size: 10px;
  color: #666;
  text-align: left;
  vertical-align: top;
  height: 20px;
  width: 164px;
  display: block;
  float: right;
  position: relative;
  margin: 0px;
  padding: 15px 0px 0px;
}
.power_by a{
  color:#F00;
  text-decoration:underline;
  padding-left: 4px;
  margin-right: -2px;
}
.power_by a:hover{text-decoration:none;color:#fff}
/*-------------------------- OrderForm --------------------------*/
.but_buy{
  background: url(/_img/but_buy.gif) no-repeat;
  height: 40px;
  width: 52px;
  border-style: none;
  margin: 5px;
}
.f_line{
  border-style: none;
  background: url(/_img/bg_input.gif) no-repeat right;
  background-color:transparent !important;
  height: 24px;
  width: 433px;
  display: block;
  color: #CCC;
  margin: 0px;
  padding: 12px 15px 0px 5px;
  overflow: visible;
  -moz-appearance: none !important; 
}
.f_area{
  background: url(/_img/bg_textarea.gif) no-repeat !important;
  background-color:transparent !important;
  color: #CCC;
  padding: 0px;
  height: 170px;
  width: 433px;
  border-style: none;
  padding: 15px 15px 10px 5px;
  overflow: visible;
}

.note{
  color: #FF0000;
  font-weight : bold;
}
/*-------------------------- OVERWRITE ------------------------*/
* html h2 {background: url(/_img/zipper.gif) no-repeat;}
* html .lang{background: url(/_img/needle_lang.gif) no-repeat left center;}
* html .info{background: url(/_img/bg_info.gif) no-repeat;}
* html .info h3{background: url(/_img/bg_info_head.gif) no-repeat;}
*:first-child+html  .f_area{width: 446px;}
* html .f_area{width: 446px;}
* html .side_menu{position:absolute;}