@charset "windows-1251";
/* CSS Document */

body {background:#FFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; position:relative; min-width:960px;background:url(../images/bg.jpg) top repeat; background-attachment:fixed;}
div.hr {clear: both;border: none;color: #e7e6e4;height: 1px;background-color: #488ECC;margin: 20px 0;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.margin { margin:0px;}
p {margin-bottom:20px; line-height:20px;}
a {text-decoration:underline; color:#000;}
a:hover {text-decoration:none;}
h2 {font-size:24px; margin-bottom:20px;}
ul {list-style:square;}

/* Buttons */
.button{background:url("../images/but_color_med_transp.png") top repeat-x;padding:6px 7px 8px 7px;font-weight:bold;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;display:inline-block;vertical-align:top;}
.button a{	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);padding:8px 10px 9px 7px;color:white;display:block;	font-size:12px!important;text-decoration:none;background:url("../images/but_join.png") top repeat-x;text-shadow:0px -1px 0px #0034a4;border:1px solid #29629d;}
.button a:hover{background:url("../images/but_join_hover.png") top repeat-x;}

#container { position:relative; padding:10px 0; height:100%;}
#footer {width:960px; margin:0 auto; text-align:center; display:block; font-weight:normal; color:#fff;}
#footer a {color:#fff;}

#menu {display:block; width:960px; margin:0 auto 10px auto;}
#menu ul {list-style:none; display:inline-block;}
#menu ul li {display:inline-block; margin-left:31px;}
#menu ul li:first-child {margin-left:0px;}
#menu ul li a {display:block; height:35px; text-indent:-9999px; background-repeat:no-repeat; background-image:url(../images/buttons.png);}
#menu .index a { width:83px; background-position:0 center;}
#menu .about a { width:122px; background-position:-112px center;}
#menu .feedback a { width:78px; background-position:-267px center;}
#menu .history a { width:98px; background-position:-375px center;}
#menu .tech a { width:160px; background-position:-514px center;}
#menu .where a { width:112px; background-position:-706px center;}
#menu .support a { width:120px; background-position:-845px center;}

#main_block {display:block; position:relative; left:50%; margin:0 0 0 -480px; width:960px; height:auto;}
#index { width:960px; height:621px; background:url(../images/index.jpg) top no-repeat;}
#list { width:880px; height:auto; background:url(../images/list.jpg); padding:40px;}

form#addcom {float:right; clear:both; width:300px; margin:0 20px 0 20px; z-index:100 !important; position:relative;}
form#addcom h2 {margin-bottom:20px;}
form#addcom input[type=text], form#addcom textarea {width:100%; padding:10px; font-size:14px; overflow:hidden; outline:none; border:none;}

div.feedback {display:block; padding-bottom:19px; background:url(../images/arrow.png) 20px bottom no-repeat;}
div.feedback p {background:url(../images/feedback.png); padding:10px; font-size:14px; font-weight:normal; margin:0px;}
#feedback form#addcom {float:none; margin:0px;}
#feedback form#addcom input[type=text], #feedback form#addcom textarea {width:260px; height:20px; float:left; margin-right:10px;}

#buy-link {line-height:16px; text-align:center;display:inline-block;vertical-align:top; width:auto; text-decoration:none!important; position:absolute; top:530px; right:50px; z-index:999;}
#buy-link {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:10px 14px 14px 14px;text-shadow:0px -1px 0px #c81300;background:#F00;border:1px solid #92392a;color:white;display:block; cursor:pointer;}
#buy-link:hover {background-position:bottom;text-shadow:0px -1px 0px #a70700;border:1px solid #833629;}

.tooltip {position:absolute;display:block; width:62px; height:62px; cursor:pointer; z-index:1000;}
.tooltip:hover {z-index:200;}
.tooltip .round {display:block; width:62px; height:62px; background:url(../images/tip.png) top no-repeat;}
.tooltip .round:hover, .tooltip:hover .round { background-position:bottom;}
.tip1 {left:490px; top:222px;}
.tip2 {left:590px; top:302px;}
.tip3 {left:755px; top:250px;}
.tooltip .tip {left: -999em; position: absolute; display:block; width:auto; height:auto; padding:20px; background:#ebe4d2 url(../images/list.jpg);;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; text-align:center;}

.tip1:hover .tip { top: 100px; left: -225px;}
.tip2:hover .tip { top: 90px; left: -25px;}
.tip3:hover .tip { top: -170px; left: -185px;}