* { margin: 0; padding: 0; border: 0; }
div.cleaner { clear: left; height: 1px; visibility: hidden; }
body { background: #3d4149; font-family: Arial, Verdana, sans-serif; font-size: 0.9em; position: relative; color: #bbb; }

#main { width: 704px; margin: 37px auto 8px auto; min-height: 200px; position: relative; background: url(../images/main.gif) top left no-repeat #000; }

h1 { margin: 0; padding: 0; height: 179px; width: 316px; line-height: 49px; position: absolute; top: 1px; left: 17px; background: url(../images/h1.jpg) bottom right no-repeat; }
h1 a { display: block; width: 199px; height: 49px; font-size: 0.9em; text-indent: -2000px; background: url(../images/logo.gif) top left no-repeat; margin: 33px 0 0 0; }

h2 { color: #fff; margin: 0 0 10px 0; padding: 0; font-size: 1.2em; text-transform: uppercase; font-weight: normal; font-family: Georgia, Times, Helvetica, sans; }
h3 { color: #fff; margin: 10px 0 5px 0; padding: 0; font-size: 1.1em; text-transform: uppercase; font-weight: normal; font-family: Georgia, Times, Helvetica, sans; }

#menu { list-style: none; height: 110px; width: 370px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; font-family: Georgia, Times, Helvetica, sans; }
#menu li { float: left; height: 110px; margin: 0; }
#menu li a { height: 110px; line-height: 110px; width: 92px; text-align: center; display: block; position: relative; overflow: hidden; color: #b1b1b1; text-transform: uppercase; text-decoration: none; }
#menu li a:hover, #menu li a.selected { color: #fff; }

.content { color: #989898; padding: 130px 25px 20px 25px; background: url(../images/mainbottom.gif) bottom left no-repeat; }
.content ul { list-style-position: inside; }
.content ul.nop { list-style: none; }
.content p, .content ul { padding: 15px 0; }
.content a { color: #efefef; text-decoration: none; }
.content a:hover { text-decoration: underline; color: #fff; }

#left { float: left; width: 327px; background: url(../images/leftbottom.gif) bottom left no-repeat; position: relative; }
#left h2 { width: 177px; height: 69px; overflow: hidden; position: absolute; text-indent: -2000px; background: url(../images/h2.gif) top left no-repeat; left: -20px; top: -22px; }
#left .item { background: url(../images/lefttop.gif) top left no-repeat #191919; margin: 40px 0 6px 0; padding: 10px; }
#left img { float: left; margin: 0 10px 10px 0; border: 0; }

#right { float: left; width: 295px; padding: 0 10px 0 20px; }

#bottom { height: 50px; width: 690px; margin: 0 auto 38px auto; position: relative; font-size: 0.75em; padding: 0; text-align: right; color: #888; }
#bottom a { color: #777; text-decoration: none; }
#bottom a:hover { color: #fff; }
#bottom a.xs { display: block; position: absolute; overflow: hidden; top: 3px; left: 5px; width: 16px; height: 13px; }
#bottom a.xs span { display: block; position: absolute; top: 0; left: 0; width: 16px; height: 13px; background: url(../images/xs.gif) left bottom no-repeat; }
#bottom a.xs:hover span { background: url(../images/xs.gif) left top no-repeat; }
#bottom a.jika { display: block; position: absolute; overflow: hidden; top: 3px; left: 25px; width: 14px; height: 13px; }
#bottom a.jika span { display: block; position: absolute; top: 0; left: 0; width: 14px; height: 13px; background: url(../images/jika.gif) left top no-repeat; }
#bottom a.jika:hover span { background: url(../images/jika.gif) left bottom no-repeat; }

.content p img { float: left; margin: 0 10px 5px 0; }

.promo { display: block; position: absolute; width: 336px; height: 234px; top: -26px; right: -58px; }

.banner { width: 559px; height: 95px; background: url(../images/banner.gif) left top repeat-x; color: #fff; }
.banner a { width: 449px; height: 69px; display: block; padding: 26px 0 0 110px; text-decoration: none; background: url(../images/bannera.gif) 25px 0 no-repeat; }
.banner h2 { color: #fff; }
.banner h2 small { display: block; font-weight: normal; }
.banner a:hover { font-size: 110%; height: 72px; padding: 23px 0 0 105px; width: 454px; }