html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; height: 100%; width: 100%; color: #DFDEDE; background: #000; font-family: Tahoma, Verdana, Arial; font-size: 75%;} /* font-size: 73%*/
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 770px; max-width: 1280px;}

a {color: #FFF;}

h1 {clear: both; color: #fff; font-size: 220%; font-weight: normal; margin: 0em 0 1em 0; line-height: 0.9em; font-family: Arial, Tahoma, Verdana;}
h1 a {color: #fff;}
h2 {clear: both; color: #fff; font-size: 170%; font-weight: normal; margin: 1.2em 0 0.3em 0; font-family: Verdana, Arial, Tahoma;}
h2.h-main {clear: both; left: 50%; color: #fff; font-size: 170%; font-weight: normal; margin: 0; font-family: Verdana, Arial, Tahoma;}
h2 a {color: #fff;}
h3 {clear: both; color: #FFCC00; font-size: 150%; font-weight: normal; margin: 1.2em 0 0em 0; font-family: Arial, Verdana, Tahoma;}
h3 a {color: #FFCC00;}

p {font-size: 107%; padding: 0; margin: 0 0 1em 0; line-height: 1.4em;}
ul, ol {line-height: 1.4em;}

.yellow {color: #FFCC00;}
.grey {color: #999;}
.smallgrey {font-size: 93%; color: #999;}
.small {font-size: 93%;}
.hd {text-decoration: none;}

table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.tbprice {border: 0; border-collapse: collapse; width: 289px; height: 153px; background: url('/img/bg-price.gif');}
td.tlprice {width: 8px; height: 8px; background: no-repeat url('/img/price-tl.gif');}
td.trprice {width: 8px; height: 8px; background: no-repeat url('/img/price-tr.gif');}
td.brprice {width: 8px; height: 8px; background: no-repeat url('/img/price-br.gif');}
td.blprice {width: 8px; height: 8px; background: no-repeat url('/img/price-bl.gif');}
td.price-context {padding: 10px; }

table.tbequipment {border: 0; border-collapse: collapse; width: 100%; height: 153px; padding: 0px;}
table.tbeq{border: 0; border-collapse: collapse; width: 100%; height: 153px; padding: 0px; margin: 4em 0 0 0;}
td.tleq {width: 10px; height: 10px; background: no-repeat url('/img/eq-tl.gif');}
td.lceq {border-left: #FFCC00 1px solid;}
td.tceq {border-top: #FFCC00 1px solid;}
td.treq {width: 10px; height: 10px; background: no-repeat url('/img/eq-tr.gif');}
td.breq {width: 10px; height: 10px; background: no-repeat url('/img/eq-br.gif');}
td.bceq {border-bottom: #FFCC00 1px solid;}
td.rceq {border-right: #FFCC00 1px solid;}
td.bleq {width: 10px; height: 10px; background: no-repeat url('/img/eq-bl.gif');}

.br {width: 100%; height: 1px; clear: tour;}

#top {z-index: 3; position: relative; width: 100%; height: 100px;}
#logo {position: absolute; left: 5%; top: 50px; width: 178px; height: 35px;}

#menu-border-left {position: absolute; text-align: right; left: 25%; top: 40px; width: 9px; height: 55px; margin: 0; background: no-repeat url('/img/border-menu-left.gif');}
#menu-border {position: absolute; left: 25%; top: 40px; width: 74%; height: 53px; margin: 0px 0px 0px 9px; border-top: #CC0000 1px solid; border-bottom: #CC0000 1px solid;}
#menu {z-index: 2; position: absolute; top: 17px; width: 92%; margin: 0; font-family: Arial, Tahoma, Verdana; font-size: 120%;}		
#menu li {background: none; margin: 0; padding: 0; float: left; width: 23%; list-style: none;}
#menu li a, #menu strong {position: relative; display: block; float: left; color: #FFF; padding: 0;}

.active { font-weight: bold; color: #FFF; }

.submenu { margin: 0px 20px 0px 25px; padding: 0;}
.submenu li a { line-height: 1.9em; color: #FFCC00;}
.submenu-active li a { font-weight: bold; line-height: 1.9em; color: #FFFFF;}
.submenu-tl { background:transparent url('/img/submenu-tl.gif') no-repeat scroll 0% 0%; margin: 0pt 0pt 30px; width: 290px;}
.submenu-br { background:transparent url('/img/submenu-br.gif') no-repeat scroll 100% 100%; }
.submenu-tr { background:transparent url('/img/submenu-tr.gif') no-repeat scroll 100% 0pt; }
.submenu-bl { background:transparent url('/img/submenu-bl.gif') no-repeat scroll 0pt 100%; padding:18px; }


#splash-main {position: relative; width: 100%; height: 160px; margin: 4em 0 0 0; background: no-repeat url('/img/bg-main.jpg');}
#splash {position: relative; width: 100%; height: 160px; background: no-repeat url('/img/splash.jpg');}

#equipment {position: relative; margin: 3em 0 0 0; height: 200px; border: #ddd 1px solid; color: #999999;} /*width: 90%; left: 10%; border: #ddd 1px solid;*/

ul.equipment { margin:10px 0 0 0; padding:0 0 0 20px; word-spacing: -1ex; width:340px;}
.equipment li { line-height: 1.9em; }
/*
.equipment a, .equipment span { display: inline; word-spacing: normal; //display: inline-block; //filter: alpha(opacity=100); }
.equipment a, .equipment span, x:-moz-any-link { display:block; }
.equipment a, .equipment span, x:-moz-any-link, x:default { display: inline; }
.equipment li, .equipment a, .equipment span { vertical-align: top; }
*/

ul.equipment-left {clear: both; position: absolute; left: 51%; color: #999999;}
ul.equipment-right {clear: both; position: absolute; left: 72%; color: #999999;}
a.equipment-left {color: #999999;}
li.equipment-left {color: #999999; line-height: 1.9em;}
a.equipment-right {color: #999999;}
li.equipment-right {color: #999999; line-height: 1.9em;}
a.equipment {color: #999999; line-height: 1.9em;}
li.equipment {color: #999999; line-height: 1.9em;}


#eq {position: relative; width: 100%; height: 200px;}
#eq-in {float: left; position: absolute; width: 90%; left: 5%;}
#eq-left {float: left; position: absolute; width: 50%;}
#eq-right {float: left; position: absolute; width: 50%; left: 50%;}
.eq-tl { background:transparent url('/img/submenu-tl.gif') no-repeat scroll 0% 0%; margin: 0pt 0pt 40px; width: 100%;}
.eq-br { background:transparent url('/img/submenu-br.gif') no-repeat scroll 100% 100%; }
.eq-tr { background:transparent url('/img/submenu-tr.gif') no-repeat scroll 100% 0pt; }
.eq-bl { background:transparent url('/img/submenu-bl.gif') no-repeat scroll 0pt 100%; padding:18px; }


#content-block {position: relative; width: 100%; margin: 4em 0 0 0; height: 170px;}
#about {float: left; position: absolute; left: 5%; width: 50%; line-height: 1.6em;}
#about-title {float: left; position: absolute; left: 30px;}
#about-content {float: left; position: absolute; left: 190px; width: 72%;}
#price {float: left; position: absolute; left: 62%; top: 0; width: 290px;}


.price-icon { float: left; margin-left: -20px; overflow: hidden; width: 35px; height: 32px; }
.price-dl { margin-left: 30px;}
.price-dl dt { margin: 20px 0px 0px 5px; }
.price-dl dd { margin: 5px 0px 0px 5px; }
.price-dl .price-icon { background: url('/img/picto-price.gif') no-repeat;}

.phone {padding:0; margin:0 0 30px 40px; font-family: Arial, Tahoma, Verdana; font-size:14pt; color:#FFF;}
.phone .code {font-family: Arial, Tahoma, Verdana; font-size:12px; color:#999;}

#footer {position: relative; width: 100%; height: 100px; margin: 4em 0 0 0; background: no-repeat url('/img/footer-splash.jpg');}
#contacts {position: absolute; left: 5%; width: 45%; line-height: 1.6em;}
#positive-main {position: absolute; left: 75%; width: 20%; text-align: right; line-height: 1.6em;}
#positive {position: absolute; left: 68%; width: 20%; line-height: 1.6em;}
#counters {margin: 3em 0 2em 0;}

.eq-dl { margin: 20px 0px 0px 20px; }
.eq-dl dt { margin: 10px 0px 0px 0px; padding-top: 10px; border-top: #333333 1px dotted; }
.eq-dl dd { margin: 5px 0px 0px 10px; }
.eq-dl a { color: #fff; }

.photo-eq {float: left; margin: 0px 30px 20px 0px; border: #3C3C3C 3px solid; }

.eq-tbhead {padding: 5px; background: #161616; border-bottom: #FFCC00 1px solid; font-size: 11px; font-weight: bold; color: #FFF; line-height: 1.4em; }
.eq-tbcont {padding: 5px; border-bottom: #1E1E1E 1px solid; font-size: 11px; color: #8F8F8F; }
#eq-top {float: left; position: relative;}
#eq-table-block {float: left; position: relative; margin: 2em 0 0 0; width: 100%}
#eq-table {margin: 1em 0 0 0; width: 100%}

#gallery-block {float: left; position: relative; width: 230px; height: 230px;}


#content {position: relative; width: 100%; margin: 4em 0 2em 0;}
#left {float: left; position: relative; width: 60%;}
#left-content {float: left; position: relative; margin: 3em 0 0 0; left: 8%; width: 95%; line-height: 1.9em;}
#right {float: right; position: relative; width: 32%;}
#navigate {float: left; position: relative; margin: 2em 0 0 0; padding: 0px 0px 10px 0px; left: 8%; width: 95%; line-height: 1.9em; border-bottom: #333333 1px dotted; }