/* Core
--------------------------------------------------------------------------- */

/*a{color:#0fa1c1; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}*/
abbr{border:none; cursor:help;}
acronym{border-bottom:1px dotted; cursor:help;}
a:hover acronym{border:none;}
blockquote{font-style:italic; margin:0 18px; padding-left:22px;}
/*body{background:url('../img/bg_body2.png') repeat-x fixed center top; color:#504a51; font:13px/18px Arial, sans-serif; margin:0; padding:0; }*/
cite{font-style:normal;}
code{}
del{}
ins{text-decoration:none; border-bottom:1px dotted #ccc;}
h1{color:#302d31; font:30px/36px Arial, sans-serif; font-weight:normal; letter-spacing:-1px; margin:0 0 18px 0; padding:0;}
h1 a{font-weight:normal;}
h2,h4{
	color:#ff9900;
	font:1.2em Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
h4{margin: 0 0 0 20px;}
h3{color:#302d31; border-bottom:1px dotted #c5c3c6; font:18px/27px Arial, sans-serif; font-weight:bold; margin:36px 0 21px 0; padding:0 0 5px 0;}

h5{color:#302d31; font:14px/18px Arial, sans-serif; font-weight:bold; margin:0 0 18px 0; padding:0;}
span
img{border:0;}
ol{margin:0 0 18px 36px; padding:0;}
ol li{margin-bottom:9px;}
p{margin:10px 0 0 0;}
pre{background:#f5f4f6; border:1px dotted #c5c3c6; clear:both; color:#302d31; font-size:11px; overflow:auto; margin:18px 0; padding:8px 12px;}
small{color:#968b98; font-size:11px;}
/*strong{
	color:#F93;
}*/
.blue {
	color:#0099BF
}
ul{
	list-style:none;
	margin:0 0 18px 0px;
	padding:0;
	
}/*
ul li{
	background:url('../img/bg_nav_01.png') no-repeat left -3px;
	margin-bottom:0px;
	padding-left:0px;
}*/



/* Toptop nav
--------------------------------------------------------------------------- */
#toptop-nav{
	background:url('img/bg_toptop-nav.png') repeat-x center bottom;
	margin:0 auto;
	position: relative;
	padding:20px 0 36px 0;
	text-align:left;
	z-index:40;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}
#toptop-nav ul{list-style:none; margin:0 auto; padding:0; width:860px;}
#toptop-nav li{background:none; color:#493a44; float:left; margin:-15px 0 0 0px; padding:0;}
#toptop-nav #login{float:right; margin:-15px 0px 0 0; text-align:right}
#toptop-nav a{color:#858089; font-weight:normal; font-size: 11px;}
#toptop-nav a:hover{color:#fff; z-index:400}

	
/*   IMAGE SLIDER
**************************************************** */
	html {
		overflow: hidden; /* background:#130120 url('img/bgmain.png') fixed center top;*/
	}
	body {
		position: absolute; margin: 0px; padding: 0px;
		width: 100%; height: 100%;
		background: #111;
		
	}
	#center {
		position: absolute;
		left: 50%;
		top:  50%;
		/*background: #111 url('img/bgmain.png') left:-551px; top:-366px; position:relative;*/
  }


  #bgmain{
  	position: absolute;
  	 left:-551px; top:-368px;
	height: 680px;
	width: 1100px;
  	background: #111 url(img/bgmain.png);
  }
  
	#slider {
	position: absolute;
	width: 820px;
	height: 333px;
	left: -430px;
	top: -181px;
	overflow: hidden;
	background: #000;
	border-color: #000;
	border-right-width: 20px;
	border-bottom-width: 20px;
	border-left-width: 20px;
	border-top-width: 5px;
	border-style: solid;
	}
		
	#slider .slide {
		position: absolute;
		top: 0px;
		height: 333px;
		width: 500px;
		background: #000;
		overflow: hidden;
		border-left: #000 solid 1px;
		cursor: default;
	}
	#slider .title   {
		color: #F80;
		font-weight: bold;
		font-size: 1.2em;
		margin-right: 1.5em;
		text-decoration: none;
	}
	#slider .backgroundText {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		background: #000;
		filter: alpha(opacity=40);
		opacity: 0.4;
	}
	#slider .text {
		position: absolute;
		top: 1%;
		top: 100%;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 0.9em;
		text-align: justify;
		width: 470px;
		left: 10px;
	}
	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: hidden;
	}
#simple_text {
	position:absolute;
	left:-433px;
	top:163px;
	width:860px;
	height:15px;
	z-index:1;
	color: #666;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
}
#simple_text .a {
	position:absolute;
	left:-429px;
	top:203px;
	width:860px;
	height:15px;
	z-index:1;
	color: #999;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
}

a:link {
	color: #CCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}


#menu {	position: absolute;	top: -236px; 	height: 50px;	width: 859px; 	background: #000;
	     overflow: visible; visibility: visible; 	left: -430px;	}

	     
	     /* Image replacement
--------------------------------------------------------------------------- */
#head li a,
#title #title-link,
#flickr .provider,
#twitter .provider,
#title-comments,
#title-your-comment,
#sub-content .copy h3 a,
#social-bookmarks h5
{display:block; overflow:hidden; text-indent:-9999em;}
	     
/* Image replacement
--------------------------------------------------------------------------- */
#menu li a,
#languageDiv li a,
#social-bookmarks h5
{
	display:block;
	text-indent:-9999em;
	/*outline:none;
	-moz-outline-style: none;*/
}

		  
/* Main nav      simple menu navigation (Old One)
--------------------------------------------------------------------------- */
#nav_00{
	/*list-style:none;*/
	margin:0;
	padding:0;
	position:absolute;
	right:30px;
	top:0;
}
#nav_00 li{background:none; display:inline; float:left; margin:0 0 0 1px; padding:0;}
#nav_00 a{background:url('img/navigation_menu_pano_web.png') no-repeat 0 0; height:50px;  display:block; }
#nav_00 .about{background-position:0 -100px; width:68px;}
#nav_00 .work{background-position:-68px -100px; width:86px;}
#nav_00 .services{background-position:-154px -100px; width:83px;}
#nav_00 .copy{background-position:-303px -100px; width:39px;}
/*#nav_00 .blog{background-position:-315px -100px; width:61px;}*/
#nav_00 .about:hover{background-position:0 -50px;}
#nav_00 .work:hover{background-position:-68px -50px;}
#nav_00 .services:hover{background-position:-154px -50px;}
#nav_00 .copy:hover{background-position:-303px -50px;}
/*#nav_00 .blog:hover{background-position:-315px -50px;}*/
#work #nav_00 .about{background-position:0 0;}
#services #nav_00 .work{background-position:-68px 0;}
#contact #nav_00 .services{background-position:-154px 0;}
#copy #nav_00 .copy{background-position:-303px 0;}
/*#blog #nav_00 .blog{background-position:-315px 0;}*/


#languageDiv {
	position:relative;
	left:auto;
	top:-28px;
	width:98px;
	height:50px;
	z-index:100;
	float: right;
	right: 50px;
	border: 0px;
}
/* english - russian
--------------------------------------------------------------------------- */
#en_ru{list-style:none; margin:0; padding:0; position:absolute; right:0px; top:-28px;}
#en_ru li{background:none; display:inline; float:left; margin:0 0 0 0px; padding:0;}
#en_ru a{background:url('img/russian_english_pano.png'); height:50px; outline:none; -moz-outline-style: none;}
#en_ru .english{background-position:-100px -50px; width:100px;}
#en_ru .russian{background-position: 0px -50px; width:100px;}

#en_ru .english:hover{background-position:-100px 0px;}
#en_ru .russian:hover{background-position:0px 0px;}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*                        Navigation Stylesheet */
/*          fade in fade out effect with jQuerry*/


div#navigation,div#navigation-rus {
	position: absolute;
	top: -236px;
	height: 55px;
	width: 860px;
	background: #000;
	overflow: visible;
	visibility: visible;
	left: -430px;
	}



/* Main Navigation */


#navigation ul.level_0,#navigation-rus ul.level_0 {
/*list-style:none;*/
	margin:0;
	padding:0;
	position:absolute;
	right:17px;
	top:0;
	}

#navigation ul .about,#navigation ul .work,#navigation ul .services,#navigation ul .blog,#navigation ul .copy,#navigation-rus ul .about,#navigation-rus ul .work,#navigation-rus ul .services,#navigation-rus ul .blog,#navigation-rus ul .copy {
	cursor: pointer;
	float: left;
	/*list-style: none;*/
	}

#navigation ul a.main {
	background: url(img/navigation_menu_pano_web.png) no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 50px;
	text-decoration: none;
	width: auto;
	}

#navigation-rus ul a.main {
	background: url(img/navigation_menu_pano_web_rus.png) no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 50px;
	text-decoration: none;
	width: auto;
	}

#navigation ul a.main span,#navigation-rus ul a.main span { display:none; }

#navigation ul a.main span.tt,#navigation-rus ul a.main span.tt {
	padding: 3px 10px 4px 10px;
	left: 0;
	}

/* Standard Links (div#navigation ul li a.main) */

/*-ABOUT*/
#navigation ul .about a.main,#navigation-rus ul .about a.main { 
	background-position: 0 -100px;
	width: 79px;
	z-index: 1;
	}
	
/*WORK*/
#navigation ul .work a.main,#navigation-rus ul .work a.main {
	background-position: -79px -100px;
	width: 71px;
	z-index: 2;
	}
	
/*SERVICES*/
#navigation ul .services a.main,#navigation-rus ul .services a.main {
	background-position: -150px -100px;
	width: 87px;
	z-index: 3;
	}

/*BLOG*/
#navigation ul .blog a.main,#navigation-rus ul .blog a.main {
	background-position: -237px -100px;
	width: 66px;
	z-index: 4;
	}

/*-COPY*/
#navigation ul .copy a.main,#navigation-rus ul .copy a.main {
	background-position: -303px -100px;
	width: 47px;
	z-index: 5;
	}

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) */
/* SELECTED BUT NOT ACTIVE */
.about #navigation .about a.main,.about #navigation-rus .about a.main { background-position: 0 0px; z-index: 6; }/*-ABOUT*/
.work #navigation .work a.main,.work #navigation-rus .work a.main { background-position: -79px 0px; z-index: 6; }/*WORK*/
.services #navigation .services a.main,.services #navigation-rus .services a.main { background-position: -150px 0px; z-index: 6; }/*SERVICES*/
.blog #navigation .blog a.main,.blog #navigation-rus .blog a.main { background-position: -237px 0px; z-index: 6; }/*BLOG*/
.copy #navigation .copy a.main,.copy #navigation-rus .copy a.main { background-position: -303px 0px; z-index: 6; }/*-COPY*/

/* Hovers (blues) (1px wider to the left) ( y = -280px ) */

#navigation a.main span.hover {
	background: url(img/navigation_menu_pano_web.png) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0 0px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 100%;
	z-index: 100;
	}
#navigation-rus a.main span.hover {
	background: url(img/navigation_menu_pano_web_rus.png) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0 0px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 100%;
	z-index: 100;
	}
/*-ABOUT*/
#navigation .about a.main .hover,#navigation-rus .about a.main .hover{
	background-position: 0 -50px;
	
	padding: 0;
	}

/*WORK*/
#navigation .work a.main .hover,#navigation-rus .work a.main .hover {
	background-position: -79px -50px;
	background-position: -79px -50px;
	xbackground-position: -79px -50px;
	}

/*SERVICES*/
#navigation .services a.main .hover,#navigation-rus .services a.main .hover {
	background-position: -150px -50px;
	background-position: -150px -50px;
	xbackground-position: -150px -50px;
	}

/*BLOG*/
#navigation .blog a.main .hover,#navigation-rus .blog a.main .hover {
	background-position: -237px -50px;
	background-position: -237px -50px;
	xbackground-position: -237px -50px;

	}

/*COPY*/
#navigation .copy a.main .hover,#navigation-rus .copy a.main .hover {
	background-position: -303px -50px;
	background-position: -303px -50px;
	xbackground-position: -303px -50px;

	xpadding: 0;
	}

/* Active State Hovers (oranges) (y = - 210px ) */

.about #navigation .about a.main .hover,.about #navigation-rus .about a.main .hover { background-position: 0 -150px; padding: 0; }/*ABOUT (home)*/
.work #navigation .work a.main .hover,.work #navigation-rus .work a.main .hover { background-position: -79px -150px; padding: 0; }/*WORK (services)*/
.services #navigation .services a.main .hover,.services #navigation-rus .services a.main .hover { background-position: -150px -150px;  padding: 0; }/*SERVICES (portfolio)*/
.blog #navigation .blog a.main .hover,.blog #navigation-rus .blog a.main .hover { background-position: -237px -150px; padding: 0; }/*BLOG (about)*/
.copy #navigation .copy a.main .hover,.copy #navigation-rus .copy a.main .hover { background-position: -303px -150px; padding: 0; }/*COPY (contact)*/

/* Subnavs (Level 1) */

#navigation .stingray,#navigation-rus .stingray { position: relative; }

#navigation ul.level_1,#navigation-rus ul.level_1 {
	background: transparent;
	display: none;
	/*list-style: none;*/
	margin: 0 0 0 0;
	position: absolute;
	top: 50px;
	left: 0;
	width: 175px;
	}

#navigation ul.level_1 li,#navigation-rus ul.level_1 li {
	margin: 0 0 0px 0;
	}

#navigation ul.level_1 a,#navigation-rus ul.level_1 a {
	background: #ccc;
	color: #333;
	display: block;
	font: 12px/22px "lucida grande",verdana,sans-serif;
	opacity: 0.85;
	padding: 5px 10px;
	text-decoration: none;
	}
	
#navigation ul.level_1 a:hover,#navigation-rus ul.level_1 a:hover { opacity: 1; }

/* Subnavs (Level 2) */

#navigation ul.level_2,#navigation-rus ul.level_2 { display:none; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Logotype */

a#logotype {
	background: url(img/atmosfera_logo_pano.png) no-repeat bottom left;
	display: block;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 0px; /* 960/2 + 10px*/
	outline:none;
	-moz-outline-style: none;
	}
	
	a#logotype-rus {
	background: url(img/atmosfera_logo_pano_rus.png) no-repeat bottom left;
	display: block;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 0px; /* 960/2 + 10px*/
	outline:none;
	-moz-outline-style: none;
	}

a#logotype h1,a#logotype span,a#logotype-rus h1,a#logotype-rus span { display: none;  }

xa#logotype:hover, xa#logotype-rus:hover { background-position: top left; }

a#logotype  .hover {
	background:  url(img/atmosfera_logo_pano.png) no-repeat top left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	width: 210px;

	}
a#logotype-rus  .hover {
	background:  url(img/atmosfera_logo_pano_rus.png) no-repeat top left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	width: 210px;

	}

x.about #logotype, x.about #logotype-rus { display:none; }

/*((((((((((((((((((((((((((((((((((((((((((())))))))))))))))))))))))))))))))))))))))))))*/
/* Style for various uses of tabs */

#freedom {
  float:left;
  width:90px;
  color:#68D;
  font:1.3em Cambria, Times New Roman, serif;
  font-style:italic;
}
#freedom li a {
  width:80px;
  text-align:left;
  padding:2px 6px 4px;
  background:#222;
  margin:1px;
  *margin:0px;
  display:block;
  text-decoration:none;
  font-weight:bold;
  font-size:0.7em;
  font-style:normal;
}
#freedom li a:hover {
  background:#0A0A0A;
  width:86px;
}
#freedom li a.selected {
  background:#FFF;
  color:#000;
  width:90px;
  cursor:default;
}

.tabContainer {
	width:590px;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: auto;
	float: right;
	height: 280px;
	padding: 30px 25px 0 20px;
	/*padding-top:22px;
	//padding-right: 25px;
	padding-left: 20px;*/
}
.tabContainer h3 {
  padding-bottom:4px;
  color:#F60;
}
.tabContainer p {
  padding:2px 0px 10px;
  text-align:left;
}

.tabContainer p a {
	background: #262626;
	border-right: 1px solid #363636;
	border-left: 1px solid #006B85;
	color: #CCC;
	/*font-weight: 800;*/
	padding: 1px 3px 2px 5px;
	margin: 0 4px 0 3px;
	xposition: 
	text-decoration: underline;
	text-decoration: none;
	}
	

 
.tabContainer p a:hover {
	background: #333333;
	color:#D8D8D8;
//#19507D;
	xposition: relative;
	xtop: -1px;
	xleft: -1px;
	text-decoration: none;
	}
	
	.tabContainer table a {
	background: #262626;
	border-right: 1px solid #363636;
	border-left: 1px solid #006B85;
	color: #CCC;
	/*font-weight: 800;*/
	padding: 1px 3px 2px 5px;
	margin: 0 4px 0 3px;
	xposition: 
	text-decoration: underline;
	text-decoration: none;
	}
	

 
.tabContainer table a:hover {
	background: #333333;
	color:#D8D8D8;
//#19507D;
	xposition: relative;
	xtop: -1px;
	xleft: -1px;
	text-decoration: none;
	}
/*0000000000oooooooooo000000000*/
	#main_container {
	position: absolute;
	width: 860px;
	height: 358px;
	left: -430px;
	top: -181px;
	background:url(img/main_container_bg_web.png)  no-repeat left top;/*-213px -356px;*/
	display: block;
	color:#cccccc;
	font-family: "lucida grande", Arial, sans-serif;
	font-size: 0.78em;
	line-height: 1.4em;
	/*boverflow: hidden;
	background: #000;
	border-color: #000;
	order-right-width: 20px;
	border-bottom-width: 20px;
	border-left-width: 20px;
	border-top-width: 5px;
	border-style: solid;*/
	}
	
#sidebar{
	margin: 15px 0 0 15px;
	width: 170px;
	height: 280px;
	float: left;
	padding: 30px 0px 0 7px;
	color:#FF9900;
	

	
}	
#sidebar li a {
	width:130px;
	text-align:left;
	padding:0px 6px 0px 10px;
	background: none;
	margin:0px 0 0px 0px;
	height:22px;
 
 	color:#999999;
	display:block;
	text-decoration:none;
	
	outline:none;
	-moz-outline-style: none;
	
}



#sidebar li a:hover {
	width:125px;
	color:#C7C7C7;
	
}
#sidebar li a.selected {
	background: #262626;
	color:#0099BF;
	width:125px;
	cursor:default;
	background-image: url(img/nav_round_point.png);
	background-repeat: no-repeat;
	background-position: right;
	border-left: 1px solid #006B85;
	/*padding-left: 100px;*/

}


#sidebar ul {
	list-style: none;
	margin: 15px 0 0px 15px;
	padding: 0;
	width: 120px;
	}

#sidebar ul li {
	background: url(../data/img/divider_sidebar.png) left bottom repeat-x;
	border: 0 none;
	clear: left;
	line-height: 19px;
	padding: 0px 0px 2px 0px;
	}

#sidebar ul li.last {
	background-image: none;
	}

.divider{
	background: url(img/divider.png) repeat-x  bottom;
	width:100%
	clear: both;
	padding: 0 0 0 0;
	height: 10px;
	margin-bottom: 10px;
}
#hide_nav_menu{
	background-image:url(img/hide_nav_anim.png);
	background-repeat:no-repeat;
	width:40px;
	height:232px;
	background-position:right;
	float:right;
	z-index:100;
	position: absolute;
	top: 42px;
	left: 150px;
}

/* Selection Colors */

::-moz-selection {
	background: #00b7ff; //#C9C9C9;
	xbackground: #ffaa00;
	color: #FFF;
	outline-color:invert;

	} 

::selection {
	background: #00b7ff;
	color: #fff;
	} 


/* karusel */
#carousel1 {
	width:620px;
	height:255px;
	overflow:scroll;
	border:1px solid #4C4C4C;
	background-color: #0099BF;
}
.textholder {
	text-align:left;
	font-size:small;
	padding:6px;
	color: #000;
}