@charset "UTF-8";
* {margin:0; padding:0;}
html, body {height:100%;}
body {background:#efefef url(../images/bg.jpg) repeat-x top left; color:#333; font:100% "Myriad Pro", Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;}
ul {list-style:none;}
li {display:inline;}
.tb {padding-top:5px; float:left;}
.tc {padding:5px; float:left;}
.creekification #container {font:0.85em/1.3em "Myriad Pro", Arial, Helvetica, sans-serif; margin:0 auto; text-align:left; width:780px;}
.creekification #introcontainer {left:0px; margin-top:-200px; min-width:736px; position:absolute; top:50%; width:100%; text-align:center;}
/*Header Elements*/
.creekification #header {background:transparent url(../images/header.jpg) no-repeat center top;}
.creekification #header-maint {background:transparent url(../images/header-maint.jpg) no-repeat center top;}
.creekification #nav {margin:0 auto; min-height:74px; padding-left:2em; text-align:center; width:500px;}
.creekification #nav-sub {margin:0 auto; min-height:137px; padding-left:200px; text-align:center; width:300px;}
	/*Hello IE6*/ 
	* html #nav {height:76px;}
	* html #nav-sub {height:130px;}
.creekification #nav li, .creekification #nav-sub li {display:inline;}
.creekification #nav #nav-main li a {float:left; width:60px; height:0px; padding-top:70px; overflow:hidden;}
.creekification #nav-sub #nav-maint li a {float:left; width:50px; height:0px; margin-top:-10px; padding-top:30px; overflow:hidden;}
.creekification #nav #nav-main li a {background-image:url(../images/nav.png);}
.creekification #nav-sub #nav-maint li a {background-image:url(../images/nav-maint.png);}
/*Buttons*/
#nav #nav-main li#intro a {background-position:0 0;}
#nav #nav-main li#color a {background-position:-50px 0;}
#nav #nav-main li#drawings a {background-position:-110px 0;}
#nav #nav-main li#persons a {background-position:-175px 0;}
#nav #nav-main li#maintaining a {background-position:-237px 0; width:90px;}
#nav #nav-main li#contact a {background-position:-325px 0;}
#nav-sub #nav-maint li#about a {background-position:0 0;}
#nav-sub #nav-maint li#characters a {background-position:-50px 0; width:65px;}
#nav-sub #nav-maint li#daily a {background-position:-120px 0; width:65px;}
/*Over States*/
#nav #nav-main li#intro a:hover {background-position:0 -66px;}
#nav #nav-main li#color a:hover {background-position:-50px -66px;}
#nav #nav-main li#drawings a:hover {background-position:-110px -66px;}
#nav #nav-main li#persons a:hover {background-position:-175px -66px;}
#nav #nav-main li#maintaining a:hover {background-position:-237px -66px;}
#nav #nav-main li#contact a:hover {background-position:-325px -66px;}
#nav-sub #nav-maint li#about a:hover {background-position:0 -35px;}
#nav-sub #nav-maint li#characters a:hover {background-position:-50px -35px;}
#nav-sub #nav-maint li#daily a:hover {background-position:-120px -35px;}
/*Over States*/
#nav.intro #nav-main li#intro a {background-position:7px -132px;}
#nav.color #nav-main li#color a {background-position:-51px -132px;}
#nav.drawings #nav-main li#drawings a {background-position:-111px -132px;}
#nav.persons #nav-main li#persons a {background-position:-175px -132px;}
#nav.maintaining #nav-main li#maintaining a {background-position:-237px -132px;}
#nav.contact #nav-main li#contact a {background-position:-330px -132px;}
/*Layout*/
.creekification #indexbar {background:transparent url(../images/indexbar.jpg) no-repeat center center; height:380px; margin:0 auto;  padding-left:100px; position:relative; text-align:left; width:736px;}
.creekification #index, .creekification #enter {width:50%; float:left;}
.creekification #enter {padding-top:135px;;}
.creekification #mainContent {background:transparent url(../images/main.jpg) repeat-y top center; display:table; margin:0 auto; min-height:200px; width:100%;}
	/*Hello IE6*/
	* html #mainContent {height:300px;}
.creekification #mainLeft {float:left; width:25%;}
.creekification #mainLeft2 {float:left; width:50%; padding-left:195px;}
.creekification #mainLeft2 img {border:1px solid #ccc; padding:3px;}
.creekification #mainCenter {float:left; width:35%; padding:5px 30px 5px 80px;}
.creekification #mainRight {float:right; width:25%; position:relative; clear:right;}
.creekification #footer {background:transparent url(../images/foot.png) no-repeat top center; float:left; min-height:45px; padding:0 10px; text-align:center; width:760px;}
	/*Hello IE6 */
	* html #footer {height:45px;}
/*Foot States*/
.creekification #footer a:link {color:#000; text-decoration:none;}
.creekification #footer a:visited {color:#000; text-decoration:none;}
.creekification #footer a:hover {color:#000; text-decoration:underline;}