/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li { 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:''}
	
	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	strong { font-weight:bold }
	em { font-style:italic }
	a img { border:none } /* Gets rid of IE's blue borders */
	
	a, a:active {color:#ffff66;text-decoration: none;}
	a:hover {color:#ffff66;text-decoration: underline;}
	body { background: #0E1513 url('images/bck.jpg') top center no-repeat fixed; font-family: arial,helvetica,sans-serif;font-size:62.5%;line-height:1.5em; }
	#ribbon {position:absolute; top:0px; left:0px;width:189px; height:144px;}
	#wrapper {position:relative; left:50%; margin-left: -512px;width:1024px;margin-top:10px;}
	#topbar {background: url('top-bar.png') top center no-repeat;position:absolute;top:0px; left:155px;  width:721px; height:40px;color:#C3C34C;text-align: center;}
	input.email {display:inline;border:1px solid #fff;}
	form {display:inline;margin-left:10px;}
	#chars {position:absolute;top:40px; left:110px;width:939px; height:476px;}
	#chars img {z-index:1;}
	#chars div {z-index:99;display:none;}
	#chars > div:hover {cursor: pointer;}
		#chars #peter {background: url('images/peter-home-bck.png') top left no-repeat; width:415px; height:284px;position:absolute;top:40px;left:400px; }
		#chars #cat {background: url('images/cat.png') top left no-repeat; width:415px; height:284px;position:absolute;top:40px;left:100px; }
		#chars #wolf {background: url('images/wolf.png') top left no-repeat; width:415px; height:284px;position:absolute;top:70px;left:160px; }
		#chars #duck {background: url('images/real-duck.png') top left no-repeat; width:415px; height:284px;position:absolute;top:40px;left:40px; }
		#chars #bird {background: url('images/bird.png') top left no-repeat; width:415px; height:284px;position:absolute;top:80px;left:400px; }
	
	#chars p {width:250px;height:200px;margin:100px 0px 0px 50px; color:#fff;font-size:1.4em;line-height:1.5em;}
	#nav {position:absolute;top:450px; left:190px;width:670px; height:32px;z-index:99;}
	#logo {position:absolute;top:500px; left:190px;width:670px; height:62px;z-index:99;}
	#footer {position:absolute;top:587px; left:310px;height:100px;width:400px;color:#fff;font-size:1.1em;z-index:99;}
	#cg-logo {position:absolute;top:575px; left:650px;z-index:99;}
	
	
	/* story stuff */
	
	#dlstory {width:550px; height:72px;position:absolute;top:330px;left:400px;z-index:99;}
	#story {background: url('images/the-story.png') top left no-repeat; width:550px; height:472px;position:absolute;top:40px;left:200px;z-index:98; }
	#story p {color:#fff;font-size:1.2em;font-weight: normal;width:400px;margin: 60px auto;}
	#story-wolf {position:absolute;top:100px;left:650px;width:298px; height:493px;z-index:1;  }
	
	#twist-peter {position:absolute;top:60px;left:650px;width:298px; height:493px;z-index:1;  }
	#twist {background: url('images/moderntwist-bck.png') top left no-repeat; width:465px; height:404px;position:absolute;top:40px;left:200px;z-index:99; }
	#twist p {color:#fff;font-size:1.2em;font-weight: normal;width:400px;margin: 60px auto;}
	
	#meadow-duck {position:absolute;top:60px;left:740px;width:298px; height:493px;z-index:1;  }
	#meadow1, #meadow2, #meadow3 {position:absolute;top:40px;left:320px;z-index:99; width:420px; height:393px;}
	#meadow1 {background: url('images/sub_meadowfun.png') top left no-repeat; }
	#meadow2 {background: url('images/sub_meadowfun1.png') top left no-repeat; }
	#meadow3 {background: url('images/sub_meadowfun2.png') top left no-repeat; }
	#meadow1 p, #meadow2 p, #meadow3 p {color:#fff;font-size:1.2em;font-weight: normal;width:350px;margin: 80px auto;}
	#meadow-subs {position:absolute; width:127px; height:700px; top:50px; left:180px;}
	#meadow-subs img {margin-bottom:20px;}


	#cd-peter {position:absolute;top:-60px;left:720px;width:298px; height:493px;z-index:1;  }
	#CD1, #CD2 {position:absolute;top:40px;left:320px;z-index:99; width:420px; height:393px;}
	#CD1 {background: url('images/cd-bck.png') top left no-repeat; }
	#CD2 {background: url('images/narratorBck.png') top left no-repeat; }
	#CD1 p, #CD2 p {color:#fff;font-size:1.2em;font-weight: normal;width:350px;margin: 80px auto;}


}