body{
	margin: 0px;
	padding: 0px;
	font-family: Georgia;
	font-size: 14px;
	background: #000;
	color: #ccc;
}
img {
	border: 0px;
}
span#yellow{
	font-size: 20px;
	color: #d89c29;
}
span#yellowh{
	font-size: 20px;
	color: #d89c29;
	padding-left: 105px;
	font-style: italic;
}
p.cta{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 4px;
	margin-left: 15px;
}

/* Scrolling */
			.scroll-wrap{height: 430px; overflow:auto}
			.scroll-pane{height: 370px; width:300px; overflow:auto}
			

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background:url(images/drag.png) no-repeat left top;
	height:42px
}
.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: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(images/but.png) no-repeat center top;
	height:18px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(images/but.png) no-repeat center top;
	height:18px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* classes DIVs */
div.logo{
	padding-left: 55px;
}
div#main{
	background: no-repeat;
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	
}
div.mainframe{
	width: 642px;
	height: 514px;
	background: url(i/mainframe.png) 0px 0px no-repeat;
	padding-top: 45px;
	top: 45px;
	position: absolute;
	right: 40px;
}
div.image{
	width: 260px;
	height: 397px;
	position: absolute;
	left: 50px;
}
div.menus{
	width: 260px;
	padding-left: 53px;
	float: left;
}
div.pict{
	background: url('i/pict.png') no-repeat 50% 0%; 
	width: 313px;
	height: 43px;
	z-index: 1;
	padding-top: 390px; 
	position: absolute;
	left: 80px;
}
div.text{
	padding-right: 10px;
}
	div#table{
		background: url('i/table.png') no-repeat 0 100%;
		width: 299px;
		height: 260px;
		float: left;
		bottom: 0px;
		position: absolute;
	}
	div#menu{
		width: 760px;
		height: 160px;
		bottom: 15px;
		position: absolute;
		right: 0px;;
	}
	div#copy{
		bottom: 10px;
		position: absolute;
		right: 10px;
		color: #d89c29;
		font-size: 12px;
	}
div#swf {
	position: absolute;
	z-index: 20;
	right: 10px;
	top: 15px;
}

/* Link */
A {
 outline: none; /* Убираем границу вокруг ссылок */
}
a#gallery:link, a#gallery:visited{
	background: url('i/bbg.gif') no-repeat;
	display: block;
	width: 116px;
	height: 22px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a#gallery:hover{
	color: #d89c29;
}
a:link, a:visited{
	color: #d89c29;
}
a:hover{
	color: #CC3300;
}
a.menu:link.a.menu:visited{
	color: #d89c29;
}
a.menu:hover{
	color: #CC3300;
}
a.cta:link.a.cat:visited{
	color: #d89c29;
	margin-left:15px;
	display: block;
}
a.cta:hover{
	color: #CC3300;
}
/* Hint */
#tooltip{
	background:#FFFFFF;
	border:1px solid #666666;
	border-top:5px solid #FFCC33;
	color:#333333;
	font:menu;
	z-index: 1000;
	margin-top:-33px;
	margin-left: 0px;
	padding:3px 5px;
	position:absolute;
	visibility:hidden
}