@CHARSET "UTF-8";

body {margin: 0; padding: 0; font-family:arial; background:#080F01}

img{border:none}

#background{
    height:100%;
    position:absolute;
    width:100%;
    z-index:-1;
}
.nav{float: left}
#logo{float: left}
#top-nav{float: right;position: relative; margin: 20px 0 0 0}
#top-nav a{display: block; float: left; 
margin-left: 15px; 
width: 20px; text-align: center}
#menu{float: right; margin-top: 15px; position: relative}
#menu-2-top{
    background: transparent url("img/bckg-top.png") no-repeat top center;
    height: 31px
}
#menu-2-bckg{background:#DDDDDD;height:205px;margin-left:25px;width:900px}
#menu-2{
    background:transparent url(img/menu2-bckg.png) no-repeat scroll top center;
    height:230px;
    margin-top:-230px
}


.horisontal-menu{list-style: none; margin: 0 auto; padding: 0}
.horisontal-menu li{
    float: left;
    margin-right: 20px;
    position: relative; 
    font-size: 90.01%;
    width:105px;
    height:43px;
    text-align: left;
}
.horisontal-menu li a{
    text-decoration: none;
    display: block;
    color: #B4B4B4;
    line-height:45px;
    width:105px;
    height:43px;
    text-align: left;
}
.horisontal-menu li span{
    display:block;
    text-align:center;
    width:95px;
}
#active a, .horisontal-menu li a:hover{
    background:transparent url(img/menu-hover.png) center top;
    color: #FFF;
    text-align: left;
}
#products{
    float:right;
    margin: 55px 0 0 360px;
    font-family:arial;
    font-size:85.01%;
    position:relative;
    color: #FFF
}
#products a{color: #FFF; text-decoration: underline}
#products a:hover{text-decoration: none}
.slogan h1{
    margin : 30px 0 0 360px;
    font-weight: normal;
    font-family: arial;
    font-size: 135.01%;
    position: absolute;
}

.device{/*margin-left: -240px;*/ float: left; position: relative;margin-top:10px;}
.projects{float: left; position: relative}

#products .menu-col{float: left; margin-right: 60px;}
#products .menu-col ul{list-style: none; margin: 0 auto; padding: 0;margin-left:10px;}

#maincontainer {width: 950px; margin: 0 auto;}

#topsection {height: 140px}
#topsection h1 {margin: 0; padding-top: 15px}

.extra-wrapper{background:#FFFFFF;overflow:auto}
.extra{
    background:#DDDDDD;
    margin-left:25px;
    padding:0 5px;
    width:890px;
    float:left
}
.prepend-top{margin-top: 5px}
#contentwrapper {float:left; background:#FFF; width:890px; min-height: 300px}
#contentcolumn {margin-right: 350px;}
#rightcolumn {float: left; width: 400px; margin-left: -405px}

#content-2{float:left; background:#FFF;width:890px}

#footerwrapper{clear:left;margin-bottom:50px}
#footer {
    width: 900px;
    background: #DDD;
    color: #000;
    margin-left:25px
}
#footer div{font-family:arial;font-size:85.01%;padding:10px 50px 0;width:400px}
#footer-bottom{background: transparent url(img/bckg-bottom.png) no-repeat bottom center; height:31px}
.innertube {font-family:arial;font-size:95.01%;margin:25px 65px 30px 45px; color:#707070}
.innertube h1, h2, h3, h4, h5, h6{color:#7cc523; font-family:arial;font-weight: normal}
.innertube a{color:#707070;text-decoration:underline}
.innertube a:hover{text-decoration:none}
.innertube p{margin: 5px auto}
.innertube ul{margin: 0}

.consult{margin: 10px auto}
.consult p{margin: 0}
.zform{border:1px solid #DDDDDD;margin:0 0 1em;padding:10px}
.zform fieldset{border:1px solid #DDDDDD;margin:0 0 1em;padding:0.5em}
.zform label {cursor:pointer;display:block}
.zform legend {border:0 none;padding:0 0.5em}
.zform sup {color:#880000;font-weight:bold;}
.zform div.type-text{margin:0.5em 0;overflow:hidden;padding:3px 0.5em;position:relative}
.zform .type-text input{
    display:block;
    padding:0.3em;position:
    relative;width:58.5%;
    border:1px solid #DDDDDD
}
.zform .type-text textarea {
    display:block;
    padding:0.3em;position:
    relative;width:95.5%;
    border:1px solid #DDDDDD
}
.zform label.error {
    background:#FFCFCF none repeat scroll 0 0;
    border:1px dashed #AA0000;
    color:#CC0000;
    padding:0.5em;
    width: 57.5%
}
.zform div input:focus, .zform div textarea:focus,
.zform div input:hover, .zform div textarea:hover,
.zform div input:active, .zform div textarea:active {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #4B7914
}
.notice{
    background:#E2FFBF none repeat scroll 0 0;
    border:1px dashed #4B7914;
    color:#4B7914;
    font-weight:bold;
    margin:15px auto;
    padding:10px;
    text-align:center
}
.pager{font-size: 85.01%;margin: 10px auto}
.img{
    border:1px solid #CCC;
    text-align:center;
    margin-top:5px;
    display:table-cell;
    vertical-align:middle
}
.img a{display: block}
.illustration{float: left; margin: 0 15px 10px 0}
.goodsimg-small{border: 1px solid #DDD; overflow: visible}

.notice{background: #FFF6BF; border: 1px solid #FFD324; color: #514721; width: 300px}
.clear{
	clear: both;
}