*{
	padding: 0;
	margin: 0;
}
#container{
	width: 1000px;
	height: 1010px;
	/*border: 1px solid #40E0D0;*/
	margin: auto;
	box-shadow: 0px 0px 20px -5px;
}
header{
	height: 350px;
	background-image: url("images/water.jpg");
	background-size: cover;
	/*background-attachment: fixed;
	etong background attachment = 
	1) choose fixed = hindi galaw background
	while test move hover over it
	2) choose sticky = susunod */
}
header:hover{
	background-image: url("images/watergif.gif");
}
header h1{
	text-align: center;
	padding-top: 50px;
	font-size: 400%;
	color: white;
	text-shadow: 2px 2px black;
	font-family: bernard MT;
	letter-spacing: .4em;
}
nav{
	width: 1000px;
	float: left;
	background-color: #00BFFF;
}
nav ul li{
	list-style-type:  none;
	display: inline;
}
nav ul li a{
	text-decoration: none;
	padding: 20px 15px;
	float: right;
	color: #F5FFFA;
	font-size: 120%;
	font-weight: bold;
}
nav ul li a:hover{
	background-color: skyblue;
	/*if gusto mo text lang maghihighlight 
	when naghohover use "color" hindi "background-color"*/
	color: #333;
}

#outer-box{
	width: 1000px;
	font: 16px Trebuchet MS, Lucida Sans Unicode, 
	Arial, Rage Italic;
	/*wala kwenta marami fonts  para lang eto 
	if not available yung font sa computer na nagviview*/
}

#left-box{
	width: 670px;
	border: 2px solid #ccc;
	float: left;
	background-color: #ccc;
	text-align: justify;
	margin: 0px;
}
#left-box h1{
	padding: 20px 15px;
	color: #00BFFF;
}
#left-box p{
	padding: 5px 15px;
	color: #333;
}
/*
#left-box{
	width: 650px;
	border: 2px solid #ccc;
	float: left;
eight: 500px;
	margin: 10px;
	text-align: justify;
}*/

#right-box{
	width: 250px;
	border: 2px solid #ccc;
	float: right;
	/*height: 500px;*/
	background-color: #ccc;
	margin: 10px;
	text-align: justify;
}
#right-box h1{
	padding: 20px 15px;
	color: #00BFFF;
}
#right-box p{
	padding: 5px 15px;
	color: #333;
}
/* CSS Zen Garden*/

footer{
	clear: both;
	width: 1000px;
	background-color: #00BFFF;
	float: left;
	font: 16px Trebuchet MS, Lucida Sans Unicode, 
	Arial, Rage Italic;
	/*wala kwenta marami fonts  para lang eto 
	if not available yung font sa computer na nagviview*/
}

footer p{
	text-align: right;
	font-size: 180%;
	padding: 25px 20px;
}