/*all*/
#img {position: absolute; top: 0; left: 0; background-image: url('backtom.jpg'); width: 100%; height: 50%; background-size: 100% ; background-repeat: no-repeat;}

#bound {position: absolute; top: 40%; left: 0; width: 100%; height: 2%; background-color:  #2288BF; z-index: 3;}

#tit {position: absolute; top: 10%; left: 75%; background-image: url('title.png'); height: 20%; width: 25%;background-size: 100% 100%; background-repeat: no-repeat;}

#sub {position: absolute; top: 30%; left: 75%; background-image: url('sub.png'); height: 5%; width: 25%; background-size: 100% 100%; background-repeat: no-repeat; }

#nav {position: absolute; top: 42%; left: 0;  height: 8%; width: 100%; background: #efefef; 
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); z-index: 1;}

#nav li {display: inline;}

a {text-decoration: none;}

#body {position: absolute; top: 50%; left: 0; width: 100%; height: 135%; background-image: url('wallpaper2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}

#cont {position: absolute; top: 0; left: 13%;  width: 70%; padding: 2%; 
  background-image: url('body.jpg');background-size: 100% 100%; background-repeat: no-repeat;}

nav {position: absolute; top: 39.3%; left: 6%; height: 12%; z-index: 2; }

nav ul li {font-family: calibri; font-size: 100%; }
	

nav ul {
	background: #efefef; 
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 50px 0 50px;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}

nav ul li:hover a {	
		background: #4b545f;
			color: #fff;
		}
	
	nav ul li a {
		display: block; padding: 25px 40px;
		color: #757575; text-decoration: none;
	}

nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		nav ul ul li a {
			
			color: #fff;
		}	
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
h1, h3 {font-family: calibri; color: white;}

p {font-size: 100%; font-family: calibri; color: white;}

#footer {position: absolute; top: 93%; left: 0; width: 100%; height: 10%; background-image: url('images.jpg'); background-size: 100% 100%; background-repeat: no-repeat;}

#footer ul li {list-style: none; color: white; float: right; padding: 5%; text-align: center;}

a {font-size: 100%; font-family: calibri;}


.tw {position: absolute; top: 15%; left: 10%; width: 50px; height: 50px; }
.fb {position: absolute; top: 15%; left: 15%; width: 70px; height: 50px;}
#f {position: relative; top: 10%; left: 20%; width: 70%; height: 3%; }
#f ul li {float: right; border-right: 1px solid white; padding: 2%; color: white; }
#f a {color: white;}
li {color: white; font-family: calibri;}

/*home*/
.pic1  {float: right; display: inline; border: 5px solid #f6f6f6; box-shadow: 0 0 1px #000; margin-left: 3%; margin-bottom: 3%;}

.pic2 {float: left; display: inline; border: 5px solid #f6f6f6; box-shadow: 0 0 1px #000; margin-right: 3%;}

/*history*/
#body2 {position: absolute; top: 50%; left: 0; width: 100%; height: 245%; background-image: url('wallpaper2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}

#cont2 {position: absolute; top: 0; left:  13%;  width: 70%;  padding: 2%; 
  background-image: url('body.jpg');background-size: 100% 100%; background-repeat: no-repeat;}
  
  /*origin*/
 #body3 {position: absolute; top: 50%; left: 0; width: 100%; height: 120%; background-image: url('wallpaper2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}

#cont3 {position: absolute; top: 0; left:  13%;  width: 70%; padding: 2%; 
  background-image: url('body.jpg');background-size: 100% 100%; background-repeat: no-repeat;}

  .ori {position: relative; top: 10%; left: 35%; height: 25%; width: 30%; border: 5px solid #f6f6f6; box-shadow: 0 0 1px #000; margin-left: 3%; margin-bottom: 3;}

.orig {positiom: relative; top: 50%; left: 35%; height: 25%; width: 30%; 5px solid #f6f6f6; box-shadow: 0 0 1px #000; margin-left: 3%; margin-bottom: 3;}

/*facts*/
#body7 {position: absolute; top: 50%; left: 0; width: 100%;height: 140%; background-image: url('wallpaper2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}

#cont7 {position: absolute; top: 0; left:  13%;  width: 70%; height: 90%; padding: 2%; 
  background-image: url('body.jpg');background-size: 100% 100%; background-repeat: no-repeat;}
  
  #con1 {position: relative; top: 1%; left: 5%; background-color: lightblue; width: 70%; height: 10%; border-radius: 10px; box-shadow: 2px; padding: 2%;}

#con1 p {text-align: center; color: black; font-size:  20px;}

#con1 h3 {color: black;}

#con2 {position: relative; top: 4%; left: 25%; background-color: lightblue; width: 70%; height: 10%; border-radius: 10px; box-shadow: 2px; padding: 2%;}

#con2 p {text-align: center; color: black; font-size:  20px;}

#con2 h3 {color: black;}

#con3 {position: relative; top: 7%; left: 5%; background-color: lightblue; width: 70%; height: 10%; border-radius: 10px; box-shadow: 2px; padding: 2%;}

#con3 p {text-align: center; color: black; font-size:  20px;}

#con3 h3 {color: black;}

#con4 {position: relative; top: 10%; left: 25%; background-color: lightblue; width: 70%; height: 10%; border-radius: 10px; box-shadow: 2px;padding: 2%;}

#con4 p {text-align: center; color: black; font-size:  20px;}

#con4 h3 {color: black;}

#con5 {position: relative; top: 13%; left: 5%; background-color: lightblue; width: 70%; height: 10%; border-radius: 10px; box-shadow: 2px; padding: 2%;}

#con5 p {text-align: center; color: black; font-size:  20px;}

#con5 h3 {color: black;}

/*components*/
#body4 {position: absolute; top: 50%; left: 0; width: 100%; height: 165%; background-image: url('wallpaper2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}

#cont4 {position: absolute; top: 0; left:  13%;  width: 70%; padding: 2%; 
  background-image: url('body.jpg');background-size: 100% 100%; background-repeat: no-repeat;}
  
  /*properties*/
#body5 {position: absolute; top: 50%; left: 0; width: 100%; height: 205%; background-image: url('wallpaper2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden; }

#cont5 {position: absolute; top: 0; left:  13%;  width: 70%; padding: 2%; 
  background-image: url('body.jpg');background-size: 100% 100%; background-repeat: no-repeat;}
  
  /*about*/
#body6 {position: absolute; top: 50%; left: 0; width: 100%; height: 80%; background-image: url('wallpaper2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}

#cont6 {position: absolute; top: 0; left:  13%;  width: 70%;padding: 2%; 
  background-image: url('body.jpg');background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}

.self {float: right; display: inline; border: 5px solid #f6f6f6; box-shadow: 0 0 1px #000; margin-right: 3%; width: 20%; height: 20%;}