body {background:url('bg1.jpg') repeat ;
			background-position:center center;
			font-family:'century gothic';
			overflow-x:hidden;}

.container {position:absolute;
				top:5%;
				bottom:10%;
				width:70%;
				height:100%;
				margin-left:15%;
				border-top-left-radius:1em;
				border-top-right-radius:1em;}
				
.banner {width:100%;
			height:17%;
			background:#ff7800;
				border-top-left-radius:1em;
				border-top-right-radius:1em;}
				
.banner span {position:absolute;
					top:0;
					right:0;
					font-family:'berlin sans fb';
					font-size:3.8em;
					padding-top:2.3%;
					padding-right:4%;}				
			
.nav {width:100%;
		height:8%;
		background: rgba(255,180,0,0.5);}
		
.nav ul { position:absolute;
			height:5.75%;
			right:0;
			top:14.5%;
			width:68%;
			list-style-type:none;
			float:right;}

.nav ul li {float:right;
				height:100%;
				width:25%;
				text-align:center;
				padding-top:2%;}		

.nav a {text-decoration:none;
			color:#000;
			display:block;}			
			
.nav li:hover {
		background: #ffa200;
		padding-bottom:2.6%;}
			
.header {width:100%;
			height:30%;
			background:url('h1.jpg') repeat;
			background-size:cover;}	
			
.header h1 {font-family:"futura md bt";
			padding:0;
			margin:0;
			font-size:5.5em;
			text-align:right;
			padding-top:4%;
			padding-right:5%;
			color:#fff;}
			
.header i {background: rgba(250,155,53,0.7);}				
			
.sliders {height:60%;
			width:100%;
			padding-top:10%;
			background:#fff95b;}			
			
.bor1 {height:5%;
			width:100%;
			background:url('border.jpg') repeat;}
			
.stars {height:90%;
			width:100%;
			background:#fff95b;
			z-index:-1;}

.text {width:80%;
		height:50%;
		margin-left:5%;}		
			
.text h1 {text-align:left;
				font-size:2.8em;
				padding-top:8%;
				margin:0;}
			
.text p {margin-left:5%;
			margin-right:8%;
			text-align:justify;
			font-family:'century gothic';
			font-size:1em;}
			
.trivias {text-align:justify;
			background:#fff95b;
			height:90%;}			
			
td {padding:1%;
	padding-right:3%;}
	
.tex {margin-left:12%;
		padding-bottom:5%;
		padding-top:2%;}
			
.his {padding-top:5%;
		background:#fff95b;
		height:145%;}	

.his p {width:76%;
		margin-left:12%;
		font-family:'century gothic';
		font-size:0.96em;}	

.his h1 {text-align:center;}		
			
.footer {
			height:11%;
			width:98%;
			background:#d4963e;
			border-bottom-left-radius:1em;
			border-bottom-right-radius:1em;
			text-align:right;
			position:relative;
			padding-top:0.6%;
			padding-right:2%;}
						

.footer a {text-decoration:none;
				color:cyan;}		
				
.menu {position:absolute;
			display:block;
			z-index:1;
			right:-20%;
			top:70%;
			width:30%;
			height:100%;}			
				
.facts, .history {position:relative;
		width:80%;
		height:10%;
		display:block;
		padding-top:8%;
		padding-left:20%;	
		padding-bottom:8%;
		right:-2%;
		margin-top:10%;
		border: 3px solid white;
		font-size:1.4em;
		z-index:1;}
		
.define {background:#ac35ff;
			color:#fff;
			position:relative;
		width:80%;
		right:-2%;
		height:10%;
		display:block;
		padding-top:8%;
		padding-left:20%;	
		padding-bottom:8%;
		margin-top:10%;
		border: 3px solid white;
		font-size:1.4em;
		z-index:1;}

.facts {background:#35ffe5;
		position:relative;
		width:90%;
		right:8%;
		height:10%;
		display:block;
		padding-top:8%;
		padding-left:20%;	
		padding-bottom:8%;
		margin-top:10%;
		border: 3px solid white;
		font-size:1.4em;
		z-index:1;}

.history {background:#35ff78;}

.menu a {text-decoration:none;
	display:block;}

.facts, .history, a {color:#000;}

.define a{color:#fff;}

.des {width:130%;
		height:56%;
		position:absolute;
		top:165%;
		left:-24%;
		background:#c0c0c0;
		padding: 2% 7%;
		border-top:5px solid white;
		border-left:5px solid white;
		border-right:5px solid white;}

.des img {width:5%;}