+@charset  "UTF-8";

/* etc.html*/
body { 
       margin: 0 0 0 0;
       padding: 0 0 0 0;
       background-color: #f000000;
	   font-family: "sans-serif "; 
 }


h1{
	font-family: "cursive";
    color:#ffffff; 
	font-size: 25px;
	text-alien:center;
} 

h1{
    margin: 30px  0  30px  0;
    padding: 0 ;
    line-height: 0;
    text-align: center;
}    
 h2{
	font-family: "cursive";
        color:#4169e1; 
	font-size: 18px;
	border-bottom: 2px  dotted  #ffffff;	
	text-align:center;
} 

#nav {
     margin: 0 auto;
     padding: 0 auto;
}
#nav li {
    display: inline;
    list-style-type: none;
    padding-right: 30px;
}
#nav li a: link{
      font-family: "cursive";
      color:#f0f8ff;
      text-decoration: none;
 }


 body{

    background:black;
}

#nav li a:before {
   content:"\f072;
   font-family:fontAwesome;
   color:#f0f8ff;
}



 #container{
  width:1000px;
  margin:20px auto;
}

 #navi{
  width:300px;
  float:left;
}

 #navi ul{
  height:575px;
}

 #navi ul li{
  list-style-type:none;
  width:150px;
  float:left;
}

 #navi ul img{
  width:3px solid white;
}

 #main{
  width:640px;
  float:right;
}

 #main img{
  border:3px solid white;
}