/* YUI CSS RESET via Yahoo! */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
q:before,q:after { content: ''; } 
abbr,acronym { border: 0; } 
* { behavior: url(/iepngfix.htc); }
#navigation, #news-wrapper, #artwork-wrapper, #character-left-wrapper, #character-right-wrapper, #species-left-wrapper, #species-right-wrapper, #about-left-wrapper, #about-right-wrapper, #contact-right-wrapper { behavior: none; }

/* GLOBAL STYLES */

body { font-size: 62.5%; background: #505050 url(/i/background_texture.jpg); } /* Reset 1em to 10px */
em { font-style: italic; }
strong { font-weight: bold; }
.clearall { clear: both; height: 0px; overflow: hidden; }

/* BUILDING BLOCKS */

#main { height: 700px; background: transparent url(/i/background_gradient.jpg) top left repeat-x; }
#container { width: 971px; margin: 0 auto; padding: 10px 0 0 0; position: relative; }
#parchment { width: 954px; height: 631px; background: transparent url(/i/background_parchment.png) top left no-repeat; z-index: 5; position: absolute; top: 57px; left: 6px; }
#map-scroll { width: 843px; height: 519px; position: relative; top: 49px; left: 58px; overflow: hidden; }
#map { width: 3000px; height: 2829px; background: transparent url(/i/background_map.jpg) top left no-repeat; }
.content-box { width: 843px; height: 519px; background: transparent; position: absolute; overflow: hidden; }
#content-home { top: 0; left: 0; width: 1109px; height: 871px; }
#content-news { top: 1011px; left: 983px; }
#content-characters { top: 1623px; left: 1023px; }
#content-species { top: 1515px; left: 36px; }
#content-artwork { top: 1445px; left: 2035px; }
#content-about { top: 629px; left: 1993px; }
#content-contact { top: 2300px; left: 1285px; }
#news-wrapper { width: 694px; height: 391px; margin: 103px 0 0 20px; }
#news-wrapper .box-top { width: 694px; height: 14px; background: transparent url(/i/background_news_top.png) top left no-repeat; overflow: hidden; }
#news-wrapper .box-middle { width: 694px; height: 363px; background: transparent url(/i/background_black.png) top left no-repeat; }
#news-wrapper .box-bottom { width: 694px; height: 14px; background: transparent url(/i/background_news_bottom.png) top left no-repeat; overflow: hidden; }
#news-wrapper #news-scroll { margin: 0 14px 6px; padding: 10px 10px 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 285px; overflow: auto; }
#species-left-wrapper, #character-left-wrapper, #about-left-wrapper { position: absolute; top: 103px; left: 20px; height: 391px; width: 233px; }
#artwork-wrapper { position: absolute; top: 103px; left: 20px; height: 391px; width: 805px; }
#species-left-wrapper .box-top, #character-left-wrapper .box-top, #about-left-wrapper .box-top { width: 233px; height: 14px; background: transparent url(/i/background_rounded_sm2col_top.png) top left no-repeat; overflow: hidden; }
#artwork-wrapper .box-top { width: 805px; height: 15px; background: transparent url(/i/background_fullcorner_top.png) top left no-repeat; overflow: hidden; }
#species-left-wrapper .box-middle, #character-left-wrapper .box-middle, #about-left-wrapper .box-middle { width: 233px; height: 363px; background: transparent url(/i/background_black.png) top left no-repeat; }
#artwork-wrapper .box-middle { width: 805px; height: 363px; background: transparent url(/i/background_black.png) top left no-repeat; }
#species-left-wrapper .box-bottom, #character-left-wrapper .box-bottom, #about-left-wrapper .box-bottom { width: 233px; height: 14px; background: transparent url(/i/background_rounded_sm2col_bottom.png) top left no-repeat; overflow: hidden; }
#artwork-wrapper .box-bottom { width: 805px; height: 15px; background: transparent url(/i/background_fullcorner_bottom.png) top left no-repeat; overflow: hidden; }
#species-right-wrapper, #character-right-wrapper, #contact-right-wrapper, #about-right-wrapper { position: absolute; top: 103px; left: 273px; height: 391px; width: 558px; }
#contact-right-wrapper { left: 248px; }
#species-right-wrapper .box-top, #character-right-wrapper .box-top, #contact-right-wrapper .box-top, #about-right-wrapper .box-top { width: 558px; height: 14px; background: transparent url(/i/background_rounded_lg2col_top.png) top left no-repeat; overflow: hidden; }
#species-right-wrapper .box-middle, #character-right-wrapper .box-middle, #contact-right-wrapper .box-middle, #about-right-wrapper .box-middle { width: 558px; height: 363px; background: transparent url(/i/background_black.png) top left no-repeat; }
#species-right-wrapper .box-bottom, #character-right-wrapper .box-bottom, #contact-right-wrapper .box-bottom, #about-right-wrapper .box-bottom { width: 558px; height: 14px; background: transparent url(/i/background_rounded_lg2col_bottom.png) top left no-repeat; overflow: hidden; }
#species-right-wrapper #species-scroll, #character-right-wrapper #character-scroll, #about-right-wrapper #about-scroll { margin: 0 14px 6px; padding: 0 10px 0 0; height: 357px; overflow: auto; }
#artwork-wrapper #artwork-scroll { margin: 0 14px; padding: 0 10px 0 0; height: 363px; overflow: hidden; width: 716px; position: absolute; top: 15px; left: 51px; }
#contact-right-wrapper #contact-scroll { margin: 0 14px 6px; padding: 0 10px 0 0; height: 284px; overflow: auto; }
#about-right-wrapper #about-scroll { margin: 0 14px 6px; padding: 0 10px 0 0; height: 290px; overflow: auto;  }
#artwork-scroll .entry { padding-bottom: 10px; }


/* HEADLINES & TEXT */

h1, h2, h3, h4, h5, h6, p, span, ul, li { font-family: Helvetica, Arial, sans-serif; }
#logo { width: 484px; height: 179px; text-indent: -9999px; background: transparent url(/i/logo.png) top left no-repeat; z-index: 20; position: relative; }
#news-wrapper h2 { width: 103px; height: 50px; background: transparent url(/i/head_news.png) top left no-repeat; text-indent: -9999px; }
#species-left-wrapper h2 { width: 117px; height: 52px; background: transparent url(/i/head_species.png) top left no-repeat; text-indent: -9999px; }
#character-left-wrapper h2 { width: 169px; height: 50px; background: transparent url(/i/head_characters.png) top left no-repeat; text-indent: -9999px; }
#about-right-wrapper h2 { width: 341px; height: 62px; background: transparent url(/i/head_about.png) top left no-repeat; text-indent: -9999px; margin-bottom: 5px; }
#contact-right-wrapper h2 { width: 185px; height: 51px; background: transparent url(/i/head_contact.png) top left no-repeat; text-indent: -9999px; }
#artwork-wrapper h2 { width: 50px; height: 363px; background: transparent url(/i/head_artwork.png) top left no-repeat; text-indent: -9999px; border-right: 1px solid #fff; float: left; display: inline; }
h3, label { font-weight: bold; font-size: 14px; line-height: 18px; color: #6dcff6; text-transform: uppercase; padding-right: 5px; }
p {  font-size: 14px; line-height: 18px; margin-bottom: 10px; color: #fff; }
#contact-right-wrapper p { margin: 0 14px 6px; padding-bottom: 6px; border-bottom: 1px solid #fff; }
#contact-right-wrapper form.zemContactForm p { margin: 0 0 3px; border-bottom: 0px; }
#news-wrapper h3 { float: left; }
#species-scroll h3, #character-scroll h3, #about-scroll h3 { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff; color: #6dcff6; }
strong.subhead { color: #6dcff6; font-weight: bold; text-transform: uppercase; }

/* LINKS */

a#design-credit { width: 258px; height: 51px; text-indent: -9999px; text-decoration: none; background: transparent url(/i/background_design.png) top left no-repeat; position: absolute; top: 641px; left: 700px; display: block; z-index: 19; }
p#copyright {
	position: absolute; top: 687px; left: 710px; font-size: 11px; color: #ccc;
}
a { color: #6dcff6; }
a:hover { color: #dac995; }
h3 a { color: #fff; text-transform: capitalize; font-weight: normal; }
h3 a:hover { color: #dac995; }

/* NAVIGATION */

div#navigation-background, #navigation { width: 547px; height: 165px; background: transparent url(/i/background_navigation.png) top left no-repeat; position: absolute; top: 14px; left: 0px; margin-left: 430px; z-index: 10; }
#navigation { background: none; z-index: 11; }
#navigation li { position: absolute; }
#navigation li span { visibility: hidden; }
#navigation li a { text-decoration: none; }
li.home { width: 75px; height: 40px; top: 23px; left: 64px; }
li.home a { display: block; width: 75px; height: 40px; background: transparent url(/i/nav_home.gif) 0 -40px no-repeat; }
li.home a:hover { background: transparent url(/i/nav_home.gif) 0 0 no-repeat; }
li.news { width: 73px; height: 39px; top: 25px; left: 155px; }
li.news a { display: block; width: 73px; height: 39px; background: transparent url(/i/nav_news.gif) 0 -39px no-repeat; }
li.news a:hover { background: transparent url(/i/nav_news.gif) 0 0 no-repeat; }
li.characters { width: 132px; height: 57px; top: 19px; left: 247px; }
li.characters a { display: block; width: 132px; height: 57px; background: transparent url(/i/nav_characters.gif) 0 -57px no-repeat; }
li.characters a:hover { background: transparent url(/i/nav_characters.gif) 0 0 no-repeat; }
li.species { width: 98px; height: 55px; top: 26px; left: 395px; }
li.species a { display: block; width: 98px; height: 55px; background: transparent url(/i/nav_species.gif) 0 -55px no-repeat; }
li.species a:hover { background: transparent url(/i/nav_species.gif) 0 0 no-repeat; }
li.artwork { width: 140px; height: 63px; top: 71px; left: 111px; }
li.artwork a { display: block; width: 140px; height: 63px; background: transparent url(/i/nav_artwork.gif) 0 -63px no-repeat; }
li.artwork a:hover { background: transparent url(/i/nav_artwork.gif) 0 0 no-repeat; }
li.about { width: 88px; height: 49px; top: 71px; left: 246px; }
li.about a { display: block; width: 88px; height: 49px; background: transparent url(/i/nav_about.gif) 0 -49px no-repeat; }
li.about a:hover { background: transparent url(/i/nav_about.gif) 0 0 no-repeat; }
li.contact { width: 98px; height: 57px; top: 70px; left: 350px; }
li.contact a { display: block; width: 98px; height: 57px; background: transparent url(/i/nav_contact.gif) 0 -57px no-repeat; }
li.contact a:hover { background: transparent url(/i/nav_contact.gif) 0 0 no-repeat; }

/* FORMS */

form.zemContactForm { margin: 0; padding: 0; }
fieldset { border: none; padding: 0; margin: 0; }
legend { display: none; }
form.zemContactForm input.zemText { width: 261px; height: 18px; margin: 0; padding: 0 2px; border: 0; background: #fff; }
form.zemContactForm textarea.zemTextarea { width: 526px; height: 81px; margin: 0; padding: 2px; border: 0; background: #fff; }
form.zemContactForm input.zemText:focus, form.zemContactForm textarea.zemTextarea:focus { background: #e6eca6; }

/* LISTS */

#species-left-wrapper ul, #character-left-wrapper ul, #about-left-wrapper ul { margin: 5px 14px 0; }
#about-left-wrapper ul { margin-top: 0; }
#species-left-wrapper ul li, #character-left-wrapper ul li, #about-left-wrapper ul li { font-size: 14px; line-height: 18px; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px; }
#species-left-wrapper ul li a, #character-left-wrapper ul li a, #about-left-wrapper ul li a { font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; display: block; }
#species-left-wrapper ul li a:hover, #character-left-wrapper ul li a:hover, #about-left-wrapper ul li a:hover { color: #dac995; }

/* IMAGES */

#home-phrase { position: absolute; top: 111px; left: 28px; }
#home-maya { position: absolute; top: 11px; left: 1px; }
#species-scroll .entry img, #character-scroll .entry img, #about-scroll .entry img { width: 200px; border: 3px solid #fff; margin: 0 0 10px 10px; float: right; clear: right; }
#species-scroll .entry a:hover img, #character-scroll .entry a:hover img, #about-scroll .entry a:hover img { border: 3px solid #6dcff6; }

/* PLACEHOLDER */

#placeholder #logo { position: relative; margin: 100px auto 0; }
#placeholder #comingsoon { position: relative; margin: 15px auto 0; text-indent: -9999px; background: transparent url(/i/placeholder_shortly.png) top left no-repeat; width: 356px; height: 63px; }

/* CLASSIFICATION */

body#classification #container { width: 500px; margin: 0 auto; padding-bottom: 15px; }
body#classification #logo { margin: 0 auto 10px; }
body#classification h2 { width: 327px; height: 33px; background: transparent url(/i/head_classification.png) top left no-repeat; text-indent: -9999px; margin: 0 auto; }