/* @group SETUP */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}

body
{

}

DIV#loader {
            width: 896px;
            height: 616px;
            overflow: hidden;
            position: absolute;
            z-index: 60;
            top: 0;
			left: 0;
			background: transparent;
            
        }

        DIV#loader.loading {
            background: #fff url(../images/spinner.gif) no-repeat center center;
        }

h1, h2, h3, h4, h5, h6
{
font-size: 100%;
}

ul, ol
{
list-style: none;
}

a
{
color: black;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

.floatLeft
{
float: left;
}

.floatRight
{
float: right;
}


* {
	padding:0; 
	margin:0; 
	outline: none;
}
body {
	background: #fff url(../images/bg.png) repeat;
}

p {
	color: #000;
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
}
a {
	color: #000; 
	text-decoration: none;
	font: normal 11px Verdana, Helvetica, sans-serif;
}
a:hover {
	text-decoration: underline;
}

/* @end */

/* @group CONTAINER */

#container {
	margin: 0px auto;
	width: 900px;
}
#container2 {
	margin: 0px auto;
	width: 915px;
}

/* @end */

/* @group HEADER */

#header {
	width: 900px;
	float: left;
	clear: both;
}
ul#arts {
	width: 727px;
	float: left;
	margin-top: 4px;
}
ul#arts li {
	display: inline;
	float: left;
	margin-top: 0px;
}
ul#arts li#linkImg1 {
	margin-top: 86px;
}
ul#arts li#linkImg2 {
	margin-top: 86px;
	margin-left: 61px;
}
ul#arts li#linkImg3 {
	margin-left: 62px;
	margin-top: 78px;
}
body#compworks ul#menu {
	width: 166px;
}
ul#menu {
	width: 173px;
	float: left;
	margin-top: 135px;
	text-align: right;
}
ul#menu li {
	display: inline;
	color: #999;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 0px;
}
ul#menu li a {
	color: #999;
	font-size-adjust: 0.5;
	font-variant: normal;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 3px;
}
ul#menu li a.selecttextone:hover {
	text-decoration: line-through;
	color: #999;
}
ul#menu li a.selecttextone {
	text-decoration: line-through;
}
ul#menu li a:hover {
	text-decoration: none;
	color: #666;
}

h1#logo {
	width: 778px;
	height: 260px;
	text-indent: -9999px;
}
h1#logo a {
	width: 778px;
	height: 260px;
	text-indent: -9999px;
	float: left;
}

/* @end */

#animateshow {
	width: 900px;
	float: left;
	padding-top: 28px;
	position: relative;
}
#animateshow ul {
	width: 900px;
	float: left;
}
#animateshow ul li {
	width: 896px;
	height: 588px;
	overflow: hidden;
	float: left;
	
}
#animateshow ul li img {
	width: 896px;
	height: 588px;
	float: left;
	
}


.slidehoswthing1,.slidehoswthing2,.slidehoswthing3,.slidehoswthing4,.slidehoswthing5,.slidehoswthing6,.slidehoswthing7,.slidehoswthing8,.slidehoswthing9,.slidehoswthing10,.slidehoswthing11,.slidehoswthing12,.slidehoswthing13,.slidehoswthing14,.slidehoswthing15,.slidehoswthing16,.slidehoswthing17,.slidehoswthing18,.slidehoswthing19,.slidehoswthing20,.slidehoswthing21,.slidehoswthing22,.slidehoswthing23,.slidehoswthing24,.slidehoswthing25,.slidehoswthing26,.slidehoswthing27,.slidehoswthing28,.slidehoswthing29,.slidehoswthing30,.slidehoswthing31,.slidehoswthing32,.slidehoswthing33,.slidehoswthing34,.slidehoswthing35,.slidehoswthing36,.slidehoswthing37,.slidehoswthing38,.slidehoswthing39,.slidehoswthing40,.slidehoswthing41,.slidehoswthing42 {
    position:relative;
    width: 128px;
    height: 98px;
    overflow: hidden;
    float: left;
}

.slidehoswthing1 IMG, .slidehoswthing2 IMG, .slidehoswthing3 IMG, .slidehoswthing4 IMG, .slidehoswthing5 IMG, .slidehoswthing6 IMG, .slidehoswthing7 IMG, .slidehoswthing8 IMG, .slidehoswthing9 IMG, .slidehoswthing10 IMG, .slidehoswthing11 IMG, .slidehoswthing12 IMG, .slidehoswthing13 IMG, .slidehoswthing14 IMG, .slidehoswthing15 IMG, .slidehoswthing16 IMG, .slidehoswthing17 IMG, .slidehoswthing18 IMG, .slidehoswthing19 IMG, .slidehoswthing20 IMG, .slidehoswthing21 IMG, .slidehoswthing22 IMG, .slidehoswthing23 IMG, .slidehoswthing24 IMG, .slidehoswthing25 IMG, .slidehoswthing26 IMG, .slidehoswthing27 IMG, .slidehoswthing28 IMG, .slidehoswthing29 IMG, .slidehoswthing30 IMG, .slidehoswthing31 IMG, .slidehoswthing32 IMG, .slidehoswthing33 IMG, .slidehoswthing34 IMG, .slidehoswthing35 IMG, .slidehoswthing36 IMG, .slidehoswthing37 IMG, .slidehoswthing38 IMG, .slidehoswthing39 IMG, .slidehoswthing40 IMG, .slidehoswthing41 IMG, .slidehoswthing42 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.slidehoswthing1 IMG.active, .slidehoswthing2 IMG.active, .slidehoswthing3 IMG.active, .slidehoswthing4 IMG.active, .slidehoswthing5 IMG.active, .slidehoswthing6 IMG.active, .slidehoswthing7 IMG.active, .slidehoswthing8 IMG.active, .slidehoswthing9 IMG.active, .slidehoswthing10 IMG.active, .slidehoswthing11 IMG.active, .slidehoswthing12 IMG.active, .slidehoswthing13 IMG.active, .slidehoswthing14 IMG.active, .slidehoswthing15 IMG.active, .slidehoswthing16 IMG.active, .slidehoswthing17 IMG.active, .slidehoswthing18 IMG.active, .slidehoswthing19 IMG.active, .slidehoswthing20 IMG.active, .slidehoswthing21 IMG.active, .slidehoswthing22 IMG.active, .slidehoswthing23 IMG.active, .slidehoswthing24 IMG.active, .slidehoswthing25 IMG.active, .slidehoswthing26 IMG.active, .slidehoswthing27 IMG.active, .slidehoswthing28 IMG.active, .slidehoswthing29 IMG.active, .slidehoswthing30 IMG.active, .slidehoswthing31 IMG.active, .slidehoswthing32 IMG.active, .slidehoswthing33 IMG.active, .slidehoswthing34 IMG.active, .slidehoswthing35 IMG.active, .slidehoswthing36 IMG.active, .slidehoswthing37 IMG.active, .slidehoswthing38 IMG.active, .slidehoswthing39 IMG.active, .slidehoswthing40 IMG.active, .slidehoswthing41 IMG.active, .slidehoswthing42 IMG.active {
    z-index:10;
    opacity:1.0;
}

.slidehoswthing1 IMG.last-active, .slidehoswthing2 IMG.last-active, .slidehoswthing3 IMG.last-active, .slidehoswthing4 IMG.last-active, .slidehoswthing5 IMG.last-active, .slidehoswthing6 IMG.last-active, .slidehoswthing7 IMG.last-active, .slidehoswthing8 IMG.last-active, .slidehoswthing9 IMG.last-active, .slidehoswthing10 IMG.last-active, .slidehoswthing11 IMG.last-active, .slidehoswthing12 IMG.last-active, .slidehoswthing13 IMG.last-active, .slidehoswthing14 IMG.last-active, .slidehoswthing15 IMG.last-active, .slidehoswthing16 IMG.last-active, .slidehoswthing17 IMG.last-active, .slidehoswthing18 IMG.last-active, .slidehoswthing19 IMG.last-active, .slidehoswthing20 IMG.last-active, .slidehoswthing21 IMG.last-active, .slidehoswthing22 IMG.last-active, .slidehoswthing23 IMG.last-active, .slidehoswthing24 IMG.last-active, .slidehoswthing25 IMG.last-active, .slidehoswthing26 IMG.last-active, .slidehoswthing27 IMG.last-active, .slidehoswthing28 IMG.last-active, .slidehoswthing29 IMG.last-active, .slidehoswthing30 IMG.last-active, .slidehoswthing31 IMG.last-active, .slidehoswthing32 IMG.last-active, .slidehoswthing33 IMG.last-active, .slidehoswthing34 IMG.last-active, .slidehoswthing35 IMG.last-active, .slidehoswthing36 IMG.last-active, .slidehoswthing37 IMG.last-active, .slidehoswthing38 IMG.last-active, .slidehoswthing39 IMG.last-active, .slidehoswthing40 IMG.last-active, .slidehoswthing41 IMG.last-active, .slidehoswthing42 IMG.last-active {
    z-index:9;
}

#contact {
	padding-top: 28px;
	float: left;
	clear: both;
	width: 900px;
}
#contact-left {
	clear: both;
	float: left;
	width: 418px;
	color: #494949;
	text-transform: lowercase;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#contact-right {
	float: left;
	width: 481px;
}
#contact h3 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #494949;
	padding-bottom: 30px;
}

#contact-left form {
	width: 418px;
	float: left;
	padding: 0px 0px;
}
#contact-left form input { 
	color: #595959;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	border: 2px solid #ccc;
	clear: both;
	float: left;
	width: 390px;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-left: 5px;
}
#contact-left form input.submit { 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: #666;
	border: 1px solid #ccc;
	color: #fff;
	padding: 2px 9px 1px 9px;
	text-transform: lowercase;
	width: auto;
	margin-top: 4px;
	margin-left: 2px;
	clear: both;
	float: left;
	margin-top: 8px;
	margin-bottom: 5px;
}
#contact-left form textarea { 
	color: #595959;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	border: 2px solid #ccc;
	width: 390px;
	height: 350px;
	padding-top: 5px;
	padding-left: 5px;
}
#contact-left form label {
	color: #494949;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	float: left;
	clear: both;
	margin-top: 5px;
	
}
#contact-left form label span {
	color: #494949;
	text-transform: lowercase;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
h4#messageform {
	width: 300px;
	clear: both;
	margin: 4px auto;
	text-align: center;
	color: #555;
	font: bold 13px Verdana;
	background: #fff;
}

#about {
	padding-top: 28px;
	float: left;
	clear: both;
	width: 900px;
}
#about-left {
	clear: both;
	float: left;
	width: 453px;
}
#about-right {
	float: left;
	width: 420px;
	margin-left: 27px;
}
#about-right ul {
	float: left;
	clear: both;
	width: 420px;
}
#about-right ul li {
	float: left;
	clear: both;
	width: 420px;
	margin-bottom: 25px;
}
#about-right ul li img {
	float: left;
}

#about h3 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	clear: both;
	text-transform: lowercase;
	padding-bottom: 0px;
}
#about p {
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	clear: both;
	padding-bottom: 27px;
	padding-top: 11px;
}
#about h6 {
	clear: both;
	margin-top: 1px;
}
p#infoText1 {
	padding-top: 15px;
	padding-bottom: 60px;
}
p#infoText2 {
	padding-top: 167px;
}

#works {
	float: left;
	width: 915px;
	position: relative;
}

#works ul {
	float: left;
	width: 915px;
	clear: both;
	padding-top: 25px;
}
#works ul li {
	float: left;
	display: inline;
	position: relative;
	width: 215px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 190px;
	overflow: hidden;
}
#works ul li h6{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 2;
	color: #666;
	margin-top: 160px;
	width: 215px;
	text-align: center;
	text-transform: lowercase;
}
#works ul li h5{
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	background: #fff;
	margin-top: 145px;
	height: 46px;
	width: 216px;
	filter : alpha(opacity=80); 
	-moz-opacity : 0.80; 
	opacity : 0.80; 
}

#works ul li img {
	float: left;
	top: 0px; left: 0px;
	position: absolute;
	margin-left: 0px;
	z-index: 0;
}
a#nextWorks {
	text-indent: -9999px;
	float: left;
	width: 19px;
	background: url(../images/next.png) no-repeat;
	position: absolute !important;
	position: relative;
	top: 0; left: 0;
	margin: 276px 0px 0px 901px !important;
	margin: -326px 0px 0px 901px;
	height: 52px;
}
a#prevWorks {
	text-indent: -9999px;
	float: left;
	width: 19px;
	background: url(../images/prev.png) no-repeat;
	position: absolute !important;
	position: relative;
	top: 0; left: 0;
	margin: 276px 0px 0px -31px !important;
	margin: 296px 0px 0px -31px;
	height: 52px;
}
#theGallery {
	height: 590px;
}


/* @group FOOTER */
#aboutika #lang {
	margin-top: -17px !important;
	float:left;
	clear:both;
	margin-bottom: -30px !important;
}

#footer {
	width: 900px;
	clear: both;
	float: left;
	padding-bottom: 45px;
	text-align: center;
	margin-top: -10px;
	
}
#footer p {
	text-align: center;
	color: #999;
	font-size: 11px;
}
#lang {
	clear: both;
	padding-bottom: 40px;
	padding-top: 25px;
}
#lang ul{

}
#lang ul li {
	display: inline;
	float: left;
	color: #999;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 6px;
}
#lang ul li a {
	display: inline;
	float: left;
	color: #999;
	font-size-adjust: 0.5;
	font-variant: normal;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
}

#lang ul li a.selecton:hover {
	color: #999;
	text-decoration: line-through;
}
#lang ul li a.selecton {
	text-decoration: line-through;
}
#lang ul li a:hover {
	text-decoration: none;
	color: #666;
}

#pagination {
	width: 769px;
	float: left;
}
#pagination ul {
	width: 762px;
	padding-top: 25px;
	text-align: right;
	position: relative;
	margin: 0px 0px 0px 0px !important;
	margin: -36px 0px 0px 130px;
}

#pagination ul li {
	display: inline;
	color: #656565;
	font-weight: bold;
	text-transform: lowercase;
	padding: 2px;
	background: #d5d5d5;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 3px;
}
#pagination ul li a {
	
	color: #656565;
	font-size-adjust: 0.5;
	font-variant: normal;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
}

#pagination ul li a#selectlinkpage:hover {
	color: #656565;
	text-decoration: line-through;
}
#pagination ul li a#selectlinkpage {
	text-decoration: line-through;
}
#pagination ul li a:hover {
	text-decoration: none;
	color: #353535;
}


#lang2 {
	clear: both;
	padding-top: 25px;
	width: 130px;
	float: left;
}
#lang2 ul{

}
#lang2 ul li {
	display: inline;
	float: left;
	color: #999;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 6px;
}
#lang2 ul li a {
	display: inline;
	float: left;
	color: #999;
	font-size-adjust: 0.5;
	font-variant: normal;
	text-transform: lowercase;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
}

#lang2 ul li a.selecton:hover {
	color: #999;
	text-decoration: line-through;
}
#lang2 ul li a.selecton {
	text-decoration: line-through;
}
#lang2 ul li a:hover {
	text-decoration: none;
	color: #666;
}

/* @end */