* {padding:0; margin:0}

html, body {height:100%; width:100%; background:#313131}
body {font:normal 11px Verdana, Arial, Tahoma}

img {_behavior: url("iepngfix.htc")}

a img {border:none}
a {color:#fff}
a:hover {text-decoration:none}

#links { width:880px; margin:0 auto 50px; text-align:right; padding:0 25px}
#links a {margin-left:10px}

#alay {background:url(/images/bg-site.jpg) top no-repeat; width:897px; height:540px; margin:0 auto; padding:0 16px; padding-top:1px;}

#index-menu {background:url(/images/logo-alay.jpg) 100px 75px no-repeat; height:270px; margin-top:140px}
#index-menu ul { list-style:none; margin:0; padding-right:7px; float:right; width:322px}
#index-menu a {display:block; background-position:top; background-repeat:no-repeat; width:322px; height:44px}
#index-menu a:hover {background-position:bottom}
#index-menu a.first-column {background-image:url(/images/m-cards.jpg)}
#index-menu a.second-column {background-image:url(/images/m-projects.jpg)}
#index-menu a.third-column {background-image:url(/images/m-deposits.jpg)}
#index-menu a.fourth-column {background-image:url(/images/m-accounts.jpg)}
#index-menu a.fifth-column {background-image:url(/images/m-cash.jpg)}
#index-menu a.sixth-column {background-image:url(/images/m-serveces.jpg)}


#horiz_menu {height:31px; width:881px; margin:auto; position:relative; top:8px}
#horiz_menu a {background-repeat: no-repeat; background-position:bottom; display:block; float:left; position: relative; z-index:1; height:31px}
#horiz_menu a:hover {background-position:top; z-index:3}
#horiz_menu a.selected {background-position:top; z-index:4}
#horiz_menu a.cards-item {background-image: url(/images/m-h-cards.gif); width:152px;}
#horiz_menu a.salary_projects-item {background-image: url(/images/m-h-projects.gif); width:156px;}
#horiz_menu a.deposits-item {background-image: url(/images/m-h-deposits.gif); width:131px;}
#horiz_menu a.allay_cards-item {background-image: url(/images/m-h-accounts.gif); width:179px;}
#horiz_menu a.cash_machine-item {background-image: url(/images/m-h-cash.gif); width:104px;}
#horiz_menu a.services-item {background-image: url(/images/m-h-serveces.gif); width:159px;}


.baner {background:url(/images/blank_page.jpg) no-repeat; width:384px; height:414px; position:relative; top:7px; left:8px; padding:70px 30px 30px 35px; float:left;}
.baner .inner { height:420px;  overflow:hidden}


.content{ float:left; height:490px; width:425px; padding-top:20px; position:relative; left:20px; color:#ffb8b8;}
.content p {padding-bottom:15px}
.content h3 {color:#fff; font:normal 21px Arial; padding-bottom:5px; width:400px}
.content table {border:solid 1px #d24242; margin:5px 0}
.content table td {color:#fff; padding:3px 5px;}
.content strong {color:#fff}
.content li {margin:5px 0 0 20px;}



.submenu { padding:3px 20px 15px 20px; background:url(/images/dark-block.jpg) no-repeat; width:387px; height:49px; position:relative; left:-13px}
.content a {font-family:Tahoma; margin:0px 10px 0px 0px; line-height:20px }
.content a:hover {color:#000}
.content a:active {color:#666}

.scroll {height:382px; overflow:hidden; padding-right:20px}


#footer {width:880px; margin:auto; color:#969696; font-family:Arial; padding:0 23px}
#footer .right_block {text-align:right}
#footer a {color:#969696; margin-right:10px}


.left {float:left}
.right {float:right}
.clear {clear:both}

.content table td.left-text {text-align:left}




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 10px;
	top: 0;	
	background:url(/images/way.gif) 2px 0 repeat-y; 
	width:10px;
}
.jScrollPaneDrag {
	position: absolute;  
	cursor: pointer;
	overflow: hidden;
	background:url(/images/scroll.gif) repeat-y;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0px;
	text-indent: -2000px;
	overflow: hidden;
	background:url(/images/arrows.gif) no-repeat center top;
	height:13px; 
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0px;
	text-indent: -2000px;
	margin-top:10px;
	overflow: hidden;
	background:url(/images/arrows.gif) no-repeat center bottom;
	height:13px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}