/* TAG CLASSES */
table, td, div, span, h1, h2, h3, h4, h5, h6, body, html, tr, th, ul, li, form, input, img, a { margin: 0px; padding: 0px; }
html, body { width: 100%; height: 100%; }
td { vertical-align: top; }
a { color: #2a8ad5; cursor: pointer; }
a img { border-width: 0; }
h1 { font: bold 19px; }
h2 { font-size: 15px; }
h4 { font-size: 13px; }

/* UNIVERSAL CLASSES */
.hidden { display: none; }
.pointer { cursor: pointer; }
.float_left { float: left; }
.absolute { position: absolute; }
.clear_both { clear: both; }
.err { color: #F30; font-weight: bold; }

/* MARGIN & PADDING UNIVERSAL CLASSES */
.pt-20 { padding-top: 20px !important; }
.ml-20 { margin-left: 20px; }

/* STRUCTURE */
#header { min-height: 100%; height: auto !important; height: 100%; margin: auto auto -20px auto; }
#footer { height: 20px; margin: auto; position: relative; }
#underfooter { height: 20px; width: 1000px; clear: both; }
#contents { width: 1000px; text-align: left; }

/* SITE */
#header { background: #000 url(../images/bg.jpg) no-repeat center top; }
	#contents { height: 1411px; width: 1000px; text-align: left; position: relative; }
		#link1 { position: absolute; width: 1000px; height: 58px; left: 0px; top: 665px; }
		#link2 { position: absolute; width: 1000px; height: 71px; left: 0px; bottom: 10px; }
		
		.pictures { position: absolute; width: 560px; height: 410px; overflow: hidden; list-style: none; }
			.pictures li { float: left; width: 130px; height: 195px; margin: 0 5px 5px 0; }
				.pictures li img { width: 130px; height: 195px; background-color: #999; }
		
		#pics1 { top: 226px; left: 23px; }
		#pics2 { top: 930px; left: 435px; }
		
		#scene_desc { position: absolute; width: 500px; height: 125px; padding: 20px 15px; font-size: 15px; top: 760px; left: 435px; color: #ccc; line-height: 20px; }
		
#footer-contents { position: relative; width: 1000px; text-align: center; color: #ccc; }
	#footer-contents a { color: #ccc; }