/* Squishy Dreams CSS Design and Implimentation (C) Copyright Andrew Glisinski. */

body {background-color:#312f2f; color:#e7d77e; margin:0; font-family: Helvetica,Arial,Verdana sans-serif; font-size:10pt}
	img {border:0px;}
	ul {list-style:none}
	a,a:visited {color:#666666; text-decoration:none;}
	a:hover,a:visited:hover {color:#666666; border-bottom: 1px dotted #FFCC66}
	#main_block {background:url(main_bg.jpg) no-repeat; width:100%; height:601px;}
	#main_block #center_block {margin: auto; width:998px; min-width: 998px;}
	#main_block #stage {background:url(preview_block.png) 0 0 no-repeat; width:767px;height:456px; padding: 14px 0 0 40px; margin: 146px auto 0 auto; float:left; text-align:left;z-index:0}
	#main_block #stage a,a:visited,a:visited:hover,a:hover {border: 0px;}
	#main_block #stage #swirl {float:left; margin-top:-5px;}
	#main_block #stage h2 {margin:10px 0 0 0; float:left;}
	#main_block #stage .info {margin: 15px 0  0 0; float:left;}
	#main_block h1#squishy_title {background:url(title.png) 0 0 no-repeat;width:210px;height:327px; float:left; margin-left:-25px; z-index:1}
	#main_block h1#squishy_title span {display:none}
	#main_block #email {float:left; margin-left:-25px}
	#content_block {width:100%;}
	
	/* SCENE LIST HOLDER */
	#content_block #mholder {display: none; width: 958px; margin: 20px auto 0px auto;}
	#content_block #mholder #m_notes {display: none; margin: 0px auto; width: 800px; background-color:#666666; padding: 10px; color: #FFFFFF;}
	#content_block #mholder #m_notes h3 {padding:0px;margin:0px; font-size: 1.2em; color:#FFFFFF}
	#content_block #mholder #m_notes ol {list-style-type: decimal; margin:0px; padding:0px;}
	#content_block #mholder #m_notes ol li {margin-left:20px}
	
	#content_block #center_bottom {margin: auto; width:998px; min-width: 998px;}
	/* individual headers */
	#content_block h3#header_animation {background:url(header_animation.jpg) 0 0 no-repeat; width:240px; height:42px}
	#content_block h3#header_story{background:url(header_storyboarding.jpg) 0 0 no-repeat; width: 361px; height: 42px;}
	#content_block h3#header_painting{background:url(header_painting.jpg) 0 0 no-repeat; width: 318px; height: 42px;}
	#content_block h3 {margin-bottom:5px;}
	#content_block h3 span {display:none;}
	
	/* stylization cont'd */
	#content_block #slider {display: block; width:998px;}
	#content_block #slider #arrow_left,#arrow_right {width:37px; height:46px; margin-top:60px; float:left;}
	#content_block #slider #arrow_left {margin-right:10px;}
	#content_block #slider #arrow_right {margin-left:10px;}
	#content_block #slider #slider_inner {float: left; width: 850px; overflow:hidden; margin: 0px; padding: 0px;}
	#content_block #slider #slider_inner ul.gallery {list-style-type:none;float:left; width:9999px; padding:0px; left:-270px; position: relative;}
	#content_block #slider #slider_inner ul.gallery li:first-child {margin-left:0px;}
	#content_block #slider #slider_inner ul.gallery li {width:270px; height:152px; float: left;}
	#content_block #slider #slider_inner ul.gallery li .subinfo {display: none;}
	#content_block ul#nav {margin-left:10%;}
	#content_block ul#nav li {float: left; margin-right:40px; margin-bottom: 27px;}
	
	#copy_subnav {float:left; width:998px;height:119px;background:url(copy_bottom.png) 0 0 no-repeat; margin: auto;}
	#copy {display: block; width:642px; float:left; color:#555252; font-size:1.1em; line-height:1.6em; padding:15px 16px;}
	#asubnav {float:left; width: 224px; margin: 12px 0px 0px 40px;}
	#asubnav li {padding:0px; margin:0px;}
	#horsubnav {float:left; width: 224px; margin:0px 0px 0px 40px;}
	#horsubnav li {float:left; padding:0px 4px; border-left: 2px solid #626058;}
	#horsubnav li:first-child {border-left: 0px;}
	#badge {float: left; margin: 20px 0px 0px 90px; color: #555252; font-size: .8em;}
	#badge a,a:hover,a:visited,a:visited:hover {color:#666666}