HTML
			{
			overflow-y: scroll;
			}
		BODY
			{
	    	margin: 0px auto;
      		padding: 0px 0px 50px 0px;
			font-family: Trebuchet MS;
			color: #D8C8A6;
			font-size: 14px;
			background: url(../images/background.jpg) no-repeat center top;
			background-color: #000;
			line-height: 20px;
			}
		A:link, A:visited, A:active
			{
			color: #F4AD54;
			text-decoration:none;
			}

 ul li
	{ 
	list-style-type: disc;
	}
	
	A:hover
	{
	/*cursor:url(../images/cursor.ico), auto;*/
	color:gray;
	}
			
.qtxt
	{
    color:#F4AD54;
    }
        
.pic
	{
    margin:10px;
	border: 1px solid #9b6f11;
	padding: 1px;
	background: #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
        
.pic:hover
	{
	border-color:#3d3d3c;
    }
	
.img-capt {
	display: block;
	width: 600px;
	position: relative;
	margin: 0 auto;
}

.img-capt:hover {
	border-color:#3d3d3c;
}

.img-capt a {
	display: block;
	width: 600px;
}

.img-capt a img {
	width: 600px;
	border: 1px solid #9b6f11;
	padding: 1px;
	background: #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.img-capt .img-txt {
	width: 592px;
	position: absolute;
	bottom: 1px; left:1px;
	padding: 3px 5px;
	background: rgba(0, 0, 0, 0.8);
	color: #999;
	text-align: center;
}
        
.imgteaser { /* общий блок */
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-align:left;
  border: 0;
  
}

.imgteaser img { /* изображение */
  border: none; 
}

.imgteaser .more { /* "подробнее" */
  background: rgba(0, 0, 0, 0.6);  
  color: #FFF;
  min-height:20px;
  width:100%;
  font-family:Verdana;
  font-size: 12px;
  padding:10px;
  position: absolute;
  bottom:0px;
  transition:all .2s;
  -moz-transition:all .2s; /* Firefox 4 */
  -webkit-transition:all .2s; /* Safari and Chrome */
  -o-transition:all .2s; /* Opera */
}

.imgteaser:hover .more { /* "подробнее" */
background: rgba(0, 0, 0, 0.9);
min-height:50px;
}

.imgteaser .more2 { /* "подробнее" */
position:absolute;
padding-right:25px;
opacity:0;
font-size:11px;
line-height:15px;
}

.imgteaser:hover .more2 { /* "подробнее" */
opacity:1;
}

.imgteaser .more3 { /* "подробнее" */
  background-color: #000;  
  color: #FFF;
  min-height:20px;
  width:100%;
  font-family:Verdana;
  font-size: 12px;
  padding:10px;
  opacity:.6; 
  position: absolute;
  bottom:0px;
  transition:all .2s;
  -moz-transition:all .2s; /* Firefox 4 */
  -webkit-transition:all .2s; /* Safari and Chrome */
  -o-transition:all .2s; /* Opera */
}

.imgteaser:hover .more3 { /* "подробнее" */
opacity:0.8;
}

.imgteaser2 { /* общий блок */
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-align:left;
  border-radius: 5px;
  border: 2px solid #070707;
  
}


.imgteaser2 img { /* изображение */
  border: none;
  opacity: 0.8;
   transition:all .2s;
  -moz-transition:all .2s; /* Firefox 4 */
  -webkit-transition:all .2s; /* Safari and Chrome */
  -o-transition:all .2s; /* Opera */
}

.imgteaser2:hover img { /* изображение */
	opacity: 1;
}

.imgteaser2 .more { /* "подробнее" */
  background: rgba(0, 0, 0, 0.6);  
  color: #FFF;
  min-height:20px;
  width:100%;
  font-family:Verdana;
  font-size: 15px;
  font-weight: bold;
  padding:7px 0 7px 0;
  position: absolute;
  bottom:0px;
  transition:all .2s;
  -moz-transition:all .2s; /* Firefox 4 */
  -webkit-transition:all .2s; /* Safari and Chrome */
  -o-transition:all .2s; /* Opera */
  text-align: center;
}

.imgteaser2:hover .more { /* "подробнее" */
background: rgba(0, 0, 0, 0.9);
}

.imgteaser2 .more2 { /* "подробнее" */
position:absolute;
padding-right:25px;
opacity:0;
font-size:11px;
line-height:15px;
}

.imgteaser2:hover .more2 { /* "подробнее" */
opacity:1;
}

.imgteaser2 .more3 { /* "подробнее" */
  background-color: #000;  
  color: #FFF;
  min-height:20px;
  width:100%;
  font-family:Verdana;
  font-size: 12px;
  padding:10px;
  opacity:.6; 
  position: absolute;
  bottom:0px;
  transition:all .2s;
  -moz-transition:all .2s; /* Firefox 4 */
  -webkit-transition:all .2s; /* Safari and Chrome */
  -o-transition:all .2s; /* Opera */
}

.imgteaser2:hover .more3 { /* "подробнее" */
opacity:0.8;
}

.imgteaser-right
  {
  margin:5px 5px 0px 5px;
  float:right;
  }

.imgteaser-left
  {
  margin:5px 5px 0px 5px;
  float:left;
  }

        
     .new
        {
        text-transform:uppercase;
        color:white;
    	font-family:Times New Roman;
    	font-size:25px;
        letter-spacing:1px; 
        }
        
      .new2
        {
        margin-top:75px;
        color:#F4AD54;
    	font-family:Times New Roman;
    	font-size:20px;
        letter-spacing:1px;
        }
        
      .new3
        {
        margin:0px;
        color:#f1b76e;
    	  font-size:12px;
        letter-spacing:1px; 
        }
        
       .new4
        {
        margin-top:75px;
        color:white;
    	font-family:Times New Roman;
    	font-size:20px;
        letter-spacing:1px;
        }
        
      .up
        {
        position:absolute;
        margin:0px 0px 0px -100px;
        background:url(../images/up.png) no-repeat;
        width:500px;
        height:25px;
        }
        
      .up:hover
        {
        background-position: 0px -25px;
        }
        
    .opacity
      {
      opacity:0.7;
      }
      
    .opacity:hover
      {
      opacity:1.0;
      }
    
    .tb1
      {
      padding:5px;
      background-color:#090909;
      border: 1px solid #414141;
      color:#bbbbbb;
      font-size:85%;
      }
      
    #maket
      {
      margin:0px auto;
			width: 1100px;
      }
    
    #logo
      {
      margin-top:50px;
      margin-left:299px;
      width:503px;
      height:295px;
      background:url(../images/logo.png) no-repeat;
      }
      
    #content-header
      {
      margin-top:50px;
      margin-left:94px;
      background:url(../images/content_header.png) no-repeat;
      width:912px;
      height:100px;
      }
      
      
    .block
      	{
      	/* 80 + 14 + 6 (= 100) + 900 = 1000 + 6 + 14 + 80 (=1100) */
      	width:900px;
      	min-height:500px;
      	margin-left:80px;
      	margin-top:10px;
      	background-color:#111111;
      	padding:6px;      
		border-width: 14px 14px 14px 14px;
		border-style:solid;
		border-image:url(../images/border_block.png) 14 14 14 14 stretch stretch;
		-o-border-image:url(../images/border_block.png) 14 14 14 14 stretch stretch;
      	-moz-border-image:url(../images/border_block.png) 14 14 14 14 stretch stretch;
    	-webkit-border-image:url(../images/border_block.png) 14 14 14 14 stretch stretch;
      	}
      
    .block-left
      {
      margin:5px;
      width:440px;
      float:left;
      }
      
     .block-right
      {
      margin: 10px;
      padding: 0 10px 0 10px;
      width: 308px;
      float: right;
      border: 2px solid #050505;
      overflow: hidden;
      background:url(../images/bg-note-block.jpg) no-repeat;
      }
      
    #footer
      {
      width:800px;
      margin:50px auto;
      height:50px;
      clear:both;
      }
      
    #main
      {
      margin-left:30px;
      display:inline-block;
      position:absolute;
      background:url(../images/main.png) no-repeat;
      width:100px;
      height:50px;
      }
    #main:hover
      {
      background-position: 0px -50px;
      }
      
    #solution
      {
      margin-left:150px;
      display:inline-block;
      position:absolute;
      background:url(../images/solution.png) no-repeat;
      width:130px;
      height:50px;
      }
    #solution:hover
      {
      background-position: 0px -50px;
      }
      
    #screens
      {
      margin-left:300px;
      display:inline-block;
      position:absolute;
      background:url(../images/screens.png) no-repeat;
      width:130px;
      height:50px;
      }
    #screens:hover
      {
      /*background-position: 0px -50px;*/
      }
      
    #video
      {
      margin-left:430px;
      display:inline-block;
      position:absolute;
      background:url(../images/video.png) no-repeat;
      width:100px;
      height:50px;
      }
    #video:hover
      {
      /*background-position: 0px -50px;*/
      }
      
    #articles
      {
      margin-left:300px;
      display:inline-block;
      position:absolute;
      background:url(../images/articles.png) no-repeat;
      width:100px;
      height:50px;
      }
      
    #articles:hover
      {
      background-position: 0px -50px;
      }
      
      #guide
      {
      margin-left:420px;
      display:inline-block;
      position:absolute;
      background:url(../images/guide.png) no-repeat;
      width:150px;
      height:50px;
      }
      
    #guide:hover
      {
      background-position: 0px -50px;
      }
      
    #twitter
      {
      margin-left:830px;
      margin-top:10px;
      position:absolute;
      display:inline-block;
      background:url(../images/twitter.png) no-repeat;
      width:25px;
      height:25px;
      opacity:0.2;
      transition:opacity .2s;
      -moz-transition:opacity .2s; /* Firefox 4 */
      -webkit-transition:opacity .2s; /* Safari and Chrome */
      -o-transition:opacity .2s; /* Opera */
      }
      
    #twitter:hover
      {
      opacity:1;
      background-position:0px -25px;
      }
    
    #vkontakte
      {
      margin-left:800px;
      margin-top:10px;
      position:absolute;
      display:inline-block;
      background:url(../images/vkontakte.png) no-repeat;
      width:25px;
      height:25px;
      opacity:0.2;
      transition:opacity .2s;
      -moz-transition:opacity .2s; /* Firefox 4 */
      -webkit-transition:opacity .2s; /* Safari and Chrome */
      -o-transition:opacity .2s; /* Opera */
      }
      
    #vkontakte:hover
      {
      opacity:1;
      background-position:0px -25px;
      }
      
    #esn
      {
      margin-left:770px;
      margin-top:10px;
      position:absolute;
      display:inline-block;
      background:url(../images/esn.png) no-repeat;
      width:25px;
      height:25px;
      opacity:0.7;
      transition:opacity .2s;
      -moz-transition:opacity .2s; /* Firefox 4 */
      -webkit-transition:opacity .2s; /* Safari and Chrome */
      -o-transition:opacity .2s; /* Opera */
      }
      
    #esn:hover
      {
      opacity:1;
      background-position:0px -25px;
      }
      
     li
      {
	    list-style: none;	
      }
      
    .content
      {
      padding:0px 0px 0px 0px;
      }
      
    .page_navigation , .alt_page_navigation
	{
	padding-bottom: 10px;
	padding-left: 10px;
	}

    .page_navigation a, .alt_page_navigation a
	{
	opacity:0.7;
	text-transform:uppercase;
	color:white;
	font-family:Times New Roman;
	font-size:40px;
	letter-spacing:1px;
	margin:5px;
	}
      
    .page_navigation a:hover, .alt_page_navigation a:hover
	{
	opacity:1;
	text-transform:uppercase;
	color:white;
	font-family:Times New Roman;
	font-size:40px;
	letter-spacing:1px;
	margin:5px;
	}
	
h4 {
	margin: 0 0 10px 0;
	padding: 0;
	height: 20px;
	color: #f9bd6f;
	font-family: Philosopher;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}

blockquote {	
	margin: 15px 0;
    padding: 1px 15px;
	background: #222;
	border: 1px solid #333;
	border-radius: 4px;
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height: 20px;
	color: #b3b3b3;
}

blockquote h4 {
	margin: 10px 0 0 0;
}

table.main {
    width: 100%;
	margin: 20px 0;
	background: #252525;
    border: solid 1px #101010;
    border-collapse: separate;
}
    
table.main tr {
   	background: url('../images/table.png') repeat;
}

table.main thead tr {
    background: #101010;
	color: #fff;
}
    
table.main td {
    padding: 4px 7px;
	vertical-align: middle;
    border: 1px solid #101010;
}

.hint {
	position: relative;
	border-bottom: 1px dashed #d8c8a6;
}

.hint:hover:before {
	content: attr(data-title);
	position: absolute;
	z-index: 2;
	left: 0px;
	bottom: 25px;
	padding: 5px 10px;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
	border: 1px solid #333;
	font-family: Arial;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
}