html,body{margin:0px;padding:0px;}
p,div,span,a,label,h1,h2,input{font-family: "Arial", sans-serif;color:#2f556b;font-size:15px;}
body{background-image:url('../images/body-bg.png');background-repeat:repeat-x;background-position:0px -38px;}

.hidden{display:none;}
.block{display:block;}
.pointer{cursor:pointer;}
div.center{margin-left:auto;margin-right:auto;position:relative;}
p.center{text-align:center;}
.no-decoration{text-decoration:none;}
.clear{clear:both;}
.strong{font-weight:bolder;}
.no-margin{margin:0px;padding:0px;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.nodecor{text-decoration:none;}
div.space10{position:relative;height:10px;z-index:-1;}
div.space15{position:relative;height:15px;z-index:-1;}
div.space22{position:relative;height:22px;z-index:-1;}
div.space25{position:relative;height:25px;z-index:-1;}
div.space28{position:relative;height:28px;z-index:-1;}
div.space30{position:relative;height:30px;z-index:-1;}
div.space35{position:relative;height:35px;z-index:-1;}
div.space40{position:relative;height:40px;z-index:-1;}
pre{color:#FFFFFF;}
.needed{color:#FF0000;}
p{margin:0px;padding:0px;}
input.error,textarea.error{border:1px solid #FF0000;}
label{cursor:pointer;text-decoration:none;}
label:hover{cursor:pointer;text-decoration:underline;}
input{font-size:11px;border:1px solid #479FC5;}
textarea{font-size:11px;border:1px solid #479FC5;}
a img{border:0px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
/*borders*/
.logoad{border:1px solid #FF0000;}

h1{font-size:18px;font-weight:bolder;}
/*######################*/
#logg{position:relative;top:0px;left:0px;}
.body{height:872px;width:940px;background-image:url('../images/body-small-bg.png');background-repeat:repeat-x;background-position:0px -38px;}
.header{position:relative;height:87px;}
.header .ch-lang{background-image:url('../images/lang-ch-b-bg.png');background-repeat:repeat-x;position:absolute;padding:11px;font-size:15px;color:#7DACC6;font-weight:bold;display:block;top:67px;right:80px;text-decoration:none;text-transform:uppercase;}
.header .ch-lang .b-left{background-image:url('../images/lang-ch-b-left.png');background-repeat:no-repeat;width:20px;height:38px;position:absolute;top:0px;left:-20px;}
.header .ch-lang .b-right{background-image:url('../images/lang-ch-b-right.png');background-repeat:no-repeat;width:20px;height:38px;position:absolute;top:0px;right:-20px;}
.header .logo{width:253px;height:68px;background-image:url('../images/logo.png');background-repeat:no-repeat;top:0px;left:45px;position:absolute;background-position:right bottom;z-index:1;}
.header .logo a{width:237px;height:53px;display:block;position:relative;top:15px;left:15px;z-index:10;}
.header .logo .logo-r{position:absolute;top:14px;left:15px;z-index:2;}

.header #menu-top{position:relative;float:right;right:50px;height:43px;top:15px;width:433px;}
.header #menu-top .separator{width:2px;background-color:#77a9bf;display:inline-block;height:43px;position:relative;}
.header #menu-top .item{background-image:none;text-decoration:none;display:inline-block;text-transform:uppercase;font-weight:bolder;color:#608aa2;padding-left:15px;padding-right:10px;padding-top:13px;height:30px;top:-14px;position:relative;font-size:16px;letter-spacing:1px;}
.header #menu-top .item:hover,.header #menu-top .selected{background-image:url('../images/menu-top-bg.png');}

.content{width:820px;height:680px;}
.content p,.content a,.content div,.content span{font-family:"Tahoma";}


#ruller{height:203px;position:relative;left:-14px;}
#ruller-content .item{height:181px;width:183px;display:inline-block;background-color:#e8e2d3;margin-right:30px;position:relative;z-index:2}
#ruller-content .item .shadow{background-image:url('../images/ruller-shadow.png');width:215px;height:217px;z-index:1;top:-14px;left:-15px;position:absolute;}
#ruller-content .item .shadow{background:none\0/ !important;}/*FixIE*/
#ruller-content{position:relative;height:203px;overflow:hidden;width:824px;white-space:nowrap;padding-top:15px;z-index:1;padding-left:12px;padding-right:15px;}
#ruller-content .img-box img{width:183px;height:181px;}
#ruller-content .img-box{position:relative;z-index:2;}

#ruller #ruller-contr-left{display:block;width:27px;height:113px;position:absolute;z-index:99;background-image:url('../images/gallery-control-left.png');left:-26px;top:50px;background-position:0px 0px;}
/*#ruller #ruller-contr-left:hover{background-position:-27px 0px;}*/
#ruller #ruller-contr-right{width:27px;height:113px;position:absolute;z-index:99;background-image:url('../images/gallery-control-right.png');right:-56px;top:50px;background-position:0px 0px;}
#ruller #ruller-contr-right:hover{background-position:-27px 0px;}
#ruller #ruller-scroll{position:relative;white-space:nowrap;}

#ruller #ruller-loading{position:absolute;top:-10px;left:313px;}

#project-info{position:relative;height:423px;background-color:#e8e2d3;z-index:1;}
#project-info #project-content{position:relative;height:423px;z-index:2;visibility:visible;opacity:0;}
#project-info #screen-shoot{float:left;background-color:#d5cfc0;height:423px;width:554px;overflow:hidden;}
#project-info #screen-shoot img{cursor:url('../images/icon-zoom.cur'),pointer;}
#project-info #project-params{width:245px;height:423px;overflow:hidden;padding-top:10px;padding-left:17px;}
#project-info #project-loader{position:absolute;top:10px;left:313px;z-index:3}
#project-info #site-link{display:block;width:118px;height:27px;background-image:url('../images/go-to-site.png'); }
#project-info #site-link{background-image:url('../images/go-to-site.gif')\0/ !important;}/*FixIE*/
#project-info #site-link a{color:#FFFFFF;display:block;font-size:12px;font-weight:bold;left:30px;position:relative;text-decoration:none;text-transform:uppercase;top:6px;width:88px;}
/*#project-info #project-images img{display:block;float:left;margin:3px;}*/
#project-info #project-images img{float:left;margin:5px;padding:2px;background-color:#FFFFFF;border:1px solid #222222;opacity:0.5;cursor:pointer;width:45px;height:45px}
#project-info #project-images img:hover{opacity:1;}
#project-info #techs{padding-top:5px;}
#project-info #techs img{float:left;margin:4px;height:16px;}

#description-text{font-size:14px;}

#project #project-content{opacity:1 !important;}
#projects{position:relative;}
#projects-items .item{height:181px;width:183px;display:inline-block;background-color:#e8e2d3;margin-right:30px;margin-bottom:30px;position:relative;z-index:2}
#projects-items .item .shadow{background-image:url('../images/ruller-shadow.png');width:215px;height:217px;z-index:1;top:-14px;left:-15px;position:absolute;}
#projects-items .item .shadow{background:none\0/ !important;}/*FixIE*/
#projects-items{position:relative;width:870px;z-index:1;left:-10px;height:630px;}
#projects-items .img-box img{width:183px;height:181px;}
#projects-items .img-box{position:relative;z-index:2;}

#content{height:450px;overflow:auto;}

#div-form-contacts{width:400px;}
.form-field{display:block;position:relative;width:400px;margin-bottom:15px;}
.form-field label{font-size:16px;}
.form-field input {width:400px;font-size:18px;}
.form-field textarea {width:400px;height:150px;font-size:18px;}
.form-submit{text-align:center;}
.form-submit input{font-size:16px;cursor:pointer;}

.copy{bottom:22px;color:#608AA2;font-size:12px;left:25px;position:absolute;}

.developers{position:absolute;bottom:7px;left:400px;color:#DBC779;font-size:11px;}
.developers a{color:#DBC779;text-decoration:none;font-size:11px;}
.developers a:hover{color:#DBC779;text-decoration:underline;font-size:11px;}
.navigation{border-bottom: 0px; border-left: 0px; color: #666; border-top: 0px; border-right: 0px;}
.navigation a:link {border-bottom: #e6e6e6 1px solid; border-left: #e6e6e6 1px solid; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; background: #f9f9f9; color: #636363; font-size: 11px; border-top: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; text-decoration: none; padding-top: 3px;}
.navigation a:visited {border-bottom: #e6e6e6 1px solid; border-left: #e6e6e6 1px solid; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; background: #f9f9f9; color: #636363; font-size: 11px; border-top: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; text-decoration: none; padding-top: 3px;}
.navigation a:hover {border-bottom: #e6e6e6 1px solid; border-left: #e6e6e6 1px solid; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; background: #f9f9f9; color: #636363; font-size: 11px; border-top: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; text-decoration: none; padding-top: 3px;}
.navigation a:active {border-bottom: #e6e6e6 1px solid; border-left: #e6e6e6 1px solid; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; background: #f9f9f9; color: #636363; font-size: 11px; border-top: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; text-decoration: none; padding-top: 3px;}
.navigation a:hover {border-bottom-color: #e6e6e6; border-top-color: #e6e6e6; background: #02558B; color: #ffffff; border-right-color: #e6e6e6; border-left-color: #e6e6e6;}
.navigation span {border-bottom: #e6e6e6 1px solid; border-left: #e6e6e6 1px solid; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; background: #fff; color: #ccc; font-size: 11px; border-top: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; text-decoration: none; padding-top: 3px;}
.navigation span.nav_ext {border-bottom: medium none; border-left: medium none; background: none transparent scroll repeat 0% 0%; border-top: medium none; border-right: medium none;}