/*reset*/
@charset "utf-8";
/* CSS Document */
html, body, div, p, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
img {
	border:none;
	}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
ul,ol {
	list-style:none;
	}
/*end reset*/
@font-face {
 font-family: AN;
 src: url("../fonts/ARIALN.eot") /* EOT file for IE */
}
@font-face {
 font-family: AN;
 src: url("../fonts/ARIALN.ttf") /* TTF file for CSS3 browsers */
}
body {
	background:#535352;
	font-family:Arial, Helvetica, sans-serif;
	}
a {
	text-decoration:none;
	}
#wrapper {
	width:960px;
	margin:0 auto;
	}	
#header {
	width:100%;
	height:172px;
	float:left;
	position:relative;
	}
.logo {
	background:url(../images/logo.png) no-repeat;
	width:165px;
	height:110px;
	float:left;
	}
.language {
	float:right;
	font-size:12px;
	width:131px;
	margin-top:92px;
	}	
.language a {
	float:left;
	padding-left:10px;
	color:#93989b;
	float:left;
	margin-left:18px;
	}	
.language a.current {
	background:url(../images/current.png) no-repeat left 3px;
	color:#e7e7e8;
	}
.ajax_loader {
	background:url(../images/ajax.png)  no-repeat;
	width:134px;
	height:43px;
	position:absolute;
	top:0px;
	left:446px;
	display:none;
	}
.ajax_loader img {
	float:left;
	margin:4px 0 0 11px;
	}	
.ajax_loader span {   
    font-family: AN;
	font-size:14px;
	color:#262927;
	text-shadow:1px 1px #8e9193;
	float:left;
	margin:13px 0 0 19px;
	}
#header ul {
	background:url(../images/menu.png) repeat-x;
	width:960px;
	height:38px;
	float:left;
	margin:7px 0 0;
	}	
#header ul li {
	float:left;
	width:192px;
	}
#no_border a {
	width:192px;
	}	
#header ul li a {
	float:left;
	width:192px;
	}
#header ul li a span {
	background:url(../images/span.png) no-repeat 0 -76px;
	float:left;
	width:100%;
	text-align:center;
	line-height:38px;
	color:#27190e;
	text-shadow:1px -1px #b6bdbb;
	cursor:pointer;
	}
#header ul li a:hover span {
	background:url(../images/span.png) no-repeat 0 -38px;
	}
#header ul li a:hover {
	}
#no_border  a:hover {
	}
#home a:hover {
	} 
#header ul li.current a {
	}
#header ul li.current a span {
	background:url(../images/span.png) no-repeat 0 0;
	line-height:37px;
	text-shadow:none;
	color:#abacae;
	padding-bottom:1px;
	}
#content {
	width:100%;
	float:left;
	}
.sidebar {
	width:165px;
	float:left;
	}
.title {
	font-family:AN;
	font-size:16px;
	color:#262927;
	text-shadow:0px 1px #60605f;
	text-transform:uppercase;
	margin-bottom:5px;
	}	
.cat {
	float:left;
	width:168px;
	height:112px;
	position:relative;
	margin-bottom:9px;
	}		
.cat img {
	margin:5px 0 0 6px;
	opacity:0.2;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); 
	float:left;
	}		
.cat a.masc {
	background:url(../images/masc_cat.png) no-repeat 0 -121px;
	width:168px;
	height:112px;
	position:absolute;
	top:0;
	left:0;
	}		
.cat:hover img {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	}
.cat:hover a.masc {
	background:url(../images/masc_cat.png) no-repeat 0 0;
	}
.cat span {
	float:left;
	font-size:11px;
	margin:-20px 0 0;
	z-index:1;
	position:relative;
	}
.cat span a {
	color:#e7e7e8;
	width:168px;
	text-align:center;
	line-height:20px;
	float:left;
	}	
.cat span.dev_size {
	font-size:10px;
	}
.cat span.dev_size a {
	line-height:9px;
	padding-top:2px;
	}	
.slider_box {
	width:766px;
	height:488px;
	position:relative;
	overflow:hidden;
	border:1px solid #93989b;
	float:right;
	}
div#top div#nav {
	float : left;
	clear : both;
	width : 993px;
	height : 52px;
	margin : 22px 0 0;
	}
div#top div#nav ul {
	float : left;
	width : 700px;
	height : 52px;
	list-style-type : none;
	}
div#nav ul li {
	float : left;
	height : 52px;
	}
div#nav ul li a {
	border : 0;
	height : 52px;
	display : block;
	line-height : 52px;
	text-indent : -9999px;
	}
div#slide-holder {
	z-index : 40;
	width : 766px;
	height : 488px;
	position : absolute;
	}
div#slide-holder div#slide-runner {
	top : 0px;
	left : 0px;
	width : 766px;
	height : 488px;
	overflow : hidden;
	position : absolute;
	}
div#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
	}
div#slide-holder div#slide-controls {
	right : 12px;
	bottom : 7px;
	height : 7px;
	display : none;
	position : absolute;
	}
div#slide-holder div#slide-controls p#slide-nav {
	float : right;
	height : 7px;
	display : inline;
	}
div#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	width : 6px;
	height : 7px;
	display : inline;
	font-size : 11px;
	margin : 0 10px 0 0;
	text-indent:-9999px;
	}
div#slide-holder div#slide-controls p#slide-nav a.on {
	background : url(../images/slider.png) 0px 0;
	}
div#slide-holder div#slide-controls p#slide-nav a {
	background : url(../images/slider.png) -6px 0;
	}
#footer {
	float:left;
	width:100%;
	border-top:4px solid #282b2a;
	margin:30px 0 0;
	height:55px;
	}
#footer p {
	float:left;
	font-size:10px;
	color:#93989b;
	margin:10px 0 0;
	}
.contact {
	background:url(../images/contact.png) no-repeat right bottom;
	min-height:420px;
	margin-bottom:-30px;
	}
* html div..contact {
    height: expression( this.scrollHeight < 420 ? "420px" : "auto" ); /* задает min-height для IE */
    min-height: 420px; /* указывает min-height для браузеров со стандартной компиляцией */
    }
.portfolio {
	height:auto;
	}	
.main {
	float:left;
	width:100%;
	}
.main h1 {
	float:left;
	width:100%;
	font-size:16px;
	color:#acafb2;
	font-weight:normal;
	margin-bottom:15px;
	}	
.main p {
	clear: both;
    color: #ACAFB2;
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin-left: 18px;
    width: 400px;
	margin-bottom:10px;
	}
.main p a {
	color:#acafb2;
	}
.main p a:hover {
	text-decoration:underline;
	color:#2a2c2c;
	}
.nav {
	float:left;
	width:885px;
	margin:0px 0 15px 35px;
	}
.nav a {
	background:url(../images/circle.png) no-repeat right 2px;
	padding-right:13px;
	margin-right:5px;
	font-size:11px;
	color:#282b2a;
	float:left;
	text-decoration:underline;
	}
.nav a:hover {
	text-decoration:none;
	}
.nav span {
	font-size:11px;
	color:#abacae;
	float:left;
	}	
.carousel_box {
	background:#535352;
	float:left;
	width:100%;
	position:relative;
	border-bottom:2px solid #282b2a;
	border-top:2px solid #282b2a;
	padding:15px 0;
	height:115px;
	margin-bottom:15px;
	}	
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 885px;
	margin:0 auto;
	}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
	}
.jcarousel-skin-tango {
    width: 885px;
    height: 112px;
	margin:0 auto;
	position:relative;
	z-index:2;
	float:none;
	}
.jcarousel-skin-tango .jcarousel-item {
    width: 168px;
    height: 112px;
	position:relative;
	margin-right:11px;
	}
.shadow_right {
	}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
   	background: url(../images/buttons.png) no-repeat -12px 0 ;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: -33px;
    top: 44px;
    width: 12px;
	}
.jcarousel-next-horizontal:hover {
   	background: url(../images/buttons.png) no-repeat -12px -22px  ;
	}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
   	background: url(../images/buttons.png) no-repeat 0px 0 ;
    cursor: pointer;
    height: 22px;
    position: absolute;
    left: -33px;
    top: 44px;
    width: 12px;
	}
.jcarousel-prev-horizontal:hover {
   	background: url(../images/buttons.png) no-repeat 0 -22px  ;
	}
.product {
	float:left;
	width:221px;
	height:165px;
	position:relative;
	border:1px solid #2f3130;
	margin:0 22px 22px 0;
	}
.product img {
	float:left;
	}
.product span {
	background:url(../images/product.png) repeat-x;
	width:221px;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	color:#acafb2;
	line-height:30px;
	font-size:12px;
	z-index:1;
	}
.product span.dev_span_two {
	line-height:30px;
	font-size:10px;
	}	
.product a.masc_items {
	width:221px;
	height:165px;
	position:absolute;
	top:0;
	left:0;
	}
.product:hover {
	border-color:#ffffff;
	}
.no_margin {
	margin-right:0 !important;
	}
.all {
	height:28px;
	line-height:28px;
	font-size:12px;
	margin:15px auto;
	width:153px;
	}
.all a {
	background:url(../images/all.png)  no-repeat 0 0;
	text-align:center;
	width:153px;
	height:28px;
	float:left;
	color:#262928;
	}	
.all a:hover {
	background:url(../images/all.png)  no-repeat 0 -28px;
	}
.description {
	float:left;
	width:210px;
	font-size:12px;
	color:#acafb2;
	line-height:15px;
	margin-left:36px;
	}	
.description  p {
	width:100%;
	}
.big_slider {
	width:655px;
	height:380px;
	float:right;
	}
.big_slider .carousel_box {
	border:none;
	padding:0;
	width:122px;
	height:340px;
	float:right;
	padding:20px 0;
	}	
.big_slider .carousel_box .jcarousel-skin-tango {
    float: none;
    height: 340px;
    margin: 0 auto;
    position: relative;
    width: 122px;
    z-index: 2;
	}	
.big_slider .carousel_box .jcarousel-container-vertical {
    height: 340px;
	} 
.big_slider .jcarousel-skin-tango li {
	width:120px;
	height:76px;
	border:1px solid #2d2017;
	margin:0 0 10px 0;
	}
.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 340px;
    width: 120px;
	}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
	}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 343px;
    width: 122px;
	}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    background: url("../images/buttons_vert.png") no-repeat scroll -22px 0px transparent;
    top: -22px;
    cursor: pointer;
    height: 12px;
    left: 52px;
    position: absolute;
    width: 22px;
	}
.jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background: url("../images/buttons_vert.png") no-repeat scroll 0px -12px transparent;
	}
.jcarousel-skin-tango .jcarousel-next-vertical {
    background: url("../images/buttons_vert.png") no-repeat scroll -22px -12px transparent;
    bottom: -22px;
    cursor: pointer;
    height: 12px;
    left: 52px;
    position: absolute;
    width: 22px;
	}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background: url("../images/buttons_vert.png") no-repeat scroll 0px 0px transparent;
	}
.small_img {
	float:left;
	width:515px;
	height:380px;
	overflow:hidden;
	border:1px solid #a9aaab;
	}
.main ul {
	float:left;
	width:580px;
	margin:0 0 0 35px;
	}
.main ul li {
	float:left;
	width:100%;
	margin-bottom:8px;
	color:#acafb2;
	font-size:12px;
	}
.main ul li a {
	background:url("../images/open.png") no-repeat  right 4px;
	color:#acafb2;
	padding-right:15px;
	}
.main ul li a.dev_open {
	background:url("../images/open.png") no-repeat  right -19px;
	color:#262927;
	}
.main ul li a:hover {
	color:#262927;
	}
.main ul li ul {
	display:none;
	float:left;
	margin:10px 0 0 20px;
	}	
.current img {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	}
.jcarousel-list-vertical {
	width: 122px !important;
	}