/* 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 -167px auto; }
#footer { height: 167px; margin: auto; position: relative; }
#underfooter { height: 167px; width: 1000px; clear: both; }
#contents { width: 1000px; text-align: left; }

/* SITE */
#header { background: #000 url(../images/bg.jpg) no-repeat center top; }
	#contents { height: 1472px; width: 900px; text-align: left; position: relative; }
		#link1 { position: absolute; width: 868px; height: 58px; left: 13px; top: 798px; }
		#link2 { position: absolute; width: 885px; height: 91px; left: 8px; 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: 360px; left: 346px; }
		#pics2 { top: 916px; left: 23px; }
		
#footer { background: #000 url(../images/bg_footer.jpg) no-repeat center top; }
	#footer-contents { position: relative; width: 900px; text-align: left; }
		#footer-link { width: 900px; height: 140px; position: absolute; left: 0; top: 4px; }
		#footer-text { padding-top: 147px; text-align: center; }
			#footer-text a { color: #aaa; }