* { padding: 0; margin: 0; }
.cleaner { height: 1px; overflow: hidden; clear: both; display: block; }

body { background: #000; color: #FFF; font: 12px Arial, Verdana, sans-serif; }
a { color: #FFF; text-decoration: none; }

html, body { height: 98%; }

#page_container { width: 980px; margin: 0 auto;  height: 100%; position: relative;  }

#header h1 { width: 210px; height: 170px; background: url(logo.gif) left top no-repeat; margin: 20px 0 0 0; }
#header a { display: block; width: 100%; height: 100%; text-indent: -1000px; }

#cnt { width: 720px; float: left; margin: -170px 0 0 0;  overflow: hidden;  }
#cnt .inner { padding: 0 0 0 100px; }

#sidebar { width: 250px; padding: 100px 0 0 0; float: left;  }
#sidebar dl { position: absolute; bottom: 40px; left: -15px; }
#sidebar dt { text-transform: uppercase; font: normal 20px/18px "Trebuchet MS", Verdana, sans-serif; cursor: pointer; border-left: 10px solid #FFF; margin: 0 0 7px 0; padding: 0 0 0 7px; }

#sidebar dt#about {  }

#sidebar dt#dt1 { border-color: #707070; }
#sidebar dt#dt2 { border-color: #363636; }
#sidebar dt#dt3 { border-color: #232323; }

#sidebar dt#contacts { border-color: #141414; }

#sidebar dd { display: none; padding: 5px 0 55px 15px; font: normal 14px "Trebuchet MS", Verdana, sans-serif; }
#sidebar li { list-style: none outside; display: block; }
#sidebar li a { display: block; text-decoration: none; padding: 3px; }
#sidebar li a:hover { background: #FFF; color: #000; }

* html #sidebar li { height: 20px; }
* html #sidebar li a { }

.page { text-align: right; }
.page .hdr { text-align: right; padding: 0 0 40px 0; }
.page .hdr h1 { font: normal 28px/22px "Trebuchet MS", Verdana, sans-serif; border-left: 10px solid #FFF; float: right; clear: both; padding: 0 0 0 10px; margin: 0 0 5px 0; text-transform: capitalize; }
.page .hdr h1#h1 { border-color: #707070; }
.page .hdr h1#h2 { border-color: #363636; }
.page .hdr h1#h3 { border-color: #232323; }
.page .hdr h1#h4 { border-color: #141414; }

.page .hdr h2 { font: normal 20px "Trebuchet MS", Verdana, sans-serif; clear: both; margin: 0 0 5px 0; }
.page .hdr h3 { font: normal 18px "Trebuchet MS", Verdana, sans-serif; clear: both; }

.gallery { display: block; width: 610px; overflow: hidden; padding: 0; margin: 0 0 0 0; position: relative; right: -25px;  }
.gallery .gallery_pic { float: left; width: 75px; height: 75px; overflow: hidden; background: #0F0F0F; border: solid #404040; border-width: 1px; margin: 0 9px 9px 0;  }
.gallery .gallery_pic a { display: block; width: 65px; height: 65px; overflow: hidden; margin: 5px;  }
.gallery .gallery_pic a img { display: block; }

#video.gallery .gallery_pic a img { display: block; width: 65px; height: 65px; }

.page .rte { margin: 50px 0 0 0;  text-align: left; font: normal 14px/20px "Trebuchet MS", Verdana, sans-serif; }

/* --- Index --- */
.index #header { padding: 50px 0 0 0; }
.index #header h1 { width: 420px; height: 347px; background: url(logo_index.gif) left top no-repeat; margin: 0 auto 0 auto; text-indent: -1000px; overflow: hidden;  }
.index #sidebar { display: none;  }
.index #cnt { width: auto; float: none; margin: 0; }
.index #cnt .inner { padding: 0; }

#footer { position: absolute; right: 0; bottom: 45px; width: 50%; }
#footer .right { display: none;  }
#footer .left { float: right; padding: 0 10px 0 0; }

.index #footer { bottom: 20px; left: 0; width: 100%; }
.index #footer a { color: #000; bottom: 20px; }
.index #footer .right { display: block; float: right; text-align: right; }
.index #footer .left { float: left;  }

.index #page_container { width: 850px; }

#index { font-size: 10px; }
#index .mod { float: left; height: 100%; }
#index .mod h3 { font: 32px Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: -2px; white-space: nowrap; }
#index .mod ul li { list-style: none outside; display: block;  }
#index .mod ul li a { display: block; color: #000; font: 18px "Trebuchet MS", Verdana, sans-serif; text-decoration: none; padding: 3px; }
#index .mod ul li a:hover { background: #000; color: #FFF; }

* html #index .mod {  width: 33%; height: 190px; overflow: hidden;  }
* html #index .mod h3 { font-size: 28px; font-weight: bold;   text-align: justify; }
* html #index .mod ul li {  height: 26px; }

* html .gallery {  right: -20px;  }

body.index { background: #FFF; color: #000;  }

/* JEKO */
.gallery_pic { float: left; width: 100px; height: 100px; overflow: hidden; }
.gallery_pic img { border: 0; }