/* CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {line-height: 1; }
ol, ul { list-style: none;  -webkit-padding-start: 0; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: none;}
p { -webkit-margin-before: 0; }


/* remember to highlight inserts somehow! */

ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* END OF RESET */



/* START SPLASH PAGE CSS */

body { font: normal 13px 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif; background: url(images/shinyback.jpg) repeat; }

.clr { clear: both; height: 0; }

h1 { font-family: 'Alex Brush', cursive; font-style: normal; font-weight: 400; color: #cacaca;  text-align: center; display: block; height: 78px; padding-top: 205px; font-size: 52px; -moz-text-shadow: 2px 3px 3px #000; -webkit-text-shadow: 2px 3px 3px #000; text-shadow: 2px 3px 3px #000; }
h1 span { color: #9ae1fa; }

#wrap { width: 990px; height: 1055px; display: block; margin: 0 auto; z-index: 0; }

#text, #window, #pics { position: absolute; width: 990px; height: 1055px; display: block; margin: 0 auto; }

#text { z-index: 20; }
.enter { display: block; width: 415px; height: 55px; margin: 468px auto 0 auto; text-decoration: none; }
.enter span { visibility: hidden; }
#window { z-index: 10; background: url(images/frame-overlay.png) no-repeat center top; }
#pics { z-index: 0; }
#pics img { margin: 288px 82px 0 82px; width: 828px; height: 392px; }

ul { width: 550px; margin: 150px 0 0 230px; }
ul li { float: left; position: relative; display: inline; padding: 0 10px; }
ul li a { font-size: 14px; color: #9ae1fa; }
p { clear: both; text-align: center; color: #666; font-size: 11px; padding-top: 4px; }