@import url(/css/slimbox2.css);

body
{
 margin: 5px;
 padding: 0;
 background-color: #fff;
 color: #333;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
}

.clr
{
 clear: both;
}

a
{
 color: #000;
 text-decoration: none;
}

h1
{
 font-size: 18px;
 font-weight: bold;
}

h2
{
 font-size: 14px;
 font-weight: bold;
 margin: 0;
}

#container
{
 width: 100%;
 max-width: 980px;
 margin: 1em auto;
 text-align: left;
}

#index-logo
{
 width: 100%;
 max-width: 756px;
}

#index-logo > a > img
{
 width: 100%;
}

#index-main
{
 margin-top: 20px;
 font-weight: bold;
 font-size: 2em;
 margin-left: 10px;
}

#logo
{
 float: left;
}

#topmenu
{
 text-align: right;
 font-size: 1em;
 text-transform: uppercase;
 margin: 0 0 1em 0;
}

#topmenu ul
{
 margin-top: 0;
 list-style: none;
 float: right;
}

#topmenu ul li
{
 float: left;
 margin-left: 2.5em;
}

#topmenu ul li:first-child
{
 margin-left: 0;
}

#topmenu a
{
 height: 30px;
 font-weight: bold;
 color: #666;
 text-decoration: none;
 letter-spacing: 1px;
}

#topmenu li.active > a
{
 color: #000;
}

#topmenu a:hover
{
 color: #000;
}

#topmenu-h {display: none;}

#leftmenu
{
 clear: right;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 24px;
 line-height: 26px;
 letter-spacing: -2px;
 text-align: right;
}

#leftmenu ul
{
 list-style-type: none;
 margin-left: 5px;
 padding-left: 0;
 margin-top: 0;
}

#leftmenu li
{
 margin-left: 0;
}

#leftmenu a
{
 padding-left: 10px;
 color: #333;
 text-decoration: none;
}

#leftmenu a:hover
{
 color: #058;
}

#leftmenu li.active > a
{
 padding-left: 10px;
 background: url("/img/leftmenu_arrow.gif") no-repeat;
}

#leftmenu li.active > a
{
 background-position: -5px 2px;
 color: #058;
}

#leftmenu li ul li.active > a
{
 background-position: -5px 0px;
}

#leftmenu li ul
{
 padding-left: 1.5em;
 font-size: 16px;
 line-height: 18px;
 letter-spacing: -1px;
}

#leftmenu li ul a:hover
{
 color: #c02;
}

#leftmenu li ul li ul
{
 font-size: 14px;
 line-height: 16px;
}

#leftmenu li ul li.active > a
{
 background-position: -5px -3px;
 color: #c02;
}

#leftmenu li ul li ul a:hover
{
 color: #3a6;
}

#work
{
 width: 100%;
}

#content
{
 clear: both;
 padding-top: 1em;
 width: 100%;
}

ul.work,
ul.work_films
{
 width: 5000px;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.work li
{
 float: left;
 width: 95px;
 height: 500px;
 margin-right: 5px;
 font-size: 11px;
}

ul.work_films li
{
 float: left;
 width: 120px;
 height: 500px;
 margin-right: 5px;
 font-size: 11px;
}

ul.work a,
ul.work_films a
{
 text-decoration: none;
 color: #333;
}

ul.work a:hover,
ul.work_films a:hover
{
 color: #c02;
}

a img
{
 border: 0;
}

ul.links
{
 list-style-type: none;
 margin-left: 0;
 padding-left: 0;
}

ul.links li a
{
 text-decoration: none;
 color: #333;
 margin-left: 0;
 padding-left: 0;
}

ul.links li a:hover
{
 color: #3a6;
}

#arrow_left
{
 float: left;
 top: 0;
 left: 0;
 width: 20px;
 height: 24px;
 padding-top: 276px;
}

#arrow_right
{
 float: right;
 top: 0;
 width: 20px;
 height: 24px;
 text-align: right;
}

#th_arrow_left
{
 float: left;
 width: 10px;
 height: 20px;
 margin-top: 80px;
 margin-right: 5px;
}

#th_arrow_right
{
 float: left;
 width: 10px;
 height: 20px;
}

.product_list,
.product_list_films
{
 width: 500px;
 height: 500px;
 overflow: hidden;
 margin-right: 0;
}

.product_list strong
{
 text-transform: uppercase;
}

.product_list li
{
 width: 95px;
}

.product_list_films li
{
 width: 120px;
}

#product h1
{
 margin: 0;
}

#product h1 a
{
 font-size: 16px;
 font-weight: bold;
 color: #3a6;
 margin-top: 0;
 text-transform: uppercase;
}

#image
{
 position: relative;
 width: 540px;
 height: 360px;
 overflow: hidden;
 margin-bottom: 5px;
 text-align: center;
 background: url('/img/img-load.gif') center center no-repeat;
}

#image-prev
{
 position: absolute;
 float: left;
 left: 0;
}

#image a,
#image-prev,
#image-next
{
 position: absolute;
 top: 0;
 z-index: 20;
 width: 100px;
 text-align: center;
 color: #000;
 height: 360px;
 cursor: pointer;
 display: hidden;
}

#image a.image-prev,
#image-prev
{
 float: left;
 top: 0;
 background: url('/img/leftarrow.gif') 0px 168px no-repeat;
}

#image a.image-next,
#image-next
{
 float: right;
 top: 0;
 left: 440px;
 background: url('/img/rightarrow.gif') 87px 168px no-repeat;
}

#thumbnails
{
 float: left;
 width: 385px;
 height: 100px;
 overflow: hidden;
 margin-right: 0;
}

ul.thumbnails
{
 width: 2000px;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.thumbnails li
{
 float: left;
 width: 50px;
 margin-right: 5px;
}

#content > p
{
 margin: 0 0 1em 0;
}

#about-us
{
 line-height: 1.5em;
}

#about-us-photo
{
 display: inline-block;
 vertical-align: top;
 width: 25%;
}

#about-us-text
{
 display: inline-block;
 vertical-align: top;
 width: 73%;
 margin-left: 2%;
}

#about-us-photo > img
{
 width: 100%;
}

.slide strong
{
 text-transform: uppercase;
 display: inline-block;
 margin: 2px 0 0 0;
}

@media all and (max-width: 767px)
{
 #logo {height: 50px; margin-bottom: 10px;}
 #logo img {height: 100%;}

 #leftmenu {font-size: 1.5em; line-height: 1.4em; letter-spacing: 0; clear: both; font-weight: normal;}
 #leftmenu ul {margin-left: 0;}
 #leftmenu ul li ul {font-size: 1em; line-height: 1.3em;}
 #leftmenu a {padding-left: 0;}
 #leftmenu li.active > a {background: none; padding-left: 0; font-weight: bold;}
 #leftmenu ul li ul li.active > a {background: none; padding-left: 0; font-weight: bold;}

 #topmenu {font-size: 1.5em;}
 #topmenu a {font-weight: normal;}
 #topmenu-h {display: block; cursor: pointer; width: 40px; float: right; text-align: right; z-index: 999; margin-bottom: 0;}
 #topmenu {text-align: center; margin: 0;}
 #topmenu > ul {display: none; float: none; padding: 0; border-top: 1px solid #666; clear: both; margin-top: 1em;}
 #topmenu > ul > li {float: none; width: 100%; text-align: center; padding: .5em 0 .5em 0; margin: 0; border-bottom: 1px solid #666;}
 #topmenu > ul > li > a {display: inline-block; width: 100%;}
 #topmenu > ul > li.active > a {font-weight: bold;}

 #content h1 {font-size: 2em;}
 #content p {font-size: 1.2em;}
 #content p > img {max-width: 40%;}

 #content > div {margin-left: 0;}

 .slide {font-size: 1em; overflow: hidden;}

 #work{font-size: 1.2em;}

 #about-us-photo {float: right; display: initial;}
}