@charset "UTF-8";

/*
	Created by SDPsM (http://alest.cc)
*/

/* Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
strong{font-style:normal;font-weight:bold}
em{font-style:italic;font-weight:normal}
ul{list-style:disc;padding:0 0 15px 15px}
ol{list-style:decimal;padding:0 0 15px 25px}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
fieldset,img,abbr,acronym{border:0}
html,body{height:100%;width:100%}

/*html{overflow: hidden}*/

/* Layouts & Globals */
a{color:#000;font-weight:700}
a img{border:0}
a:hover{text-decoration:none}
body{background:#FFF url(/images/bg-small.jpg) top left;font:13px "Trebuchet MS"}
br.all{clear:both}
.g-hidden{display:none}
div.b-block{padding:77px;position:absolute}
div.b-box-articles{background:url(/images/articles-bg.gif) top left;padding:10px}
div.b-box-index{background:#FFF url(/images/intro-bg.gif) top left;padding:10px}
div.b-box-info{background:url(/images/info-bg.gif) top left;padding:10px}
div.b-box-projects{background:url(/images/projects-bg.gif) top left;padding:10px}
div.b-content{width:515px}
div.b-page{background:#FFF;border:2px solid #000;padding:37px 50px 55px}
div.b-tip{background:#FFF;border:2px solid #000;font-size:11px;padding:7px 10px;position:absolute;text-align:center;width:150px}
div.ball_metal_big{background:url(/images/ball-metal-big.png) no-repeat top left;height:102px;width:117px}
div.ball_metal_small{background:url(/images/ball-metal-small.png) no-repeat top left;height:61px;width:71px}

div.b-indicator{cursor:pointer;float:left;height:23px;margin-right:15px;width:47px;background:url(/images/indicators.gif) no-repeat top left}
div.b-indicator-red{}
div.b-indicator-yellow{background-position:left -23px;cursor:default}
div.b-indicator-green{background-position:left -46px;cursor:default}

h2{font:bold 25px "Trebuchet MS";margin:0;padding:0}
h3{color:#900;font:20px "Trebuchet MS"}
input.i-submit{background:transparent;border:0;color:#4d4d4d;cursor:pointer;font:bold 17px "Trebuchet MS"}
input.i-text{background:transparent;border:1px solid #4d4d4d;color:#4d4d4d;height:17px;width:355px}
p{margin:5px;padding:3px}
p.p-highlited{background:#fb0;padding:15px 20px}
p.p-task{background:url(/images/task-bg.gif) top left}
span.s-error{color:red;font-weight:700}
span.s-ok{color:green;font-weight:700}
span.g-hidden{display:none}
textarea{border:1px solid #4d4d4d;color:#4d4d4d;width:355px}
ul,ol{padding:0 0 10px 25px}
ul li, ol li{padding: 5px 0}

#articles_list{left:77px;top:1700px}
#bg{height:2888px;position:absolute;width:2577px}
#bg h1{display:none}

#contacts{left:377px;top:977px}
#contacts table{margin-top:7px}
#contacts table td{font-size:13px;padding:5px 5px 0 0;text-align:right;vertical-align:middle}
#contacts table td input.i-submit{margin:0 0 20px 7px}
#contacts table td.left{text-align:left}

#copyright{bottom:5px;font-size:10px;position:fixed;right:5px;width:335px;z-index:77}
#copyright a{color:#FFF;font-weight:400}
#copyright div.b-black{background:#000;float:left;height:17px;width:10px}
#copyright div.b-box{background:url(/images/logo-bg.gif) top left;color:#FFF;float:left;height:15px;margin-right:1px;overflow:hidden;padding:1px 7px}

#indicatorBall{left:675px;position:absolute;top:37px}
#indicatorMouseSpeedometer{left:675px;position:absolute;top:13px}
#indicatorPageScroller{left:627px;position:absolute;top:13px}

#logo{left:10px;position:fixed;top:10px;width:617px;z-index:77}
#logo a{color:#ffbf00;outline:none}
#logo a:hover{color:#FFF;text-decoration:underline}
#logo div.b-cells{float:left;height:60px;width:422px}
#logo div.b-cells div{background:url(/images/logo-bg.gif) top left;float:left;height:23px;margin:0 1px 1px 0;overflow:hidden;padding:3px 0;text-align:center;width:210px}
#logo div.b-column{background:#000;float:left;height:59px;margin:0 1px 0 0;width:10px}
#logo div.b-column-logo{width:160px}

#mbPool{left:1333px;top:1777px}
#mbPool #mbPoolScreen{background:url(/images/articles-bg.gif) top left;border:1px solid #000;height:344px;margin:auto;width:344px}
#mbPool #mbPoolScreen table{margin-top:2px}

#index{left:125px;top:0}
#projects{left:1333px;top:77px}
#why_me{left:600px;top:555px}
#why_me div.b-content{width:425px}
#sdpsmPageScroller{left:577px;top:1677px}
#storage{left:0;top:2055px}
#work_principles{left:1377px;top:888px}

#tip-discount{left:333px;top:600px}
#tip-aiesec{left:1333px;top:-17px}
#tip-priceHtml{left:15px;top:333px}
#tip-pricePhp{left:777px;top:21px}
#tip-storage{left:77px;top:77px}
