*{
	margin: 0;
	padding: 0;
}

html {
	font-family: "Tahoma", Geneva, sans-serif;
}

body {
	width: 100%;
	height: 100%;
	background: url(bg1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}

nav{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	background-color: #313658;
    border: 0;
    list-style:none;
    margin:0;
    padding:15px;
    text-align:center;
}

nav li{
    display:inline;
    list-style-type: none;
    margin: 50px;
}

nav a{
	color: white;
	text-decoration: none;
    display:inline-block;
    padding:10px;
}

nav a:hover {
	color: tomato;
}

#navBottom { 
	position: fixed;
	top: 69px;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 40px;
	background: rgba(49,54,88,1);
	background: -moz-linear-gradient(top, rgba(49,54,88,1) 0%, rgba(49,54,88,0.79) 21%, rgba(49,54,88,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,54,88,1)), color-stop(21%, rgba(49,54,88,0.79)), color-stop(100%, rgba(49,54,88,0)));
	background: -webkit-linear-gradient(top, rgba(49,54,88,1) 0%, rgba(49,54,88,0.79) 21%, rgba(49,54,88,0) 100%);
	background: -o-linear-gradient(top, rgba(49,54,88,1) 0%, rgba(49,54,88,0.79) 21%, rgba(49,54,88,0) 100%);
	background: -ms-linear-gradient(top, rgba(49,54,88,1) 0%, rgba(49,54,88,0.79) 21%, rgba(49,54,88,0) 100%);
	background: linear-gradient(to bottom, rgba(49,54,88,1) 0%, rgba(49,54,88,0.79) 21%, rgba(49,54,88,0) 100%);

}

#navBottom p {
	color: #555;
	font-size: 120%;
	float: right;
	margin: 10 50px;
}

#main {
	width: 100%;
	margin-top: 109px;
}

#main p {
	display: block;
	width: 65%;
	padding: 20px;
	background-color: rgba(255,255,255,0.65);
	margin: 50 auto;
	line-height: 1.7em;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	background-color: #313658;
    border: 0;
    list-style:none;
    margin:0;
    padding:10px;
    text-align:center;
}

footer a:link {
    text-decoration: none;
    color: white;
}


@media screen and (orientation: portrait) {
	nav li {margin: 25px;}
	#main p {width: 90%;}
	li a {font-size: 150%;}
	footer a {font-size: 150%;}
}