/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
/*ul,ol { list-style: none; }*/
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.column { float: left; }

/* FLOAT FIX */
#body:after, #container:after, .flaotfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body, #container, .flaotfix { _zoom:1; }

/* TYPE */
body { font: 11px/12px Georgia, serif; background-color:#fff; color:#000; }

a { color: #353B87; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position:static !important; }

.marker { background-color: #F7DE05; }
.dsbld { display: none !important; }

/* PRINT */
@media print {
    body, #body, #content, #container { color:#000 !important; background: #fff; }
    a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
    .noprint { display: none !important; }
}

html, body { overflow: hidden; background: #000; font: 12px/18px Georgia, serif;}
h1, h2, h3, h4, h5, h6 { color: #EA324D; font-family: Arial, sans-serif; font-weight: bold; line-height: 1em; }
h1 { font-size: 26px; }
spam { display: block; }

#body { position: absolute; top: 0; left: 0px; display: block; width: 100%; height: 100%; }

#content { position: absolute; padding-top: 60px; top: 0px; left: 130px; z-index: 1; overflow-y: auto; overflow-x: hidden; width: 100%; display: block;  height: 100%; }

#descripti0n { position: relative; visibility: hidden; }
#descripti0n-content { position: absolute; left: 0; top: 0; }

#descripti0n p, #works p { color: #37DFF2; margin-bottom: 15px; }
#descripti0n a, #works a { background-color: #F13251; color: #fff; text-decoration: none; }
#descripti0n a:hover, #works a:hover { background-color: #fff; color: #F13251; }

h1#title { margin-bottom: 15px; ; visibility: hidden; font-family: Georgia, serif;}
h1#title span { display: block; text-indent: -2048px; }

#works { position: absolute; left: 0; top: 195px; visibility: hidden; overflow: visible; }
#works-content { position: absolute; left: 0; top: 0; }
/*#works img { background: #b7faff; }*/

#navigation { position: absolute; left: 0; top: 170px; width: 630px; visibility: hidden;  }
a#navi-prev, a#navi-prev:hover { display: block; position: absolute; left: 0; top: 0; width: 66px; height: 0; padding-top: 11px; overflow: hidden; background: #000 url(i/arr_left_off.gif) no-repeat; }
a#navi-next, a#navi-next:hover { display: block; position: absolute; right: 0; top: 0; width: 67px; height: 0; padding-top: 11px; overflow: hidden; background: #000 url(i/arr_right_off.gif) no-repeat; }
a#navi-prev:hover { background-image: url(i/arr_left_on.gif); } 
a#navi-next:hover { background-image: url(i/arr_right_on.gif); }

#menu { position: absolute; top: 0; left: -217px; z-index: 20; }
.menu { display: block; width: 235px; padding: 20px 0px 40px 0 ; text-align: right; list-style: none;  }
.menu li { display: inline; }
.menu a { color: #f13251; text-decoration: none; font-family: Georgia, serif; font-size: 11px; line-height: 14px; font-weight: normal; display: block; margin-left: 30px; padding-right: 35px; }
.menu a.active { background: #f13251; color: #f13251; }
.menu a:hover, .menu a.active:hover { background: url(i/rollo.png) no-repeat; color: #f13251; }

#h-station { width: 235px; height: 0; padding-top: 48px; overflow: hidden; background: url(i/station.png) no-repeat; }
#menu-station, #menu-motion { background: url(i/bg,menu.png) repeat-y; }
#h-motion { width: 235px; height: 0; padding-top: 45px; overflow: hidden; background: url(i/motion.png) no-repeat; }

.section { display: block; margin-bottom: 3px; }
#s-motion { margin-bottom: 4px; }

.marker { background-color: #F200AA; }
.style1 { color: #F13251; }

.telephone { color: #f13251; }
#h-contact, #s-contact { color: #000; font: 11px/12px Georgia, serif; font-weight: normal; }
#s-contact { background: url(i/bg,menu.png) repeat-y; text-align: right; padding: 75px 33px 20px 0; width: 202px; }
#s-contact a { color: #f13251; text-decoration: none; }
#s-contact a:hover { background: url(i/rollo.png) no-repeat; }

#loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 10; color: #fff; font-size: 95px; line-height: 300px; }