/* =TEXT & HEADINGS
---------------------------------------------------*/

	p {
	margin: 0; padding: 0 20px 0 20px; font-size:12px; font-family:arial, helvetica, sans-serif; line-height:16px;
	}
	a{
	text-decoration:none; margin: 0; padding: 0; color:#87B1DE;
	}
	a:hover{
	text-decoration:underline; margin: 0; padding: 0; color:#87B1DE;
	}
	h1 {
	float: left; margin: 0; padding: 0; width:357px; height: 147px; background:url(images/toy_train_logo3.jpg) no-repeat; 
	}
	h1 a {
	float: left; margin: 0; padding: 0; width:357px; height: 147px; text-indent: -6000px;
		/* \*/
		overflow: hidden;
		/* */
		text-decoration: none; border: 0; background:url(images/toy_train_logo3.jpg) no-repeat; 
	}
	h2 {
	float: right; display: block;  margin: 0; padding: 0; width:279px; height: 147px; background:url(images/animated_film2.jpg) no-repeat; text-indent: -6000px;
		/* \*/
		overflow: hidden;
		/* */
		text-decoration: none; border: 0;
	}
	
	body {
	margin:0; padding:0; background: url(images/background-grad.jpg) repeat-x #132A47; text-align:center; color:#87B1DE;
	}
	#back ul{
	margin: 0; padding: 0 0 20px 35px; font-size:12px; font-family:arial, helvetica, sans-serif; line-height:16px; color:#87B1DE;
	}
	#back ul li{
	list-style-image: url(images/back-arrow.gif);
	}
	#maincontainer {
	position: relative; width:636px; margin:0 auto; padding:20px 0 0 0; text-align:left;
	}
	#header {
	display: block; width:636px; height:147px; margin:0; padding:0; text-align:center;
	}
	#top {
	width:636px; height:36px; margin:0; padding:0; background: url(images/top2.jpg) no-repeat;
	}
	#topheading{
	width:636px; height:36px; margin:0; padding:0;
	}
	#content{
	float:left; width:636px; margin:0; padding:0; background: url(images/main-background.gif) repeat-y; 
	}
	#left{
	float:left; width:315px;
	}
	#right{
	display:block; margin:0; padding:0 7px 0 0; float:right; width:310px; height:405px; background: url(images/train4.jpg) no-repeat bottom left; 
	}
	#promo1{
	float:left; padding:20px 0 0 20px;width:159px; height:159px;
	}
	#promo1 p{
	line-height:12px; padding-top:8px;height:40px;background: url(images/promo-background.gif) no-repeat;
	}
	#promo2{
	float:right; padding:20px 0 0 0;width:159px; height:159px;
	}
	#promo2 p{
	line-height:12px; padding-top:8px;height:40px; background: url(images/promo-background.gif) no-repeat;
	}
	#footermain{
	float:left; display:block; width:636px; height:40px; margin:0; padding:0; background: url(images/footermain.gif) no-repeat;
	}
	#footermain p{
 	text-align:right; padding:30px 0 0 0;
	}
	#footermain2{
	float:left; display:block; width:636px; height:40px; margin:0; padding:0; background: url(images/footermain2.gif) no-repeat;
	}
	#footermain2 p{
 	text-align:right; padding:30px 0 0 0;
	}
	#storyboard{
	padding-left:27px;
	}
	.storyboards{
	float:left; padding:7px;
	}
		/* =LARGE STORYBOARD IMAGES
---------------------------------------------------*/
	#largeStoryboard{
	width:550px; height:300px; margin: 0; padding: 0 0 0 81px;
	}
	.arrow{
	float:left; padding-top:120px; margin:0:
	}
	.largeImage{
	float:left; padding:0; margin:0:
	}
	.descBox{
	margin-left:124px; padding-top:10px; width:388px;
	}
	.descBoxTop{
	display: block; width:388px; height:6px; margin:0; padding:0; background: url(images/storyboard/top-text-area.gif) no-repeat;
	}
	.descBoxBottom{
	display: block; width:388px; height:15px; margin:0; padding:0; background: #162E4A url(images/storyboard/bottom-text-area.gif) bottom left no-repeat;
	}
	.descBoxMid{
	display: block; width:388px; margin:0; padding:0; background:#162E4A;
	}
			/* =MOVIE CLIPS
---------------------------------------------------*/
	.movieclip{
	text-align:center; padding:40px 0 40px 0;
	}
	.mclip{
	float:left; width:170px; margin:0; padding:10px 2px 10px 30px;
	}
	.mclip-top{
	display: block; width:170px; height:7px; margin:0; padding:0; background: url(images/clip-top.gif) no-repeat;
	}
	.mclip-mid{
	width:170px; height:100px; margin:0; padding:0; background: url(images/clip-background.gif) repeat-y;
	}
	.mclip-mid p{
	 margin:0; padding:10px 8px 0 10px; text-align: left;
	}
	.mclip-bottom{
	width:170px; height:29px; margin:0; padding:0; background: url(images/clip-play-button.gif) no-repeat;
	font-family:times, serif; font-size:12px; font-weight: bold; text-transform: uppercase; display: block; text-align: center;
	}
	.mclip-bottom a{
	display: block; margin: 0; padding: 6px 0 0 0;
	}
	.mclip-bottom a:hover{
	padding: 6px 0 0 0; colour:#ffffff;
	}
	#left ul {
	margin: 0; padding: 5px 0 0 35px;
	}
	#left ul li {
	list-style-image: url(images/arrow.gif); margin: 0; padding: 0 ; font-size:12px; font-family:arial, helvetica, sans-serif; 
	}
	.dottedline{
	margin: 0; padding: 5px 0 0 20px ;
	}
	/* =DIARY
---------------------------------------------------*/
	h4{
	font-family:times, serif; font-size:18px; font-weight: bold;text-align:center; margin: 0; padding: 10px 0 10px 0;
	}
	#months {
	font-family:times, serif; font-size:14px; font-weight: bold; width:636px; height: 32px; margin: 0; padding: 0; 
	}
	#months ul {
	color:#36659A; display: block; margin: 0; padding: 0 0 0 20px; 
	}
	#months ul li {
	display: inline;  float: left; background:url(images/dash.gif) no-repeat 0 2px;  margin: 0; padding: 0; width: 49px; height: 21px; text-align:center;
	}
	#months ul li.first {
	display: inline;  float: left;  background:none; margin: 0; padding: 0; width: 49px; height: 21px; text-align:center;
	}
	#entries{
	display: block; float: left;
	background-color: #172E4A;  font-weight: bold; width:580px; height: 40px; margin: 20px 0 0 15px; padding: 0;
	}
	#entries p {
	float: left; display: block; font-family:arial, helvetica, sans-serif; font-size:12px; margin: 0; padding: 10px 0 0 20px;
	}
	#entries ul {
	float: left; display: block;
	font-family:arial, helvetica, sans-serif; font-size:12px; 
	margin: 0; padding: 10px 0 0 10px;
	}
	#entries ul li {
	margin: 0; padding-top: 2px; width: 28px; height: 28px; text-align:center;
	display: inline;  display: block; float: left; background:url(images/square.gif) no-repeat 2px 0;  
	}
	

/* =NAVIGATION
---------------------------------------------------*/	
	#nav {
	font-family:times, serif; font-size:12px; font-weight: bold; text-transform: uppercase; display: block; width:636px; height: 32px; margin: 0; padding: 0; background:url(images/nav-background.gif) no-repeat; 
	}
	#nav ul {
	display: block; margin: 0; padding: 9px 0 0 13px;
	}
	#nav ul li {
	display: inline; float: left; margin: 0; padding: 2px 0 0 0; width: 122px; height: 21px; background:url(images/btn_background.gif) no-repeat; text-align:center;
	}