body {
	background-color: #333333; 
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
  	margin-left: 1%;
  	}
  
h1, p {
	color: #ccc; 
  	text-align: left;  	
  	padding: 20px 0px 0px 0px;
	}
	
h1 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
p {
	line-height: 1.5em;
	margin-left: 50px;
	width: 600px;
	}
	
img {
	margin: 2px;
	border: none;  
	}

a {
	text-decoration: none;
	color: #FDD017;  		 	/* lt goldenrod */ 
	}

a:hover {
	text-decoration: underline;
	color: #CF0021;	   		/*  red */
}

#container {
   background: #333333;
   width: 10000px;
}

#full {
    width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	z-index: -1000;
}


#ifugao {
	position: absolute;
	opacity: 1;
	margin-top: 55px;
	margin-left: 6000px;
	z-index: 200;
}

#market {
	position: absolute;
	opacity: 1;
	margin-top: 400px;
	margin-left: 6122px;
	z-index: 200;
}

#transition {
	position: absolute;
	opacity: 1;
	margin-top: 124px;
	margin-left: 4365px;
	z-index: 200;
}

#earthrise {
	position: absolute;
	opacity: 1;
	margin-top: 475px;
	margin-left: 4582px;
	z-index: 200;
}

#nasa {
	position: absolute;
	opacity: 1;
	margin-top: 470px;
	margin-left: 9087px;
	z-index: 200;
}



/* loading styles */
/* div when it is not showing */
    div.loading-invisible {
    display:none;
    }

    #loader {
    position: absolute;
    top: 40%;
    left: 40%;
    }

/* div when it IS showing */
    div.loading-visible {
    display:block;
    width:100%;
    height:100%;

/* in supporting browsers, make it a little transparent */
    background:#000000;
    filter: alpha(opacity=90); /* internet explorer */
    -khtml-opacity: 0.9;      /* khtml, old safari */
    -moz-opacity: 0.9;        /* mozilla, netscape */
    opacity: 0.9;             /* fx, safari, opera */
    }