@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Designosaur'; 
    src: url(designosaur/designosaur-regular.ttf); 
   }
   
body{
background-color: #3a3b3d;
background-image: url(img/fon.jpg);
background-repeat: no-repeat;
background-position: center top;
display: block;
max-width: 740px;
  margin: 0 auto;
}

#head{

padding: 10px;
margin-left: -490px;
display: block;


}

/* Меню */

#nav7 {

  top: 80px;
  margin:10px auto 5px;
  padding: 0;
  font-family: 'Designosaur';
}

#nav7 ul, #nav7 li {
  margin: 0;
  padding: 0;
}

#nav7, #nav7 ul {
  background: rgb(58,59,61);
}
#nav7 { /* подменю перемещается относительно меню */
  position: relative;
  display: table;
  width: 100%;
}

#nav7 ul { /* подменю находится вне потока */
  position: absolute;
  z-index: 5;
  display: none;
}
#nav7 li:hover ul{ /* подменю будет показано, если курсор наведён на пункт меню с выпадающем списком */
  display: block;
}

#nav7 li {
  display: table-cell;
  text-align: center;
}
#nav7 ul li {
  display: block;
  text-align: left;
}
#nav7 .right { /* последнее подменю будет расширяться справа налево */
  direction: rtl;
}
#nav7 .right ul { /* для IE, решение найдено случайно, где связь ??? */
  right: 0;
}
#nav7 .right li { /* последнее подменю будет расширяться справа налево, но не пункты последнего подменю */
  direction: ltr;
}
#nav7 a {
  display: block;
  padding: 3px 0;
  color: #fff;
  text-decoration: none;
}
#nav7 ul a {
  padding: 3px 15px;
}
#nav7 li:hover {
  background: rgb(204,153,0);
}


#content{
   position: absolute;
   top: 80px;
   left: 125px;
   width: 1000px;
   background-image: url(img/fon2.png);
   color: #FFFFFF;
  
    
}
.text{
font-family: 'Designosaur';
padding: 20px;
line-height: 1.8;
width: 90%;
	margin-left: -23%; 
position: absolute;
background-color: #3a3b3d;
display: block;
}

h2 {
color: #cc9900;
}
#container{

width: 1000px;
position: fixed;

}
#hold{
width: 1000px;
position: relative;
}

#footer{
 heiht: 130px;
}