/* NOTES
 * =====
 * Browser Window Sizes (width + scrollbar width / height + address, bookmark bar etc.)
 *  995 + 17 / 591 + 177	Microsoft Internet Explorer 6 @ 1024 x 768
 * 1265 + 15 / 686 + 114	Safari @ 1280 x 800 (MacBook, MacBook Pro 13.3")
 * 1425 + 15 / 786 + 114  	Safari @ 1440 x 900 (MacBook Pro 15.4")
 *
 *
 * TODO
 * ====
 * LOCAL NAV: Fix IE6 guilliotine problem.
/*

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* COMMON */
body { background-color: #FFF; color: #000; font-family: "Helvetica"; font-size: 1em; line-height: 1.2; }
a { color: #7A7A7A; text-decoration:none; }
label { cursor: pointer; }
.hidden { display: none; }

/*#body { outline: 2px solid green; margin: 0; padding: 0; }
#center-horizontal { outline: 1px solid red; }
#center-vertical { outline: 1px solid blue; }*/

/* CENTER */
body { position: relative; width: 60%; margin: 6em auto; }


/* CONTENT */
#content { border-top: 2px black dotted; }
#content p { padding: .8em 0 .8em 0; border-bottom: 2px black dotted; }
#content b { font-size: 1.2em; }
#content h1 { font-size: 12em; font-weight: bold; border-bottom: 2px black dotted; }

/* SPLASH */
div#c4 { display: none; }
div#c1, div#c4 { position: absolute; width: 100%; }