* {
	margin: 0;
	padding: 0;
}
body {
	font: Arial, Verdana, sans-serif;
	background:url(img/bg.png) repeat;
	color: #ccc297;
	font-weight:normal;
	margin:0;
	margin-bottom:40px;
	border-right: 4;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	min-width: 1000px;
	background:url("img/img.png") no-repeat scroll right 0 transparent;
	height:400px;
	padding:80px;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 150px;
	background: #FFE680;
}


/* Middle
-----------------------------------------------------------------------------*/
#content {
  text-align:center;
  padding-top:75px;
}

#links{
list-style:none;
}

#links li{
float:left;
width:150px;
}

.link{
   color:#bcff01;
}

.hid{
display:none
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 100px;
	background: #BFF08E;
}
        .overlay{
            background:transparent url(img/overlay.png) repeat top left;
            position:fixed; /* ôèêñèì è äàëåå ðàñòÿãèâàåì íà âåñü ýêðàí*/
                top:0px;
                bottom:0px;
                left:0px;
                right:0px;
                z-index:100;   /* ïîäíèìåì åãî âûøå îñíîâíîé ðàçìåòêè*/
            }
                    .nonebox{
             position:fixed;
             top:-300px;
             left:35%;
             right:35%;
             background:#fff;
             color:#4d4d4d;
             padding:20px;
             border:5px solid #e4e4e4;
             padding:25px;
             z-index:101;   /* à åãî âûøå ôîíîâîãî áëîêà*/
        }

        a.box-close{
             float:right;
             width:26px;
             height:26px;
             background:url('img/close.png') repeat top left;
             margin:-30px -30px 0px 0px;
             cursor:pointer;
            
        }





.buttonText {
font: 18px/1.5 Helvetica, Arial, sans-serif;
color: #fff;
}
  
a {
color: #fff;
text-decoration: none;
}

#button1 {
background: #6292c2;
border: 2px solid #eee;
height: 28px;
width: 115px;
margin: 50px 0 0 50px;
padding: 0 0 0 7px;
overflow: hidden;
display: block;
}





.capt{
text-shadow: 0 0 10px #ccc297;
font-size:30px;
color:#ccc297;

}

#list{
 background:url('img/list.png') no-repeat;
 width:320px;
 height:459px;
 display:block;
 margin:0 auto;
}

#scrollbar1 { width: 295px; margin: 0px 0 10px 0; }
#scrollbar1 .viewport { width: 278px; height: 395px; overflow: hidden; position: relative; text-align:left}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; padding-left:15px;}
#scrollbar1 .scrollbar{ background: transparent url(img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
#inp{
background: transparent url(img/input.png) no-repeat 0 0; width:265px;height:59px;margin-left:20px;
}
#search{
margin:16px 21px;
height:20px;
width:220px;
   -moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #000000;
   
}
.clr{clear:both}



#back-top {
	position: fixed;
	bottom: 20px;
	margin-left: 300px;
	}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
 	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
#back-top a:hover {
	color: #000;
	}
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(http://infonet.kz/images/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
#back-top a:hover span {
	background-color: #777;
}