@import url('reset.css');

/* COLORS */
body {background-color:#67caea;}
a {}
a:visited {}
a:hover {}
#content-one, #content-two, #content-three {background-color:#fff; border:solid 3px #000;}



/* TYPOGRAPHY */
body {font-family:arial, helvetica;}
h1 {}
h2 {}
h3 {}
p {margin-bottom:2em; line-height:1.5em;}


/* UTILITY */
.clear {clear:both;}
.nobr {white-space:nowrap;}





html, body {height: 100%;}

#container {position: relative;	width: 100%; height: 100%; text-align:center; overflow: hidden;}
#content-one {position:relative; top:20%; left:25%; padding:20px; width:50%; height:200px; text-align:left; opacity:0.9;}
#content-two {position:relative; top:20%; left:25%; padding:20px; width:50%; height:200px; text-align:left; opacity:0.9;}
#content-three {position:relative; top:20%; left:25%; padding:20px; width:50%; height:200px; text-align:left; opacity:0.9;}



#sky {position: absolute; top:0; height:100%; width:100%; z-index:-500;}
#sun {position: absolute; top: 2%; right: 2%; width: 211px; height: 210px; background: url(../images/sun.gif) no-repeat; z-index:-20;}
#cloud1, #cloud3 {display:none; position: absolute; top: 5%; left: 5%; width: 275px; height: 96px; background: url(../images/cloud1.gif) no-repeat; z-index:-10;}
#cloud2, #cloud4 {display:none; position: absolute; top: 50%; left: 5%; width: 340px; height: 135px; background: url(../images/cloud2.gif) no-repeat; z-index:-10;}
#cloud4 {top:30%;}
#plane {display:none; position: absolute; top: 30%; right: 10%; width: 146px; height: 73px; background: url(../images/plane.gif) no-repeat;}
#ocean {display:none; position: absolute; width:100%; height:262px; background: url(../images/ocean.gif) repeat-x; z-index:-10;}
#island {display:none; position: absolute; margin-top:-442px; left:50%; margin-left:-402px; width:804px; height:328px; background: url(../images/island.gif) no-repeat; z-index:-5;}
#moon {display:none; position: absolute; top: 20%; right: 2%; width: 211px; height: 210px; background: url(../images/moon.gif) no-repeat; z-index:-20;}