body {
	color:#fff;
	/*overflow-x:hidden;*/
	font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
}

a {
	outline:0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia,serif;
}

.left,
.right {
	display:inline;
}

.left {
	float:left;
}

.right {
	float:right;
}

.hyphenate {
	/*text-align:justify;*/
}

.fulltext {
	margin-top:100px!important;
}

#menu {
	left:0;
	top:15px;
	width:100%;
	z-index:777;
	position:fixed;
}


#menu ul,
.container {
	padding:0;
	width:844px;
	margin:auto;
}

#menu a {
	background:url(../images/menu.png);
}

#menu a {
	height:0;
	cursor:pointer;
	overflow:hidden;
	padding-top:58px;
}

#menu .current {
	cursor:default;
}

#m-index a {
	width:52px;
}

#m-index .current,
#m-index a:hover {
	background-position:0 -58px;
}

#m-advertisment a {
	width:186px;
	background-position:-52px 0;
}

#m-advertisment .current,
#m-advertisment a:hover {
	background-position:-52px -58px;
}

#m-design a {
	width:78px;
	background-position:-238px 0;
}

#m-design .current,
#m-design a:hover {
	background-position:-238px -58px;
}

#m-video a {
	width:67px;
	background-position:-316px 0;
}

#m-video .current,
#m-video a:hover {
	background-position:-316px -58px;
}

#m-webdev a {
	width:144px;
	background-position:-383px 0;
}

#m-webdev .current,
#m-webdev a:hover {
	background-position:-383px -58px;
}

#m-stereo a {
	width:94px;
	background-position:-527px 0;
}

#m-stereo .current,
#m-stereo a:hover {
	background-position:-527px -58px;
}

#m-portfolio a {
	width:108px;
	background-position:-621px 0;
}

#m-portfolio .current,
#m-portfolio a:hover {
	background-position:-621px -58px;
}

#m-contacts a {
	width:115px;
	background-position:-729px 0;
}

#m-contacts .current,
#m-contacts a:hover {
	background-position:-729px -58px;
}

#scrollable {
	width:6830px;
	overflow:hidden;
	background:#01162b url(../images/scrollable.gif) repeat-x;
}

.page,
#scrollable {
	height:2057px;
}

.page {
	width:1005px;
	background:url(../images/page.jpg);
}

.title {
	font-size:60px;
}

.page .title {
	height:150px;
	color:#ffffcc;
	font-size:60px;
	line-height:72px;
	margin:200px 0 0 96px;
}

#s-index {
	background:none;
	min-width:1000px;
	position:relative;
	text-align:center;
}

#s-index-logo,
#s-index-text {
	left:50%;
	position:absolute;
}

#s-index-logo {
	height:0;
	top:234px;
	width:380px;
	overflow:hidden;
	padding-top:434px;
	margin:0 0 0 -190px;
	background:url(../images/logotype.png) no-repeat;
}

#s-index-text {
	top:686px;
	width:892px;
	font-size:13px;
	text-align:left;
	margin-left:-446px;
}

#s-index-text a {
	color:#66CCFF;
}

#s-index-text a:hover,
#s-index-text a:focus {
	text-decoration:none;
}

#s-index-text h1 {
	color:#fff;
	font-size:34px;
}

#s-advertisment h2 {
	width:360px;
}

#s-design {
	background-position:-1005px 0;
}

#s-video {
	background-position:-2010px 0;
}

#s-webdev {
	background-position:-3015px 0;
}

#s-stereo {
	background-position:-4020px 0;
}

#s-stereo h2 {
	width:427px;
}

#article {
	margin-top:141px;
}
/*#s-stereo h2 {
	height:0;
	width:298px;
	overflow:hidden;
	margin-top:173px;
	padding-top:177px;
	background:url(../images/stereo.jpg) no-repeat;
}*/

#s-stereo .extra li,
#s-stereo .inside a {
	color:#66CCFF;
}

#s-stereo .inside h3,
#s-stereo .inside h4,
#s-stereo .inside h5,
#s-stereo .inside h6,
#s-stereo .accordion {
	color:#fff;
}

#s-contacts {
	color:#fff;
	font-size:16px;
	background-position:-5025px 0;
}

#s-contacts h2 {
	height:auto;
	margin-left:166px;
	margin-bottom:71px;
}

#s-contacts p,
#s-contacts address {
	margin:0 0 0 166px;
}

#s-contacts address,
#s-contacts em {
	font:34px Georgia,serif;
}

#s-contacts address {
	margin-bottom:37px;
}

#s-contacts .transparency {
	width:645px;
	margin:63px 0 0 111px;
}

#s-contacts .transparency p {
	margin:0 10px 0 0;
}

#s-contacts .transparency-wrapper {
	background:#00b2ec;
}

#s-contacts .transparency-content {
	padding:36px 59px;
}

.lenta {
	width:908px;
	height:149px;
	padding:20px;
	margin:79px auto 0;
}

.lenta h4 {
	color:#fff;
	font-size:20px;
}

.lenta p a,
.lenta p a:hover,
.lenta p a:focus {
	color:#66ccff;
	font-size:13px;
}

.lenta p a:hover,
.lenta p a:focus {
	text-decoration:none;
}

.scrollable {
	/*left:0; íàõóéÿ? */
	width:844px;
	height:100px;
	overflow:hidden; 
	position:relative;
}

.items {
	width:10000px;
	position:absolute;
}

.items div {
	width:247px;
	margin-right:52px;
}

.items small {
	color:#999;
	width:100%;
	font-size:9px;
	margin-bottom:12px;
}

.items a,
.items a:hover,
.items a:focus {
	color:#fff;
}

.items a:hover,
.items a:focus {
	text-decoration:none;
}

.browse {
	height:0;
	width:22px;
	display:block;
	font-size:1px;
	cursor:pointer;
	overflow:hidden;
	margin:19px 10px;
	padding-top:38px;
	background:url(../images/arrows.png) no-repeat;
}

.nextPage {
	clear:right;
	margin-right:0;
	background-position:0 -38px;
}

.nextPage:hover,
.nextPage:active {
	background-position:-22px -38px;
}

.prevPage {
	margin-left:0;
}
 
.prevPage:hover,
.prevPage:active {
	background-position:-22px 0;
}

.disabled {
	visibility:hidden !important;
}

.transparency {
	overflow:hidden;
	position:relative;
}

.transparency-layout {
	top:0;
	left:0;
	opacity:0.5;
	width:1000px;
	height:1000px;
	background:#000;
	position:absolute;
	filter:alpha(opacity=50);
} 

.transparency-content {
	width:100%;
	height:100%;
	position:relative;
}

.accordion {
	color:#fff;
	margin:27px 53px 0 53px;
}

.inside {
	float:left;
	width:545px;
	font-size:13px;
}

.inside h3 {
	font-size:34px;
	margin-bottom:21px
}

.inside h4 {
	margin-bottom:11px
}

.inside h3,
.inside h4,
.inside h5 {
	color:#fff;
}

.inside ul, 
.inside ol {
	margin:0 1.5em 1.5em 1.5em;
}

.active {
	display:block;
}

.extra {
	padding:0;
	width:280px;
	list-style:none;
	margin-top:54px;
}

.extra li {
	color:#fff;
	cursor:pointer;
	font-size:14px;
	margin-bottom:14px;
	text-decoration:underline;
}

.extra li.current {
	cursor:default;
	text-decoration:none;
}

.error,
.success,
#feedback {
	margin-top:36px!important;
}

#feedback label {
	font-weight:normal;
}

#feedback textarea {
	width:523px;
	height:134px;
}

textarea,
input.text {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.errorInput {
	color:#8a1f11;
	background:#FBE3E4!important;
	border-color:#FBC2C4!important;
}

.error,
.success {
	width:523px
}

.container {
	color:#333;
}

.container h2 {
	margin:141px 0 0 36px;
}

#archive h2 {
	width:808px;
}

#archive a {
	color:#6699ff;
}

#archive p img.left {
	margin-top:0;
}

.pagination {
	padding:0;
	width:808px;
	list-style:none;
	margin:19px 0 26px 36px;
}

.pagination li {
	font-size:19px;
	margin-right:14px;
}

.news {
	width:817px;
	padding:.8em;
	cursor:pointer;
	font-size:16px;
	margin-bottom:1em;
	border:1px solid #fff;
}

.bordered {
	border-color:#6699ff;
}

.underline {
	color:#ccc;
	cursor:default;
	text-decoration:none;
}

.news table,
.news td {
	vertical-align:top;
}

.thumb {
	width:100px;
}

.news table {
	margin-bottom:0;
}

.description {
	padding-right:0;
}

#categories {
	padding:0;
	overflow:hidden;
	list-style:none;
	margin:105px 0 13px 22px;
}

#categories li {
	font-size:16px;
	margin-bottom:3px;
	white-space:nowrap;
}

.work {
	width:268px;
	height:78px;
	position:relative;
	margin:171px 20px 0 0;
}

.work small {
	display:block;
	margin:15px 0 3px;
}

.work h4 {
	margin:0;
	height:66px;
	font-size:16px;
	/*margin:26px 0 3px;*/
}

.work span {
	left:0;
	bottom:100%;
	position:absolute;
	text-align:center;
}

.work a,
.work span {
	cursor:pointer;
}

.play {
	top:34px;
	left:93px;
	position:absolute;
}

.overlay {
	width:807px;
	z-index:10000;
	background:#fff;
	min-height:200px;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.player {
	display:block;
}

.overlay .close {
	top:-15px;
	width:35px;
	right:-15px;
	height:35px;
	cursor:pointer;
	position:absolute;
	background:url(../images/close.png) no-repeat;
}

.overlay h5 {
	color:#353535;
	font-size:18px;
	font-weight:normal;
}

/*.details {
	top:15px;
	color:#fff;
	right:15px;
	width:150px;
	font-size:11px;
	position:absolute;
}*/

.wrap {
	margin:25px;
}

.details {
	width:289px;
	/*height:185px;*/
	color:#3c3c3c;
	font-size:12px;
	/*overflow:hidden;
	margin:15px 15px 0;*/
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

.details h3 {
	color:#aba;
	font-size:15px;
	/*margin:0 0 -10px 0;*/
}

.hide {
	display:none;
}

.overlay-thumbs {
	width:400px;
	min-height:328px;
	position:relative;
	overflow:hidden;
}

.overlay-items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.overlay-items img {
	float:left;
}

#portfolio a.browse {
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png);
	cursor:pointer;
	display:block;
	float:left;
	font-size:0;
	height:30px;
	padding:0;
	margin:0;
	width:30px;
}
#portfolio a.nextPage {
background-position:0 -30px;
clear:right;
margin-left:340px;
}
#portfolio a.nextPage:hover {
background-position:-30px -30px;
}
#portfolio a.nextPage:active {
background-position:-60px -30px;
}
#portfolio a.prevPage {
margin-left:0;
}
#portfolio a.prevPage:hover {
background-position:-30px 0;
}
#portfolio a.prevPage:active {
background-position:-60px 0;
}
