html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #5c4b4c; font-family: Arial, Helvetica, sans-serif; background: #f2f1ed;}
img {border: 0;}
a {color: #0f7ea6;}
.direct {text-decoration: none; border-bottom: 1px dashed; cursor: hand; cursor: pointer;}
/*a:visited {color: #AA8EDC;}*/
a:hover, a:active, .direct:hover, .direct:active, .direct-active {color: #d31823;}
.ui-state-active {font-size: 115%;}
.ui-state-active a {border: none; color: #f64212;}
.nobr {white-space: nowrap;}
.roman {position: relative; left: -0.65em;}
a.win {white-space: nowrap; padding-right: 15px; background: no-repeat 100% 50% url('ico_win.gif');}
a.win:hover, a.win:active {background: no-repeat 100% 50% url('ico_win_active.gif');}
p {font-size: 90%; padding: 0; margin: 0 0 1em 0; line-height: 1.4em;}
/*.date {margin-bottom: 0; font-size: 83%; color: #800900; font-style: italic;}*/
.prelist {margin-bottom: 0.3em;}
ul, ol {font-size: 90%; padding: 0; margin: 0 0 1em 0; line-height: 1.65em;}
ul li {list-style: none; background: no-repeat 0 0.8em url('li.gif'); margin: 0; padding-left: 10px;}
ol li {margin: 0 0 0.3em 35px;}
li p, li ul, li ol {font-size: 100%;}
blockquote {font-size: 90%; padding: 2em; margin: 0 0 1em 0; line-height: 1.4em; background: #dae5ee;}
h1 {color: #d31823; font-size: 120%; font-style: italic; font-weight: bold; margin: 0 0 1em -50px; line-height: 1em; clear: both;}
h2 {color: #d31823; font-size: 105%; font-style: italic; margin: 2em 0 0.5em -50px;}
h3 {color: #748d9f; font-size: 95%; text-transform: uppercase; font-style: italic; margin: 1em 0 0.15em 0;}
h3 a {color: #748d9f}
h4 {font-size: 90%; color: #8f8f8f; margin: 0 0 0.6em 0;}
.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {margin: 0 0 2em 0;}
table.simple th {vertical-align: top; text-align: left; padding: 1em 0; border-bottom: 1px solid #8da5a6; font-style: italic; font-size: 80%; width: 350px;}
table.simple td {padding: 1em 0; border-bottom: 1px solid #8da5a6; font-size: 80%; width: 300px;}
table.simple td p, table.simple td ul {font-size: 100%; margin: 0;}
table.simple.col5 td {width: 75px;}
table.simple.col4 td {width: 100px;}
table.simple.col6 td {width: 60px;}
form {margin: 0 0 1em 0;}
form table {margin: 0; width: 100%; position: relative; left: -70px;}
form td {font-size: 80%; padding: 0 0 0.8em 0; vertical-align: top;}
td.field {}
td.label {width: 70px; white-space: nowrap;}
.star {position: absolute; margin-left: -1em; color: #e93e00;}
span.error {color: #e93e00;}
input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0; width: 95%;}
input.error, textarea.error {border: 2px solid #e93e00;}
.btn {padding: 0.2em; cursor: pointer; cursor: hand; width: auto;}
.checkbox {width: auto;}
.spacer {float: left;}
.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
.hr {width: 100%; height: 1px; clear: both; margin: 25px 0; background: #5c4b4c;}
p.counter, .material #comments p.counter {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 2.45em 0; font-size: 110%; color: #8f8f8f; line-height: 2em;}
p.counter a, p.counter a:visited, p.counter a:active {padding: 2px 7px 3px 7px; color: #8f8f8f;}
p.counter strong {color: #fff; font-weight: normal; background: #ebc33f; padding: 2px 7px 3px 7px;}
.chooser {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #898780;}
.chooser a, .chooser a:visited, .chooser a:active {padding: 2px 7px 3px 7px;}
.chooser strong {font-weight: normal; padding: 2px 7px 3px 7px; background: #e5e2c9;}
#header {position: relative; width: 950px; height: 200px;}
#menu {position: absolute; left: 50px; top: 40px; width: 222px; margin: 0;}
#menu li {padding: 0; margin: 0; height: 30px; background: none; float: left; width: 100%;}
#menu a, #menu strong {display: block; height: 15px; background-repeat: no-repeat; background-position: 0 0;}
#menu a:hover, #menu strong a:hover {background-position: 0 -15px;}
#menu strong, #menu strong a {background-position: 0 -30px;}
#menu img {height: 15px;}
#menu_about {background-image: url('menu_about.gif'); width: 113px;}
#menu_about img {width: 113px;}
#menu_products {background-image: url('menu_products.gif'); width: 70px;}
#menu_products img {width: 70px;}
#menu_services {background-image: url('menu_services.gif'); width: 61px;}
#menu_services img {width: 61px;}
#menu_clients {background-image: url('menu_clients.gif'); width: 73px;}
#menu_clients img {width: 73px;}
#menu_conacts {background-image: url('menu_contacts.gif'); width: 222px;}
#menu_conacts img {width: 222px;}
#sign_everlast {position: absolute; width: 100px; height: 100px; top: 50px; left: 450px;}
#logo_everlast {position: absolute; width: 301px; height: 32px; top: 84px; left: 600px;}
#main {position: relative; left: 50px; width: 900px; background: #e8e4dc; overflow: hidden;}
#h5 {position: absolute; width: 315px; height: 550px; top: -450px; left: 300px;}
#h6 {position: absolute; width: 315px; height: 550px; bottom: 100px; right: -215px;}
#h7 {position: absolute; width: 100px; height: 4px; top: 165px; right: 100px; background: #5c4b4c;}
#h8 {position: absolute; width: 315px; height: 550px; bottom: -385px; left: -215px;}
#h9 {position: absolute; width: 315px; height: 550px; bottom: -450px; left: -265px;}
#h10 {position: absolute; width: 100px; height: 50px; top: 50px; left: 250px;}
#h11 {position: absolute; width: 315px; height: 550px; top: -350px; left: 100px;}
#h12 {position: absolute; width: 315px; height: 550px; top: 95px; left: -165px;}
#h13 {position: absolute; width: 87px; height: 50px; top: 100px; left: 63px;}
#h14 {position: absolute; width: 150px; height: 187px; top: 515px; left: 50px;}
#content {position: relative; padding: 20px 100px 100px 150px;}
#txt {position: relative; width: 550px;}
.products {position: relative; font-size: 100%; line-height: normal; margin: 0;}
.products li {padding: 0; margin: 0; clear: both; background: none;}
.products li h2 {float: left; margin: 3em 0 0 0;}
.products li.left a img {float: left; width: 150px; height: 150px; margin: 0 50px 0 150px;}
.products li.left h2 {width: 300px;}
.products li.right a img {float: right; width: 150px; height: 150px; margin: 0 200px 0 50px;}
.products li.right h2 {width: 250px;}
#txt table.simple {width: 700px;}
/*
#categories {position: relative; width: 750px; height: 400px; margin: 25px 0 0 0;}
#gallery {position: relative; width: 750px; margin: 25px 0 0 0;}
#gallery_tns {position: relative; width: 350px; padding: 0; margin: 0;}
#gallery_tns li {width: 100px; height: 100px; margin: 0; padding: 0; float: right;}
#gallery_tns a {display: block; width: 100px; height: 100px; background-repeat: no-repeat; background-position: 0 0; cursor: hand; cursor: pointer;}
#gallery_tns a:hover, #gallery_tns strong, #gallery_tns a.activeSlide {background-position: 0 100%;}
#gallery_big {position: relative; left: 50px; width: 400px; height: 300px; overflow: hidden;}
#gallery_txt {position: relative; float: left; margin-top: 50px; width: 300px;}
#gallery_txt1 {position: absolute; left: 450px; top: 50px; width: 250px; height: 200px;}
#gallery_txt2 {position: absolute; left: 50px; top: 350px; width: 300px;}
*/
.ill {float: left; width: 300px; margin: 0 50px 1em 0;}
.column {position: relative; float: left; width: 300px;}
.column.txt {padding-left: 50px;}
.gallery {}
.gallery li {float: left; background: none; margin: 0; padding: 0; width: 150px; height: 150px;}
.ico_categories {}
.ico_categories li {float: left; background: none; margin: 0; padding: 0; width: 150px; height: 150px;}
.ico_categories a {position: relative; display: block; width: 150px; height: 150px; background: #5c4b4c;}
.ico_categories a:hover, ico_categories strong, ico_categories a.activeSlide {background: #d31823;}
.ico_categories img {position: relative; top: 45px; left: 45px; behavior: url('/design/iepngfix.htc');}
#main.main_index {height: 1100px;}
#h1 {position: absolute; width: 315px; height: 550px; top: -300px; left: 100px;}
#h2 {position: absolute; width: 315px; height: 550px; top: 200px; left: 100px;}
#h3 {position: absolute; width: 315px; height: 550px; bottom: -325px; right: 50px;}
#h4 {position: absolute; width: 150px; height: 123px; bottom: 100px; left: 50px;}
#navi {position: relative; margin-top: 50px; left: 450px; width: 450px; height: 50px;}
#ico_h {display: block; width: 50px; height: 50px;}
strong#ico_h {background: #d31823 no-repeat 50% 17px url('ico_h_active.gif');}
a#ico_h {float: left; background: no-repeat 50% 17px url('ico_h.gif');}
a#ico_h:hover {background-image: url('ico_h_hover.gif');}
#navi span {float: left; position: relative; top: 17px;}
#navi span a {font-size: 70%; color: #8da5a6; padding-right: 1em; background: no-repeat 100% 65% url('navi_arrow.gif'); margin-right: 0.75em;}
#navi span a:hover {color: #d31823; background-image: url('navi_arrow_hover.gif');}
#photo_splash {position: absolute; top: 100px; left: 50px; width: 400px; height: 300px; background: #f2f1ed;}
#txt_splash {position: absolute; top: 150px; left: 500px; width: 300px; height: 200px; overflow: hidden;}
#main.main_index #categories {position: absolute; left: 100px; top: 400px; margin: 0;}
#ico_categories {position: absolute; top: 50px; width: 300px; height: 300px; margin: 0;}
#ico_categories li {float: left; background: none; margin: 0; padding: 0; width: 150px; height: 150px;}
#ico_categories a {display: block; position: relative; top: 25px; width: 101px; height: 100px; background: no-repeat 0 0 url('ico_products_bg.gif');}
#ico_categories a:hover, #ico_categories strong, #ico_categories a.activeSlide {background-position: 0 100%;}
#ico_categories img {position: relative; width: 60px; height: 60px; top: 20px; left: 20px; behavior: url('/design/iepngfix.htc');}
#photo_category {position: absolute; left: 350px; width: 400px; height: 400px; background: #f2f1ed; overflow: hidden;}
#photo_category a {display: block; width: 400px; height: 400px;}
#photo_category img {width: 400px; height: 400px;}
#photo_product {position: absolute; top: 800px; left: 300px; width: 150px; height: 150px; background: #f2f1ed;}
#txt_product {position: absolute; top: 975px; left: 300px; width: 350px; height: 75px; overflow: hidden;}
#txt_product p {font-size: 80%;}
#footer {position: relative; width: 950px; height: 250px;}
#guesswho {display: block; position: absolute; left: 50px; top: 50px; width: 29px; height: 94px; background: no-repeat 0 0 url('guesswho.gif');}
#guesswho:hover {background-position: 0 100%;}
#guesswho img {width: 29px; height: 94px;}
#contacts {position: absolute; left: 500px; top: 50px;}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 0;}
#lightbox-loading {position: absolute; top: 0; left: 0%; height: 100%; width: 100%;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 35%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-secNav-btnClose {position: absolute; width: 40px; height: 40px; top: -40px; right: -40px;}