/********************
  Overall Demo pages
 ********************/



@font-face {
    font-family: 'helveticaneuecyrbold';
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot');
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuecyr-bold-webfont.woff') format('woff'),
         url('../fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'helveticaneuecyrmedium';
    src: url('../fonts/helveticaneuecyr-medium-webfont.eot');
    src: url('../fonts/helveticaneuecyr-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuecyr-medium-webfont.woff') format('woff'),
         url('../fonts/helveticaneuecyr-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 

a, a img               { border: 0; text-decoration: none; }




ul                     { margin: 0; padding-left: 35px; }
ul li                  { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#nav                   { display: block; width: 90%; margin: 10px auto; text-align: center; line-height: 3em; }
#nav a                 { text-align: center; background: black; color: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; white-space: nowrap; }
#nav a.git             { background: #006; }
#nav a.play            { background: #060; }
#nav a.issue           { background: #600; }
#nav a:hover, #nav a.current { background: #666; }


/*Define slider dimensions here*/

.panel{
	width: 980px;
	height: 350px;

	position: relative;
	float:left;
}

.panel_1{
	width: 980px;
	height: 350px;

	position: relative;
	float:left;
}

	
.panel_2{
	width: 980px;
	height: 350px;
	background-color: #C03;
	position: relative;
}
	
.panel_3{
	width: 980px;
	height: 350px;
	background-color: #9C6;
		position: relative;
}
	
.panel_4{
	width: 980px;
	height: 350px;
	background-color: #0CC;
		position: relative;
    }
	
	

.panel h1{
	color: #000;
	font-size: 120px;
	white-space: nowrap;
	z-index: 10;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: normal;
	margin: 0px;
}

.panel span{
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}

.panel span:hover{
	background: #333333;
	color: #FFF;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
	text-decoration: none;
}

.panel a{
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}

.panel a:hover{
	background: #333333;
	color: #FFF;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
	text-decoration: none;
}

.panel h2{
	color: #fff;
	font-size: 120px;
	white-space: nowrap;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: normal;
	line-height: 50px;
	margin: 0px;
}






.panel h3{
	color: #000;
	font-size: 120px;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: 700;
}


.panel h4{
	color: #000;
	font-size:18px;
	font-family: 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: normal;
}	
	
	
.slide_heading{
	width: 980px;
	height: auto;
	margin-bottom: 10px;
	float:left;
}	

.slide_byline{
	width: 980px;
	height: auto;
	margin-top: 40px;
	float:left;
}	

.slide_byline_2{
	width: 980px;
	height: auto;
	margin-top: 240px;
	float:left;
}	
	

.slide_link{
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0;
	font-size: 14px;
	width: 290px;
	height: 58px;
	background: #000;
	text-decoration: none;
	cursor: pointer;
	margin-top:294px;
}

.slide_link:hover{
	background: #333333;
	color: #FFF;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
}

.slide_link span{
	float:left;
	margin-top: 22px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-weight: bold;
	width: 208px;
}

.slide_link a{
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0;
	font-size: 14px;

}

.slide_link a:hover{
	background: #333333;
	color: #FFF;
	-webkit-transition: color 0.3s ease-out 0s;
	-moz-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
}


.slide_link_image{
	width: 58px;
	height: 58px;
	float:left;
	margin-left: 4px;
}
	
	
.slide_img{
left: 316px;
	opacity: 1;
	position: absolute;
	top: 25px;
	z-index: 0;
background: transparent;

}	

.slide_img_2{
	left: 316px;
	opacity: 1;
	position: absolute;
	top: 0px;
	z-index: 0;
}	

#slider li img{
	opacity:0; 
	filter: alpha(opacity=0);		
}