@charset "windows-1251";
body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
	background-color: #efece2;
	min-width:980px;
}

body a {
	text-decoration: underline;
	color: #05afce;
}
body a:hover {
	text-decoration: none;
	color: #cc0066;
}

#wrap {
    background-image: url(images/bk_main_flash.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#head {
	margin: auto;
	width: 980px;
	height: 450px;
	position: relative;
}
#head #logo {
	position: absolute;
	top: 365px;
	left: 10px;
}

#head .studio {
	position: absolute;
	top: 125px;
	left: 278px;
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #666666;
	letter-spacing: -2px;
	text-transform:uppercase;
}
#head .teleph {
	top: 125px;
	background-image: url(images/head_teleph.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;

    /*padding-left: 45px;*/
	/*margin-left: 20px;*/
	right: 10px;
	position: absolute;
	width: 110px;
}
#head #promo {
	position: absolute;
	height: 121px;
	width: 93px;
	right: 210px;
	top: 190px;
}

#head .service {
	position: relative;
	left: 300px;
	width: 450px;
	top: 180px;
}
#head .service li a {
	color: #666666;
}
#head .service li a:hover {
	color: #000000;
}

#head .service ul {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#head .service li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-image: url(images/str3.png);
}
#head .service .all {
	clear: both;
	padding-top: 20px;
}
#head #menu {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: italic;
	letter-spacing: -1px;
	position: absolute;
	left: 270px;
	top: 380px;
}
#head #menu ul {
	margin: 0px;
	padding: 0px;
}

#head #menu li {
	display: block;
	float: left;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
}
#head #menu .left {
	position: absolute;
	left: -30px;
	top: -12px;
}
#head #menu .right {
	position: absolute;
	right: -30px;
	top: -12px;
}
#port {
	position: absolute;
	width: 100%;
	text-align: center;
	height: 316px;
	top: 450px;
	z-index: 0;
	/*min-width:1000px;*/
}
#top10 {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
    height: 450px;
	background-image: url(images/top10_bk.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	
	position: relative;
	margin-bottom: 40px;
}
#top10 .b_left {
	position: absolute;
	left: 50px;
	top: 170px;
	z-index: 1;
}
#top10 .b_right {
	top: 170px;
	right: 50px;
	position: absolute;
	z-index: 1;
}
#top10 .title {	
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #05afce;
	letter-spacing: -2px;
	font-style: italic;
    margin-left: 115px; 
	margin-bottom: 3px;
    float: none !important;
}
#top10 .txt {
	margin-left: 155px; 
	margin-bottom: 10px;
    width: 470px;
    float: none !important;
}
#top10 .link {
	margin-left: 155px;
	margin-bottom: 20px;
    float: none !important;
}
#top10 .nomber {
	position: absolute;
	right: -150px;
	top: 250px;
}
#news {
	position: relative;
	height: 180px;
	width: 100%;
	background-image: url(images/news_bk.png);
	background-repeat: repeat-x;
	background-position: center center;
	z-index: 5;
}
#news .cont {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#news .block {
	width: 280px;
	padding-top: 37px;
	float: left;
	padding-left: 20px;
}
#news .photo {
	float: left;
	height: 106px;
	width: 106px;
	position: relative;
}
#news .date {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #05afce;
	font-style: italic;
	letter-spacing: -1px;
	padding-top: 20px;
	padding-left: 115px;
}
#news .txt {
	padding-left: 115px;
}

#about {
    z-index: 0;
    background: url('images/about.jpg') center top no-repeat; 
    /*margin-top: -10px;*/
    position: relative;
    top: -10px;
    color: #FFFFFF;
}

#about a {
	color: #FFFFFF;
	text-decoration: underline;
}
#about   a:hover {
	text-decoration: none;
}

#about .company {
	position: relative;
	height: 320px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#about .company li {
	margin: 0px;
	list-style-position: outside;
	list-style-image: url(images/str1.png);
}
#about .company .title {
	margin-right: auto;
	margin-left: auto;
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-style: italic;
	letter-spacing: -2px;
	padding-top: 35px;
	padding-left: 280px;
}
#about .company .txt {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 320px;
}
#about .company .link {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 320px;
}
#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #aaaaaa;
	font-family: "Trebuchet MS";
}
#footer #map {
	position: absolute;
	top: 30px;
	left: -20px;
}
#footer #map img  {
	opacity:0.6;
	filter:alpha(opacity=60);
	moz-opacity:0.6;
}
#footer #map img:hover  {
	opacity:1;
	filter:alpha(opacity=100);
	moz-opacity:1;    
}

#footer .teleph {
	font-size: 72px;
	/*padding-left: 280px;*/
	letter-spacing: -5px;
	padding-top: 50px;
}
#footer .adress {
	font-size: 30px;
	letter-spacing: -2px;
	/*padding-left: 320px;*/
	line-height: 30px;
}
#footer .adress a {
	color: #aaaaaa;
	text-decoration: underline;
}
#footer .adress a:hover {
	text-decoration: none;
}
#footer .copy {
	/*padding-left: 320px;*/
	padding-top: 30px;
	margin-bottom: 20px;
}

.scrollable {
    position:relative;
    overflow:hidden;
    width: 650px;
    height:450px;
    margin-left: auto;
    margin-right: auto;
}

.scrollable .items {
    width:20000em;
    position:absolute;    
}
.items div {
    float:left;
}
a.browse {
    background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

a.right                 { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover         { background-position:-30px -30px; }
a.right:active     { background-position:-60px -30px; } 


a.left                { margin-left: 0px; } 
a.left:hover          { background-position:-30px 0; }
a.left:active      { background-position:-60px 0; }

a.up, a.down        { 
    background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
    float: none;
    margin: 10px 50px;
}

a.up:hover          { background-position:-30px 0; }
a.up:active          { background-position:-60px 0; }

a.down                 { background-position: 0 -30px; }
a.down:hover          { background-position:-30px -30px; }
a.down:active      { background-position:-60px -30px; } 

.work_pic {
    width: 650px;
    background-position: center;
    background-repeat: no-repeat;
    height: 316px;
}
.slide {
    width: 650px;
}