body {
            font-family: Trebuchet MS, Arial, Times New Roman;
            font-size: 12px;
}
 
#container {
            margin: -7px auto;
            width: 900px;
}


#toTop {
width:100px;
border:1px solid #ccc;
background: rgba(255, 255, 255, 0.7); 
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:11px;
}
 
/*#head{
			background-image:url(Shapka/shapka.line.jpg);
            height: 137px;

	
}*/
 
#header {
			margin-top: 0px;
            background-image:url(Shapka/shapka.jpg);
            height: 86px;
            width: 900px;
}

#name {
			margin-left: 0px;
			margin-top: -86px;
            height: 133px;
            width: 896px;
}

#buttons{
			margin-left: 653px;
			margin-top: -133px;
            height: 43px;
            width: 247px;
}

#buttons_back{
			margin-left: 0px;
			margin-top: 0px;
            height: 43px;
            width: 82px;
}

#buttons_play{
			margin-left: 82px;
			margin-top: -43px;
            height: 43px;
            width: 82px;
}

#buttons_sled{
			margin-left: 164px;
			margin-top: -43px;
            height: 43px;
            width: 82px;
}

#exit{
			margin-left: 29px;
			margin-top: -20px;
            height: 56px;
            width: 31px;
}

#main{
			margin-left: 653px;
			margin-top: -36px;
            height: 67;
            width: 269px;
}

#menu {
	margin-top: 6px;
	float: left;
	width: 247px;
}

 
#content {
			margin-left:2px;
			margin-top: 2px;
			float: right;
            background: rgba(255, 255, 255, 0.7); 
            width: 650px;
}

#footer{
	background: rgba(255, 255, 255, 0);
}

#films{
	margin-top: -4px;
	background: rgba(255, 255, 255, 0.5);
	height: 332px;
	width:247px;
}

#films1{
	margin-top: 2px;
	background: rgba(255, 255, 255, 0.5);
	height: 332px;
	width:247px;
}

#films_1{
	
	background: rgba(255, 255, 255, 0.5);
	height: 332px;
	width:650px;
}

#films1_1{

	margin-top: 2px;
	background: rgba(255, 255, 255, 0.5);
	height: 332px;
	width:650px;
}

#zagl_menu{	
	float:left;
	margin-top: -22px;
	background: rgba(255, 255, 255, 0.7);
	height: 30px;
	width:247px;
}

#zagl_menu1{	
	margin-top:-22px;
	background: rgba(255, 255, 255, 0.7);
	height: 30px;
	width: 650px;
	float:right;
}

#footer{
	background: rgba(255, 255, 255, 0.7);
	float:right;
	margin-top:2px;
	width: 650;
	height:50px;
}
.gif {
    display:block; 
    width:300px; 
    height:300px; 
    background:url(Preview.jpg) no-repeat;
}
a.gif img {
    visibility:hidden;
}
a.gif:hover {
    background:none;
}
a.gif:hover img {
    visibility:visible; 
    border:0;
}

a.rolloverPlay {
    background: url(shapka/shapka.buttons.play.png); 
    display: block; 
    width: 82px; 
    height: 43px;	
   }
a.rolloverPlay:hover {
    background-position: 0 -43px;
   }

a.rolloverBack {
    background: url(shapka/shapka.buttons.back.png); 
    display: block; 
    width: 82px; 
    height: 43px;	
   }
a.rolloverBack:hover {
    background-position: 0 -43px;
   }
 
a.rolloverMain {
    background: url(shapka/shapka.main.png); 
    display: block; 
    width: 247px; 
    height: 43px;	
   }
a.rolloverMain:hover {
    background-position: 0 -43px;
   }
 
a.rolloverSled {
    background: url(shapka/shapka.buttons.sled.png); 
    display: block; 
    width: 82px; 
    height: 43px;	
   }
a.rolloverSled:hover {
    background-position: 0 -43px;
   }
   
a.rollover {
    background: url(Antikiller.png); 
    display: block; 
    width: 650px; 
    height: 332px;
float:right;	
   }
a.rollover:hover {
    background-position: 0 -332px;
   }
a.rollover2 {
    background: url(Brigada.png); 
    display: block; 
    width: 650px; 
    height: 332px; 
	float:right;
   }
a.rollover2:hover {
    background-position: 0 -332px;
   }
a.rollover3 {
    background: url(NDozor.png); 
    display: block; 
    width: 650px; 
    height: 332px; float:right;
   }
a.rollover3:hover {
    background-position: 0 -332px;
   }
a.rollover4 {
    background: url(DDozor.png); 
    display: block; 
    width: 650px; 
    height: 332px; float:right;
   }
a.rollover4:hover {
    background-position: 0 -332px;
   }
a.rollover5 {
    background: url(Metro.png); 
    display: block; 
    width: 650px; 
    height: 332px; float:right;
   }
a.rollover5:hover {
    background-position: 0 -332px;
   }
a.rollover6 {
    background: url(Operationbl.png); 
    display: block; 
    width: 650px; 
    height: 332px; float:right;
   }
a.rollover6:hover {
    background-position: 0 -332px;
   }   
   
a.rolloverO {
    background: url(Films/Operationbl.png); 
    display: block;  
    height: 332px; 
   }
a.rolloverO:hover {
    background-position: 0 -332px;
   }
a.rolloverM {
    background: url(Films/Metro.png); 
    display: block; 
    width: 100%; 
    height: 332px; 
   }
a.rolloverM:hover {
    background-position: 0 -332px;
   }
a.rolloverD {
    background: url(Films/DDozor.png); 
    display: block; 
    width: 100%; 
    height: 332px; 
   }
a.rolloverD:hover {
    background-position: 0 -332px;
   }
a.rolloverN {
    background: url(Films/NDozor.png); 
    display: block; 
    width: 100%; 
    height: 332px; 
   }
a.rolloverN:hover {
    background-position: 0 -332px;
   }
a.rolloverB {
    background: url(Films/Brigada.png); 
    display: block; 
    width: 100%; 
    height: 332px; 
   }
a.rolloverB:hover {
    background-position: 0 -332px;
   }
a.rolloverA {
    background: url(Films/Antikiller.png); 
    display: block; 
    height: 332px; 
   }
a.rolloverA:hover {
    background-position: 0 -332px;
   }
#clear {
            clear:both;
}