* {
padding: 0; margin: 0;
}

a:active,
a:hover {outline: none;}

a img 
{
border: none;
}
H1 
{
color: red;
font-size: 40px;
text-transform:uppercase;
}

LI.here 
{
font-family:Georgia;
color: #fff;
}


#index /* убрал название тега BODY т.к. можно его не писать,но указать знак решетки или точки. Решетка это идентификатор */
{
background: #7ae13b url(/blufract.jpg);
}

#index #menu
{
background: #313477;
display: block;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
}

#index #menu li a
{
color: #FFF
}

#index img 
{
position:absolute;
}
#me
{
left:10px;
top:130px;
z-index: 20;
border: 4px solid #61cef7;
} 
#alena
{
left:150px;
top:300px;
z-index: 40;
border: 10px solid #FFF; 
}
#one
{
right: 15%;
top: 2%;
z-index: 10;
border: 8px solid #3f4a8c
}
#two
{
right: 7%;
bottom: 17%;
z-index: 30;
border: 4px solid #96d7f3;
}



BODY#hero
{
background: #fa0000 url(/images/bg-che.jpg) no-repeat left top;
padding:100px 0 400px 30px;
}

/*BODY#links
{
background: #4f82f4
}*/

#hero h1 
{
color: #020611
}

#hero #menu li 
{
display:block; float:left; margin:0 280px 0 40px; background: #000; padding: 5px; border: #CCC solid 3px; 
}
#hero #menu Li:hover
{
background: yellow; color: blue;
}
#hero #menu 
{
display:block; margin-top:200px; float: left; 
}

#hero #menu li a
{
color: #fff;
}
#hero #menu li:hover a
{
text-decoration: none; color: blue;
}
P
{
text-indent: 20px;
}
#text img
{
float: right;
}
#che
{
border: #000 solid 5px;
}
H2
{
text-align: center; clear: both;
}
/* страница ссылок ; блок правил относящихся к странице ссылок */

#links
{
background:#79d1f1; padding: 60px;
}

#links ul#menu 
{
display: block; background: url(/images/bg-menu.jpg) bottom repeat-x; float: left; width: 100%; height: 50px; padding: 0; border-left: 1px solid #FFF;
}








#links #menu li
{
display:block; float: left; width: 114px; height: 28px; border-right: 1px solid #FFF; font-family: Arial; font-size: 16px; text-align: center; padding-top: 22px;
}

#links #menu a  
{
color: #000; text-decoration: none; 
}




#content
{
clear: left; 
background: #e7f7fc url(/images/bg-content.jpg) no-repeat; 
min-height: 800px; 
height: 800px;
padding: 70px 0 0 35px;
}

#links li.here
{
background:#85d6f3; color: #000;
}
#links #content h1
{
font-family: Century Gothic; font-weight: bold; font-size: 60px; color: #1a90bb;
}
#links #content ul
{
margin: 50px 0 0 60px;
width: 500px;
display: block;
float: left;
} 
#links #content li
{
display: block;
float: left;
width: 220px;
height: 200px; 
}
#links #content ul li span
{
display: block;
clear: left;
}