/*---font family---------*/
 
 body {
     background-image:url(http://www.geocities.ws/dannychun/images/calligraphy2.jpg);
     /*background: linear-gradient(black, white);*/
 }
 
 #wrapper {
     position: relative;
     width: 1000px;
     height: 1160px;
     margin: 0 auto;
     
 }
 
 #nav {
     width: 650px;
     height: 45px;
     margin: 0 auto;
     position: relative;
     text-align: center;
     width: auto;
     /*-background: linear-gradient(#be1e2d,white);-*/
 }
  #nav2 {
     width: 650px;
     height: 45px;
     margin: 0 auto;
     position: relative;
     text-align: center;
     width: auto;
     /*-background: linear-gradient(#be1e2d,white);-*/
 }
 #logo {
     position: absolute;
     width: 500px;
     height: 100px;
     top: 50px;
     margin-left: 250px;
 }
 
 #page {
     position: absolute;
     width: 500px;
     height: 75px;
     top: 145px;
     margin-left: 250px;
 }
 
 
 
 #nav2 ul {
     margin: auto;
     padding: 0;
     list-style-type: none;
 }
 
 #nav2 ul li {
     display: inline-block;
     margin-left: 50px;
     list-style: none;
     margin-top: 10px;
 }
 
 #nav2 ul li a:hover {
     display: block;
     color: white;
     text-decoration: none;
     padding: 10px;
     background-color: gray;
 }
 
 #nav2 ul li a {
     color: #be1e2d;
     display: block;
     padding: 10px;
     text-decoration: none;
 }
  #nav ul {
     margin: auto;
     padding: 0;
     list-style-type: none;
 }
 
 #nav ul li {
     display: inline-block;
     margin-left: 50px;
     list-style: none;
     margin-top: 10px;
 }
 
 #nav ul li a:hover {
     display: block;
     color: white;
     text-decoration: none;
     padding: 10px;
     background-color: gray;
 }
 
 #nav ul li a {
     color: #be1e2d;
     display: block;
     padding: 10px;
     text-decoration: none;
 }

 
 


 #footer {
     width: 1000px;
     height: 40px;
     position: absolute;
     top: 1100px;
	 margin-top: 50px;
	 display: block;
 }