#header,#footer,
article,section,
hgroup,#nav,
figure	{
	/* Применяем к нашим HTML5 тегам, отображение block для нормального их отображения на странице: */
	display:block;
	font-family:Verdana, Arial, sans-serif;
}



#mainpage	{
	width:950px; height: 610px;
	margin:0 auto;
	position:relative;
	background-color: #FFFFFF;
	top: 5px;
			 }

#header  { position: relative; 
	background-image: url('../img/top-blue-back.png');
	
	top:0;
	width:100%; height: 40px;
}

#logo 	{background-image: url('../img/spgp2016.png') ;
	background-repeat: no-repeat;
	background-size: cover;
	width: 90px; height: 18px;
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;

}

#nav	{position: absolute ;
	right:0; top: 2px;

	padding:0;
	margin: 0; 
	width:675px; height: 38px;
	display:inline;

	float:right;
	text-align:  center;
	z-index: 600;
}

.vline { 
	position: absolute ;
	top: 0px;
	margin: 0; 
	padding: 0; 	
	

	}




#myslidemenu	{
		margin: 0px 10px ;  }

#myslidemenu ul 	{font-size: 12px;
		margin: 0;
		text-align:  center;
		}





#article1	{position: relative ;
	top: 0px;
	width:100%; height: 296px;
	background-image: url('../img/blue-back.jpg');
	text-align: left;
	color: #FFFFFF;

}

#article1 h1
	{font-family: Verdana; 
   	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	text-align: left;

	}

#article1 p
	{font-family: Verdana; 
   	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	margin: 5px 0;
	float: left;
	text-align: left;
	}

#article1 a, img
	{ 
	 border: 0; }

#mediapool a, h1, p
	{ display: block; 
	  float: none ;
	  color: #FFFFFF;
	}

#mediapool 
	{ position: relative ;
	top: 0px;
	width:100%; height: 400px;
	
	}

#gallery a, h1, p
	{ display: block; 
	  float: none ;
	  color: #FFFFFF;
	}

#gallery
	{ position: relative ;
	top: 0px; left: 0px;
	width:100%; 
	
	}

#contact a, #contact h1, #contact p
	{ display: block; 
	  float: none ;
	  color: #FFFFFF;
	text-align: center;
	}

#contact h1
	{font-family: Verdana; 
   	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	}

#contact a, #contact p
	{font-family: Verdana; 
   	font-size: 19px;
	font-weight: 50;
	text-align: center;
	}

#contact 
	{ position: relative ;
	top: 0px;
	width:100%; height: 296px;
	background-image: url('../img/deep-blue296.png');
	text-align: center;
	}


#production a, #production h1, #production p, #production ul
	{ display: block; 
	  float: none ;
	  color: #FFFFFF;
	text-align: left;
	margin: 5px 20px;
	}

#production h1
	{font-family: Verdana; 
   	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	}

#production a, #production p, #production ul
	{font-family: Verdana; 
   	font-size: 14px;
	font-weight: 50;

	}

#production 
	{ position: relative ;
	top: 0px;
	width:100%; height: 296px;
	background-image: url('../img/deep-blue296.png');
	text-align: left;
	}


#projectors		
	{ position: relative ;
	top: 0px;
	width:100%; height: 3020px;
	background-color: #FFFFFF;
	text-align: left;
	color: #000000;
	}

	#projectors a, h1, p, ul
		{ display: block; 
	  	float: none ;
	  	color: #000000;
		text-align: left;
		margin: 5px 20px;
		}

	#projectors h1
		{font-family: Verdana; 
   		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		color: #000000;
		}

	#projectors p
		{font-family: Verdana; 
   		font-size: 10px;
		font-weight: 300;
		text-decoration: none;
		}

	#projectors th

		{    		
			font-size: 14px;
			font-weight: 300;

		}

	#projectors td

		{    		
			font-size: 14px;
			font-weight: 300;

		}

	#projectors table
		{
			text-align: center;

		}	


#foto
	{ position: relative ;
	top: 0px;
	width:100%; height: 3000px;

	}




#text	{ float: left;
	position: absolute;
	left: 10px;
	width: 570px;
	}

#text p,h1
	{
		color: #FFFFFF;

	} 

#picture 	{ float: right;
	position: absolute;
	left: 590px;
	top: 50px;
	height: 200px;
	width: 345px;
	}

#article2	{position: relative ;
	top: 0px;
	width:100%; height: 138px;


	color: #000000;

}


#article2  a   {	color: #FFFFFF;

	font-family: Arial; 
   	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	padding-left: 5%;

	vertical-align: middle;
	}

#box1	{
	width:302px; height: 138px;

	background-image: url('../img/concert.jpg');
	color: #000000;

	float: left;
}

#box2	{ position: relative ;
	left: 22px;
	width:302px; height: 138px;

	background-image: url('../img/stage.jpg');
	color: #000000;

	float: left;
}




#box3	{ position: relative ;

	width:302px; height: 138px;

	background-image: url('../img/mumik.jpg');
	color: #000000;

	float: right;
}

#concert-hall  {
	position: relative ;
	width:302px; height: 28px;
	top: 110px;
	background-image: url('../img/deep-blue.png');
	z-index: 501;
	}




#event  {
	position: relative ;
	width:302px; height: 28px;
	top: 110px;
	background-image: url('../img/deep-blue.png');
	z-index: 501;
	}




#corporate  {
	position: relative ;
	width:302px; height: 28px;
	top: 110px;
	background-image: url('../img/deep-blue.png');
	z-index: 501;
	}


#concert-hall, #event, #corporate {
	/* Applying Down CSS3 rounded corners: */
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px; }


#footer	{position: relative;
	top: 0px;
	width:100%; height: 30px;
	text-align: center;

	color: #000000;


}

#footer p  {color: #000000;
	margin: 0;
	padding: 0;
	font-family: Verdana; 
   	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	}

#header ,  #nav, #article1, #box1, #box2, #box3, #footer, #picture, #rotator, #rotator2, #rotator3, #slider, .show, #mediapool, #contact, #production, #gallery  {
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}