body {background-image:url('large.gif');}
.header
{
background-color: #282828 ; 
width:99.5%; 
height:15%;
border:2px solid black;
border-style:groove;
position: fixed;
top:0;
left:0;
}
.navigation
{
background-color: #282828 ; 
width:15%;
height:85%;
border:2px solid black;
border-style:groove;
position: fixed;
top:15%;
left:0;
}
.content
{
background-color: #282828 ; 
width:70%;
height:115%;
border:2px solid black;
border-style:groove;
position:absolute;
top:20%;
left:23%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
padding: 1%;
}

.contentz
{
background-color: #282828 ; 
width:70%;
height:70%;
border:2px solid black;
border-style:groove;
position:absolute;
top:20%;
left:23%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
padding: 1%;
}

.footer
{
background-color: #282828 ; 
width:95.5%; 
height:15%;
border:2px solid black;
border-style:groove;
position: absolute;
text-align: center; 
padding: 2%; 
color: white;
font-family: arial;
bottom:0;
top: 118%;
left:0;
}

/* nav */
.nav {
	position: relative;
	margin: 20px 0;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	text-align:center;
	font-size:25px;
	font-family:Arial;
	margin: 0px 0px 0px 0;
	padding: 20px 0 20px 0;
	list-style: none;
	display: inline-block;
	width:100%;
	background-color:#282828;
	border:1px solid black;
	border-style:groove;
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #ffffff;
	width:100%;
}
.nav a:hover {
	color: #000;
}
.nav .current a {
	background: #ffffff;
	color:#282828;
	padding: 20px 60px 20px 60px;
	
}

@media screen and (max-width: 600px) {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 115px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 9px 10px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		align:center;
		text-align:center;
		font-size:15px;
		font-family:Arial;
		width:115px;
		display: none; /* hide all <li> items */
		margin-left: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}

p.hue
{
text-align: center;
font-family: Arial; 
position:relative;
top:300px;
right:3px;
left: 3px;
color: white; 
font-size: 18px;
}

p.daww
{
text-align: left;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
top: 125px;
}


h1.kdots
{
text-align: right;
font-family:Arial;
position: relative;
color:white;
font-size: 40px;
padding-right: 8px;
}

.planet
{
background-image:url('planet.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:10%;
left:3%;
z-index:-1;
}

.stars
{
background-image:url('stars.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:10%;
left:35%;
z-index:-1;
}

.galaxies
{
background-image:url('galaxy.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:10%;
left:67%;
z-index:-1;
}


.rocks
{
background-image:url('rock.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:55%;
left:3%;
z-index:-1;
}

.nebula
{
background-image:url('nebula.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:55%;
left:35%;
z-index:-1;
}

.satellite
{
background-image:url('sattelite.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:55%;
left:67%;
z-index:-1;
}


.news1
{
background-image:url('news1.png');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:10%;
left:3%;
z-index:-1;
}

.news2
{
background-image:url('news2.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:10%;
left:35%;
z-index:-1;
}

.news3
{
background-image:url('news3.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:10%;
left:67%;
z-index:-1;
}

.news4
{
background-image:url('news4.png');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:55%;
left:3%;
z-index:-1;
}

.news5
{
background-image:url('news5.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:55%;
left:35%;
z-index:-1;
}

.news6
{
background-image:url('news6.jpg');
background-size: 100%;
width:30%; 
height:35%;
border:2px solid black;
border-style:groove;
position:absolute;
top:55%;
left:67%;
z-index:-1;
}


p.daw
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 14px;
top: 115px;
}

p.da
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 14px;
top: 106px;
}

p.d
{
text-align: center;
font-family: Arial; 
position:relative;
color: black; 
font-size: 14px;
top: 115px;
}

p.wut
{
text-align: justify;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
margin-left: 100px;
margin-right: 10px;
}


.one
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:5%;
left:3%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.kone
{
background-image:url('one.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.two
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:28%;
left:3%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.ktwo
{
background-image:url('two.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.three
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:51%;
left:3%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.kthree
{
background-image:url('three.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.four
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:75%;
left:3%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.kfour
{
background-image:url('four.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.five
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:5%;
left:35%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.kfive
{
background-image:url('five.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.six
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:28%;
left:35%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.ksix
{
background-image:url('six.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.seven
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:51%;
left:35%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.kseven
{
background-image:url('seven.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.eight
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:75%;
left:35%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.keight
{
background-image:url('eight.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.nine
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:5%;
left:67%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.knine
{
background-image:url('nine.jpg'); 
width:20%;
height:60%;
border:2px solid black;
border-style:groove;
position:absolute;
top:10%;
left:7%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.ten
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:28%;
left:67%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.kten
{
background-image:url('ten.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.eleven
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:51%;
left:67%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.keleven
{
background-image:url('eleven.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.twelve
{
background-color: #585858 ; 
width:30%;
height:20%;
border:2px solid black;
border-style:groove;
position:absolute;
top:75%;
left:67%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.ktwelve
{
background-image:url('twelve.jpg'); 
width:30%;
height:80%;
border:2px solid black;
border-style:groove;
position:absolute;
top:8%;
left:2%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.fb
{
background-image:url('fb.jpg');
background-size: 100%;
width:5%;
height:50%;
border:2px solid black;
border-style:groove;
position:absolute;
top:30%;
left:21%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.twitter
{
background-image:url('twitter.png');
background-size: 100%;
width:5%;
height:50%;
border:2px solid black;
border-style:groove;
position:absolute;
top:30%;
left:9%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.yahoo
{
background-image:url('yahoo.jpg');
background-size: 100%;
width:5%;
height:50%;
border:2px solid black;
border-style:groove;
position:absolute;
top:30%;
left:3%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.tumblr
{
background-image:url('tumblr.jpg');
background-size: 100%;
width:5%;
height:50%;
border:2px solid black;
border-style:groove;
position:absolute;
top:30%;
left:15%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}

.circle1
{
background-image:url('lt.jpg');
background-size: 100%;
width:5%;
height:10%;
border:2px solid black;
border-style:groove;
position:absolute;
top:50%;
left:17.5%;
border-radius: 50px;
border-top-left-radius:50px;
border-bottom-left-radius:50px;
border-top-right-radius:50px;
border-bottom-right-radius:50px;
-moz-border-radius: 50px;
}

.circle2
{
background-image:url('mt.jpg');
background-size: 100%;
width:5%;
height:10%;
border:2px solid black;
border-style:groove;
position:absolute;
top:50%;
right:1%;
border-radius: 50px;
border-top-left-radius:50px;
border-bottom-left-radius:50px;
border-top-right-radius:50px;
border-bottom-right-radius:50px;
-moz-border-radius: 50px;
}

a:link {color:#FFFFFF;}    /* unvisited link */
a:visited {color:#FFFFFF;} /* visited link */
a:hover {color:#000000;}   /* mouse over link */
a:active {color:#000000;}  /* selected link */

.content1
{
background-color: #282828 ; 
width:70%;
height:480%;
border:2px solid black;
border-style:groove;
position:absolute;
top:20%;
left:23%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.content2
{
background-color: #282828 ; 
width:70%;
height:280%;
border:2px solid black;
border-style:groove;
position:absolute;
top:20%;
left:23%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.content3
{
background-color: #282828 ; 
width:70%;
height:250%;
border:2px solid black;
border-style:groove;
position:absolute;
top:20%;
left:23%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

.content4
{
background-color: #282828 ; 
width:70%;
height:150%;
border:2px solid black;
border-style:groove;
position:absolute;
top:20%;
left:23%;
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
z-index:-1;
}

p.huh
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
top: 2%;
}

p.huk
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
top: 5%;
}

p.hu
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
top: 27%;
}

p.h
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
top: 20%;
}

p.sana
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
top: 2%;
}

p.nga
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
top: 2%;
}

p.a
{
text-align: left;
font-family: Arial; 
position:relative;
color: white; 
}

h1.b
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
}

p.c
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
}

h4.b
{
text-align: center;
font-family: Arial; 
position:relative;
color: white; 
}