@charset "utf-8";


/* Ластик, начало */
body,table,td,div,span,hr,h1,h2,h3,h4,form,p,button,select,input,textarea {
	padding: 0;
	margin: 0;
}
table {
	border: 0;
	border-collapse: collapse;
}
table td {
	vertical-align:top
}
img {
	border: 0;
}
/* Ластик, конец */
html {
	background:#333333; 
	color:#330000; 
	font: 11px Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	vertical-align:top
}
body {
	margin:0; 
	padding:0; 
}
a {
	color:#909090;
	text-decoration: none; 
}
a:hover {
	text-decoration: underline
}
a:focus, a:active {
  outline:none;
}
img.png {
	behavior: url(pngbehavior.htc);
}

h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#891309; 
	padding:0; 
	margin:0; 
}
h2 {
	color:#891309;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
h3 {
	color:#891309;
	font:bold 11px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	padding:0;
}

input,select {
	vertical-align: middle; 
	height: 18px;
}
button {
	background-color: transparent; 
	border: none; 
	height: 198px;
}
input.submit {
	background:url(../images/btn_out.gif) 0 0 no-repeat; 
	border:0; 
	color:white; 
	cursor:pointer;  
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	height:17px; 
	margin:0; 
	padding:0 0 2px 0; 
	text-align:center; 
	width:76px
}
.txt {
	margin-bottom:4px; 
	padding-top:2px; 
	padding:0 3px 0 9px;
}
	.txt input {
		width:160px; 
		height:14px; 
		color:black; 
		font:10px Verdana, Arial, Helvetica, sans-serif; 
		border:0; 
		background:none
	}
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	overflow:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.float-lt{
	float:left; 
	display:block
}
.float-rt{
	float:right; 
	display:block
}
.clear {
	clear:both
}
.clear-all {
	clear:both;
	width:100%
}

.global {
	margin:0 auto;
	padding:0;
	width:958px; 
}
.intro {
	margin:0 auto;
	padding:75px;
	width:870px;
}

#fl_sound {
	margin:8px 46px 8px 0;
	text-align:right
}
/*** header ***/
.header {
	background:url(../images/header_bg.jpg) 0 0 no-repeat #EEEDEB;
	height:106px;
	width:958px;
}
.index .header {
	background:url(../images/header_bg_index.jpg) 0 0 no-repeat #EEEDEB;
}
.header .menu {
	list-style-type:none;
	margin:0 0 0 37px;
	padding:0;
}
.header .menu td {
	width:233px;
	position:relative
}
.header .menu td.first {
	width:230px
}
.header .menu td.last {
	width:225px
}
.header .menu a {
	height:12px;
	overflow:hidden;
	position:absolute;
}
.header .menu a:hover {
	height:95px
}
.header .menu .active a {
	height:95px;
	position:absolute
}

.logo {
	float:left;
	padding:19px 0 0 60px;
}
.contacts {
	float:right;
	padding:63px 50px 0 0;
	text-align:right
}
.contacts a {
	color:#891209;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif
}
/*** end of header ***/	
.content {
	background:url(../images/content_bg.jpg) 0 0 no-repeat white;
	height:409px;
	width:958px
}
.portfolio .content {
	background:url(../images/portfolio_bg.jpg) 0 0 no-repeat white;
	height:409px;
	width:958px
}

.wrapper{float:left;width:958px}
.left-column{margin: 0 295px 0 0; padding:10px 0 0 55px; width:605px}
.right-column{float:left;width:200px;margin-left:-251px; padding:10px 0 0 0}


/*** left column ***/
.projects {
	color:#666666;
	display:block;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	height:15px;
	overflow:hidden;
	width:590px
}
.projects a {
	padding:0 25px 0 0
}
.projects a.active {
	color:#891309;
	text-decoration:underline
}
.projects a.active:hover {
	text-decoration:none
}
.next {
	float:right;
}
.projects .prev {
	margin:0 10px 0 0;
	padding:0
}
.project-img {
	height:350px;
	padding:15px 0 0 0;
	text-align:center;
}
.pages {
	color:#666666;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center
}
.pages a {
	color:#666666;
	font:bold 11px Tahoma, Arial, Verdana, Helvetica;
	padding:0 5px
}
.pages a.active {
	color:#891309;
	text-decoration:underline
}
.pages a.active:hover {
	text-decoration:none
}

.pages .myactive {
	color:#891309;
	text-decoration:underline
}

.pages .notactive {
	color:#666666;
	font:bold 11px Tahoma, Arial, Verdana, Helvetica;
	padding:0 5px
}

/*** end of left column ***/

/*** right column ***/	

/***end of right column ***/

/*** footer ***/
.footer {
	background:url(../images/footer_bg.jpg) 0 0 no-repeat #EEEDEB;
	color:#8B120A;
	height:58px;
	width:958px
}
.footer a { 
	color:#8B120A; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
}
.intro .footer { 
	background:none;
	color:#909090; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	padding:15px 0;
	width:870px;
}
.intro .footer a { 
	color:#909090; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
}
.intro .footer .menu {
	float:left;
	padding:0
}
.intro .footer .copyright {
	float:right;
	font:12px Arial, Helvetica, sans-serif;
	padding:0
}
.footer .menu {
	float:left;
	padding:18px 0 24px 40px
}
.footer .menu a {
	padding:0 2px
}
.footer .copyright {
	float:right;
	font:12px Arial, Helvetica, sans-serif;
	padding:18px 46px 24px 0
}
/*** scroll ***/
#content_text{
  width: 830px;
  height: 390px;
  margin-top: 10px;
  margin-left: 60px;
  float: left;
  display:inline;
}
#Scroller-1 {
  position: relative;
  overflow: hidden;
  width: 800px;
  height: 390px;
  float: left;
/*  margin: 22px 26px 21px 26px;*/
  display:inline;
}
#Scroller-1 p, #Scroller-2 p {
  margin: 0 0 10px 0;
  text-align: left;
}

.Scroller-Container {
  position: relative;
}

#content_text #Scrollbar-Container {
  position: relative;
  float: right;
/*  margin: 10px 45px 0 0;*/
  width: 10px;
  height: 390px;
  display:inline;
  background:url(../images/scroll_bg.gif) 0 0 repeat-y;
}
#content_text .Scrollbar-Track {
  position: relative;
  width: 10px;
  height:390px;
}
.Scrollbar-Handle {
  position: relative;
  width: 10px;
  height: 11px;
  cursor: pointer;
}

#content_text-2{
  width: 200px;
  height: 350px;
  margin-top: 10px;
  float: left;
  display:inline;
}
#Scroller-2 {
  position: relative;
  overflow: hidden;
  width: 170px;
  height: 350px;
  float: left;
/*  margin: 22px 26px 21px 26px;*/
  display:inline;
}
#content_text-2 #Scrollbar-Container {
  position: relative;
  float: right;
  width: 10px;
  height: 350px;
  display:inline;
  background:url(../images/scroll_bg.gif) 0 0 repeat-y;
}
#content_text-2 .Scrollbar-Track {
  position: relative;
  width: 10px;
  height:350px;
}