body{margin:0;
     padding:0;
	 background:#eaeaea;}
	 
.clear{clear:both;}

header{background:#eaeaea; height:144px;} 
#header{width:1300px; margin:0 auto; overflow:hidden;} 

#logo{margin-left:20px; 
width:295px; 
float:left; 
background:url(images/LogoBW_new.png) no-repeat;
height:114px; 
margin-top:20px;}

#helplink, #helplink2{width:110px;height:105px;
			margin-left:1px;
			margin-top:1px;
			border-radius:200px;}

nav{height:32px;width:195px;
	margin-top:111px;
	margin-right:90px;
	margin-left:980px;}

nav li{float:left;
		width:55px;
		height:20px;
		list-style:none;
		text-align:center;
		padding-top:10px;
		padding-right:10px;}

nav a{text-decoration:none;color:black;
		font-family:Sylfaen;font-style:italic;}

nav li:hover{text-decoration:underline;color:silver;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}

nav .ot{margin-right:0}
/* nav a:active{text-decoration:underline;color:red;} */	
nav .na_knopke{text-decoration:underline;color:silver;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}
		
#content{width:1300px;
         margin:0 auto;
		 border-top:#a5a5a5 1px solid;
		 position:relative;overflow:hidden;}
		 
#description{width:430px;/*height:130px;*/
				margin:20px 20px 5px 20px;position:relative;}
	#FIO{font-family:Sylfaen;text-decoration:none;color:black;font-size:100%}
	#Aboutme{margin-top:0px;font-family:Sylfaen;font-weight:lighter;}
	#description a{text-decoration:none;color:black;}
	#h4shka{font-family:Sylfaen;font-weight:normal;}
	#hrshka{width:80px; margin:-15px 400px -15px 0;
				border: none; background-color: grey; 
				color: black; height: 1px;}
	#hrshka_2{width:80px; margin:-15px 400px 20px 0;
				border: none; background-color: grey; 
				color: black; height: 1px;}
	#Aboutprojects{margin-top:20px;font-family:Sylfaen;}

	#box{width:1160px;height:275px;
        	margin:95px auto -100px auto;}	

	#box_middle{width:1160px;height:20px;
			margin:105px auto;text-align:center;
			font-family:Sylfaen;}
			
	.noline{text-decoration:none;}
	
			#box_feelcity{float:left;
				width:200px;height:20px;
				margin-left:105px;
				text-decoration:none;color:black;}
				
			#box_chesscom{float:left;
				width:200px;height:20px;
				margin:0 180px;
				text-decoration:none;color:black;}
								
			#box_chesskid{float:left;
				width:200px;height:20px;
				text-decoration:none;color:black;}
	
	#box_feelcity:hover{text-decoration:underline;color:grey;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}			
	#box_chesscom:hover{text-decoration:underline;color:grey;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}
	#box_chesskid:hover{text-decoration:underline;color:grey;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}
			 
	#box_middle_2{width:1160px;height:20px;
			margin:-25px auto -15px auto;text-align:center;
			font-family:Sylfaen;}
			
			#box_english{float:left;
				width:200px;height:20px; margin-top:-94px;
				margin-left:105px;
				text-decoration:none;
				color:black;}
				
		 	#box_chesstutor{float:left;
				width:200px;height:20px;
				margin-top:-95px;
				text-decoration:none;margin-left:485px;
				color:black;}
								
			#box_art{float:left;
				width:200px;height:20px;margin:-95px 855px;
				text-decoration:none;
				color:black;}
				
			#box_english:hover{text-decoration:underline;color:grey;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}			
			#box_chesstutor:hover{text-decoration:underline;color:grey;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}
			#box_art:hover{text-decoration:underline;color:grey;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}
				
#box_1{float:left;
		width:274px;height:274px;
        background:url(images/Feelcity_new.png) no-repeat;
		margin-left:70px;}
		
#box_1:hover{background:url(images/Feelcity_color_new.png) no-repeat;}		 
		 
#box_2{float:left;
		width:274px;height:274px;
        background:url(images/Chesscom_BW_new.png) no-repeat;
		margin:0 100px;}

#box_2:hover{background:url(images/Chesscom_color_new.png) no-repeat;}
		  
#box_3{float:left;
		width:274px;height:274px;
        background:url(images/Chesskid_BW.gif) no-repeat;}
		  
#box_3:hover{background:url(images/Chesskid_color.png) no-repeat;}
		  
#box2{width:1160px;height:275px;margin:30px auto;}	

		#box_2_1{float:left;
				width:274px;height:274px;
				background:url(images/English_BW_new.png) no-repeat;
				margin-left:70px;}
		  
		#box_2_1:hover{background:url(images/English_color_new.png) no-repeat;}
		  
		#box_2_2{float:left;
				width:274px;height:274px;
				background:url(images/Chesstutor_BW.gif) no-repeat;
				margin:0 100px;}
		  
		#box_2_2:hover{background:url(images/Chesstutor_color.png) no-repeat;}
		  
		#box_2_3{float:left;
				width:274px;height:274px;
				background:url(images/Poems.png) no-repeat;margin-bottom:100px;}

		#box_2_3:hover{background:url(images/Poems_new.png) no-repeat;}

	
footer{height:144px;background:#eaeaea;border-top:#a5a5a5 1px solid;
		margin-top:20px;}

/* -----The end of index.html page description ------*/

/* ----- The page about.html begins: ----- */

#box_left{float:left;width:274px;/* height:575px; */
			margin:30px -10px 20px 20px;position:relative;
			}
	#myphoto{width:274px;
          height:274px;
          background:url(images/Myphoto_BW.png) no-repeat;
		  margin-left:2px;}
		  
	#myphoto:hover{background:url(images/Myphoto.png) no-repeat;}
	
	#hrshka3{width:40px; margin:20px 137px 20px 117px;
	border: none; background-color: grey; 
    color: black; height: 1px;}	  
		
	#links{margin-top:20px;height:60px;}
	#cv{margin-top:20px;height:80px;}
		p {text-align:center;font-style:italic;
		font-family:Sylfaen;
		font-weight:lighter;}
#links a, #cv a{text-decoration:none;color:black;}
		
#p_cv, #p_vk, #p_chess{margin-top:-15px;}
		
#links a:hover{text-decoration:underline;color:grey;}	

#cv a:hover{text-decoration:underline;color:grey;}
		
#box_right{width:600px;
        /*height:575px;*/
		margin:30px 380px 20px 324px;}	
		
#FIO_2{height:40px;
          margin-left:0px;
		  margin-top:152px;}
		  
		 h1{font-family:Sylfaen;text-align:left;
			font-style:italic;letter-spacing:5px;
			font-size:200%;}
		   
	span{background-color:pink;}
			
#up a{text-decoration:none;font-family:Sylfaen;
		font-style:italic;color:black;font-size:100%;
		padding-bottom:20px;}
		#up a:hover{text-decoration:underline;text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}
			 
#border_up{margin:100px 630px 0 640px;}
			 			 
/* -----The end of about.html page description ------*/

/* ----- The page feelcity.html begins: ----- */

#back{width:274px;height:274px;
           margin-left:0px;position:relative;overflow:hidden;
		   }
		  
	/* #back:hover{} GIF circles to be put here */
	
	#back a{text-decoration:none;font-family:Sylfaen;
		font-style:italic;color:black;font-size:100%;
		margin-left:117px;}
	
	#back a:hover{text-decoration:underline;
		text-shadow: 3px -1px 1px silver, 0 0 1em silver;
		opacity:.5;}

	#back:hover{border-style:solid;border-radius:200px;}
		
.helper{padding-top:117px;}

#aboutme{margin-left:0px;margin-top:30px;}

#aboutme p{text-align:left;
		font-family:Sylfaen;
		font-weight:lighter;}
		
#normals{font-style:normal;}	

/* ----- The page chesscom.html begins: ----- */

#aboutme a{color:black;font-style:italic;}
	#FIO a{color:black;font-style:italic;text-decoration:none;}
	
	/* -----The end of chesscom.html page description ------*/
	
/* ----- The page art.html begins: ----- */	
	
#content_art{width:1300px;
         margin:0 auto;
		 border-top:#a5a5a5 1px solid;
		 position:relative;overflow:hidden;}
		 
		 
#column{width:1160px;height:50px;
        	margin:35px auto -120px auto;/* background:pink; */}
			
		#left_column{float:left;
		width:274px;height:50px;
        /* background:silver; */
		margin-left:0px;
		text-align:center;
				font-family:Sylfaen;color:black;
		}
		 
		#middle_column{float:left;
		width:574px;height:50px;
        /* background:whitesmoke; */
		margin:0 10px;text-align:center;
		font-family:Sylfaen;font-style:oblique;color:black;}
		  
		#right_column{float:left;
		width:274px;height:50px;
       /*  background:silver; */
		text-align:center;
		font-family:Sylfaen;color:black;}

#column p{font-weight:bold;}		

#column2{width:1160px; height:475px; margin:120px auto;  /* background:red; */  }	

		#down_left{float:left;
				width:274px;height:484px; 
				background:whitesmoke;margin-top:0px;
				margin-left:0px;margin-right:-5px;border-radius:50px;}
		  
		#down_middle{float:left;
				width:574px;  /* height:474px;  */
				background:whitesmoke;
				margin:0px 20px;border-radius:100px;}
				
		#down_right{float:left;border-radius:50px;
				width:274px; height:484px; margin-top:0px;
				background:whitesmoke;margin-bottom:100px;margin-left:-5px;}

#nolines{text-decoration:none; font-family:Sylfaen;
		color:black;font-size:100%;	margin-top:10px; }

#down_middle p{text-align:center; white-space:pre;}
	
#nolines:hover{text-decoration:underline;color:grey;
			 text-shadow: 3px -1px 1px silver, 0 0 1em silver;
			 opacity:.5;}	
			 
	
#down_middle .left_aligned{text-align:left;padding-left:20px;}