/* CSS document... so don't be thinkin' it's some sweet code or nothin'... cause it's not! */

body { background: #000 url("images/index_bg.jpg") top left no-repeat; color: #FFF; font-family: arial, helvetica, verdana, sans-serif; margin: 0; text-align: center;}
a { color: #FF6; text-decoration: none; }
a:hover { color: #FFF; }
a:active { color: #CF3; }
p { font-size: 12px; margin: 0 0 5px 0; }
li { font-size: 12px; margin: 0 0 2px 10px; }
ol { list-style-type: decimal; padding: 0; }
ol li { margin-left: 20px; }
ul { list-style-type: circle; margin: 0; padding: 0 0 0 10px; }
td { font-size: 12px; vertical-align: top; }
h1 { font-size: 14px; text-transform: uppercase; font-weight: normal; margin: 0; padding: 0 0 10px 0; }
h2 { font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 0; padding: 0 0 10px 0; }
h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; margin: 0; padding: 10px 0 0 0; clear: both; }

/* layout */

#home { background: #000 url("images/turtle.jpg") top center no-repeat; }
#main { padding: 20px; margin-top: 200px; position: relative; width: 1024px; text-align: left; margin-right: auto; margin-left: auto;}
#mainNav { position: absolute; top: 0; left: 150px; }
#subNav { position: absolute; top: -150px; left: 270px; }
.right { float: right; margin: 2px 0 5px 10px; }
.left { float: left; margin: 2px 10px 5px 0; }
.listing { width: 400px; }

/* navigation */

a.frameNavItem { text-transform: uppercase; display: block; font-size: 12px; padding; 2px; height: 16px; }
a.frameNavItem:hover { }
h1 a { color: #FFF; }
h1 a:hover { color: #FCC; }

/* javascript divs */

.content { text-align: left; width: 600px; display: none; }
#frame1 { }
#frame2 { }
#frame3 { }
#frame4 { }
#frame5 { }
#frame6 { }
#frame7 { }
#frame8 { }