== STRUCTURE: ========================
 * Page width:            954 px
 * Number of columns:     18
 * Column width:          36 px
 * Margin width:          18 px
======================================

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* TYPE */
body {font-size:75%;color:#808284;background:transparent;font-family:"Lucida Sans Regular", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grand", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size: 1.75em; color: #7f94ac; line-height:1.5; margin-top:.25em; margin-bottom:.25em;}
h2 {font-size: 1.25em; color: #7f94ac; line-height:1.25; margin-top:1.25em; margin-bottom:1.25em;}
h3 {font-size: 1.25em; color: #7f94ac; line-height:1.25; margin-top:0em; margin-bottom:0; line-height:1.25; }
h4 {font-size: 1.1em; color: #7f94ac; margin-top:1.4em; margin-bottom:0em; line-height:1.4; }
h5 {font-size: 1.1em; color: #7f94ac; margin-bottom:1.4em; line-height:1.4;}
h6 {font-size: 1.1em; color: #7f94ac; font-style:oblique; line-height:1.4;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size: 1.1em; margin:0 0 1.4em; line-height:1.4;}
p img {margin:0em .75em 0em 0;padding:0;}
p img.right {float:right;margin:1.40em 0 1.40em 1.40em;}
a:focus, a:hover {color:#808284;}
a {color: #7f94ac; text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}
dd { margin-left:0; width: 144px }
dt { margin-left:144px; margin-top:-1.5em;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* GRID */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18 {float:left;margin-right: 18px;}

div.last {margin-right:0;}
.span-1  { width: 36px;}
.span-2  { width: 90px;}
.span-3  { width: 144px;}
.span-4  { width: 198px;}
.span-5  { width: 252px;}
.span-6  { width: 306px;}
.span-7  { width: 360px;}
.span-8  { width: 414px;}
.span-9  { width: 468px;}
.span-10 { width: 522px;}
.span-11 { width: 576px;}
.span-12 { width: 630px;}
.span-13 { width: 684px;}
.span-14 { width: 738px;}
.span-15 { width: 792px;}
.span-16 { width: 846px;}
.span-17 { width: 900px;}
.span-18, div.span-18 { width: 954px; margin: 0; }

.append-1  { padding-right: 54px;}
.append-2  { padding-right: 108px;}
.append-3  { padding-right: 162px;}
.append-4  { padding-right: 216px;}
.append-5  { padding-right: 270px;}
.append-6  { padding-right: 324px;}
.append-7  { padding-right: 378px;}
.append-8  { padding-right: 432px;}
.append-9  { padding-right: 486px;}
.append-10 { padding-right: 540px;}
.append-11 { padding-right: 594px;}
.append-12 { padding-right: 648px;}
.append-13 { padding-right: 702px;}
.append-14 { padding-right: 756px;}
.append-15 { padding-right: 810px;}
.append-16 { padding-right: 864px;}
.append-17 { padding-right: 918px;}

.prepend-1  { padding-left: 54px;}
.prepend-2  { padding-left: 108px;}
.prepend-3  { padding-left: 162px;}
.prepend-4  { padding-left: 216px;}
.prepend-5  { padding-left: 270px;}
.prepend-6  { padding-left: 324px;}
.prepend-7  { padding-left: 378px;}
.prepend-8  { padding-left: 432px;}
.prepend-9  { padding-left: 486px;}
.prepend-10 { padding-left: 540px;}
.prepend-11 { padding-left: 594px;}
.prepend-12 { padding-left: 648px;}
.prepend-13 { padding-left: 702px;}
.prepend-14 { padding-left: 756px;}
.prepend-15 { padding-left: 810px;}
.prepend-16 { padding-left: 864px;}
.prepend-17 { padding-left: 918px;}

div.border{padding-right:8px;margin-right:9px;border-right:1px solid #808284;}
div.colborder { padding-right:28px;margin-right:27px;border-right:1px solid #808284;}
.pull-1 { margin-left: -54px;}
.pull-2 { margin-left: -108px;}
.pull-3 { margin-left: -162px;}
.pull-4 { margin-left: -216px;}
.pull-5 { margin-left: -270px;}
.pull-6 { margin-left: -324px;}
.pull-7 { margin-left: -378px;}
.pull-8 { margin-left: -432px;}
.pull-9 { margin-left: -486px;}
.pull-10 { margin-left: -540px;}
.pull-11 { margin-left: -594px;}
.pull-12 { margin-left: -648px;}
.pull-13 { margin-left: -702px;}
.pull-14 { margin-left: -756px;}
.pull-15 { margin-left: -810px;}
.pull-16 { margin-left: -864px;}
.pull-17 { margin-left: -918px;}
.pull-18 { margin-left: -972px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18 {float:left;position:relative;}

.push-1 { margin: 0 -54px 1.5em 54px;}
.push-2 { margin: 0 -108px 1.5em 108px;}
.push-3 { margin: 0 -162px 1.5em 162px;}
.push-4 { margin: 0 -216px 1.5em 216px;}
.push-5 { margin: 0 -270px 1.5em 270px;}
.push-6 { margin: 0 -324px 1.5em 324px;}
.push-7 { margin: 0 -378px 1.5em 378px;}
.push-8 { margin: 0 -432px 1.5em 432px;}
.push-9 { margin: 0 -486px 1.5em 486px;}
.push-10 { margin: 0 -540px 1.5em 540px;}
.push-11 { margin: 0 -594px 1.5em 594px;}
.push-12 { margin: 0 -648px 1.5em 648px;}
.push-13 { margin: 0 -702px 1.5em 702px;}
.push-14 { margin: 0 -756px 1.5em 756px;}
.push-15 { margin: 0 -810px 1.5em 810px;}
.push-16 { margin: 0 -864px 1.5em 864px;}
.push-17 { margin: 0 -918px 1.5em 918px;}
.push-18 { margin: 0 -972px 1.5em 972px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18 {float:right;position:relative;}

/* SITE */
html {}
body {margin:0 0; background: transparent url(/graphics/site-bg.gif) repeat-x scroll top left;}
#page {width: 954px; margin:0 auto; margin-top:32px; background-color:transparent; padding-left: 0;}
.showgrid {background-image: url(/graphics/grid.png);}

#skip-links {	display: none; visibility: hidden;}

#masthead {width: 954px;   }
	#name-plate { height:66px;}
		#logo { margin-top: 18px;margin-left: 52px; margin-bottom: 0; float: left;   }
		#logo h1{    }
			#logo a {  }
				#logo img { }
	#name-plate	h2 { float: right; margin-right:54px; margin-top: 33px; margin-bottom: 0;font-size: 1.1em; }

	#site{ background-color:#fff; clear:both; margin:0px 0px 0px 0px; padding: 9px 0 9px 54px; color:#808284; font-size:1.1em;  }
		#site li{display:inline;margin-left:6px;padding-left:10px;border-left:2px #ccc solid;}
			#site li a{color:#808284;text-decoration:none;}
			#site li.active a {color:#7f94ac;}
			#site li a:hover{color:#7f94ac;text-decoration:none;}
			#site li a:active{ color: #808284; text-decoration:none;}
			#site li.first{margin-left:0;padding-left:0;border-left:none;}
					
#page-content {margin-left:0px; margin-right:0px; background: #fff url(/graphics/page-bg2.gif) repeat-x scroll top left;} 
	#artwork {width: 954px; margin-bottom: 0px; }
	#credits-video {padding-top: 36px; margin-left: 198px;}
		#credits-video ul { margin: 0; padding:0; margin-bottom:18px;}
			#credits-video ul li { display: inline; padding-right: 9px;}
			#credits-video ul li a { text-decoration: underline; color: #000;}
	
	#page-content .homepage  {width: 684px;  }
	#page-content .statistics  {padding-right:432px; padding-top: 90px; background: transparent url(/images/full-length.png) no-repeat scroll 576px 80px; }
	#page-content .credits-page  {background-color: transparent; }
		#text {margin-top: 0px ;margin-left: 54px; margin-right: 54px; margin-bottom: 90px;}
		#text #home-title {font-size: 1.75em;}
		#text h3 {padding-top: 18px;}
		 .hidden {display:none; visibility:hidden;}
			#text .comma { margin-bottom: 0; margin-left:0;padding-left:0;}
				#text .comma li {display:inline;  }
					#text .comma li::after {content:","; }
						#text .comma li.last::after {content:""; }
			#artwork {position: relative;}
		#text .tab {display: inline-block; width: 180px; margin-bottom: 0;} 
		#text .detail {margin-bottom:0;} 
		
	.box {padding:18px 18px 18px 18px; margin-bottom:18px;background-color:#7f94ac; color:#d1d3d4;}
		.box ul { margin: 0; padding:0; margin-bottom:0px;}
			.box ul li {display:inline; border-left:1px #d1d3d4 solid; margin-left:6px;padding-left:10px;}
				.box ul li.hide {border-left:0px #7f94ac solid; margin-left:0px;padding-left:0px;}
	
#page-footer {width: 954px; padding-left: 0; margin-left: 0px; margin-bottom: 18px; margin-top:18px;padding-top:00px; padding-bottom: 18px; padding-left:0px; padding-right: 0px;}
	.footline {float: left;font-size: .85em; line-height: 1.8; margin-bottom: 0em;}
		.space {padding-left:18px;}
	.credits {float: right;}
	
	
	
	
		img{
		}

	    /* image replacement */
	        .graphic, #prevBtn, #nextBtn{
	            margin:0;
	            padding:0;
	            display:block;
	            overflow:hidden;
	            text-indent:-8000px;
	            }
	    /* // image replacement */

	#slider{padding-top: 36px; margin-left:212px; text-align: center; }	

		#slider ul, #slider li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#slider li{ 
			/* 
				define width and height of list item (slide)
				entire slider area will adjust according to the parameters provided here 567px
			*/ 
			width:532px; 
			height:320px;
			overflow:hidden;  text-align: left; 
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:25px;
			height:28px;
			position:absolute;
			left:152px;
			top:160px;
			}	
		#nextBtn{ 
			left:777px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:25px;
			height:28px;
			background:url("/graphics/left-arrow.gif") no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url("/graphics/right-arrow.gif") no-repeat 0 0;	
			}												

	
	
	
	
/* FIXES */
hr {background:#fff;color:#fff;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* FORMS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.55em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.55em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}