/* 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: 960px; text-align: left; }

/* SITE */ 
body { background: #262626 url(../images/bg.jpg) repeat-y center top; }
	#header { background: url(../images/bg_katie.jpg) no-repeat center top; }
		#contents { width: 960px; position: relative; text-align: left; padding-top: 150px; }
			
			.title { font: 28px Arial, Helvetica, sans-serif; color: #ff0; text-align: center; padding: 30px 0; clear: both; }
				.title a { color: #ff0; }
			
			.gallery { list-style: none; padding-left: 30px; }
				.gallery li { float: left; width: 172px; height: 265px; margin: 0 10px 10px 0; }
					.gallery li img { width: 172px; height: 257px; background-color: #666; }
			
	#footer-contents { width: 960px; position: relative; text-align: left; }
		#footer-text { text-align: center; }
			#footer-text a { color: #ccc; }