body { 
	background: #faf5b5;
	margin: 0 auto;
	font: 14px/20px Tahoma, Lucida Sans, Arial, sans-serif; 
	color: #383939 ; 
	text-align: left;
	}
					
#wrapper {
	width: 100%;
	background: #fdfccc;
	padding-bottom: 20px;
	border-bottom: 10px #f6e691 solid;
	}
 	body.home #wrapper { background: #fdfccc url(/img/back_homepage_sm.jpg) no-repeat center top; }
 	body.int #wrapper, .mceContentBody .int { background: #fdfccc url(/img/back_int1.jpg) no-repeat center top; }
 	.mceContentBody .int { background-position: -190px -186px; }
 	body.timeline #wrapper    { background: #fdfccc url(/img/back_int2.jpg) no-repeat center top; }
 	body.multimedia #wrapper    { background: #fdfccc url(/img/back_int2.jpg) no-repeat center top; }
 	body.photos #wrapper    { background: #fdfccc url(/img/back_int2.jpg) no-repeat center top; }
 	body.work #wrapper    { background: #fdfccc url(/img/back_int3.jpg) no-repeat center top; }

h1, h2, h3, h4 { font-family: Georgia, Times New Roman, Times, serif; }

/* Header */
#head { width: 970px; height: 97px; margin: auto; clear: both; }
	.logo { float: left; width: 396px; height: 48px; padding: 43px 0 6px 0; background: url(/img/logo.gif) no-repeat left top; }
			.logo a img { width: 396px; height: 48px; }
			.logo span { display: none; }
	body.home .logo { padding-left: 270px; background-position: 270px 43px; }
	body.int .logo  { padding-left: 20px; background-position: 20px 43px; }
	.player { float: right; padding: 5px;  background: #e7e1a6; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 45px 20px 0 0; color: #FFF; text-transform: uppercase; font-family: Georgia, Times, serif; font-size: 14px; }
	
	#content .player { float: left; height: 30px; text-align: left; padding: 5px;  background: #337b9d; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 10px 0; color: #FFF; text-transform: uppercase; font-family: Georgia, Times, serif; font-size: 14px; font-weight: 600; }
	
/* Nav */
#nav { clear: both; width: 100%; height: 33px; background: url(/img/tile_menu.png) no-repeat center top; _background: none; padding: 0px; margin: 0px; }
body.home #nav { background: url(/img/tile_menu_homepage.png) no-repeat center top; _background: none; }
body.int #nav { background: url(/img/tile_menu_int.png) no-repeat center top; _background: none; }

ul.menu { width: 578px; height: 33px; margin: 0 auto; list-style: none; padding: 0; }
body.home ul.menu { padding: 0 122px 0 270px; }
body.int ul.menu { width: 667px; padding: 0 283px 0 20px; }

	ul.menu li { float: left; padding: 10px 0 6px 0; }
	ul.menu li a span { display: none; }
	ul.menu li a { display: block; outline: none; margin: 0; height: 17px; padding: 0; }
		ul.menu li.nav_home a { width: 89px; height: 17px; background: url(/img/menu.gif) no-repeat 0 0; }
		ul.menu li.nav_about a { width: 147px; height: 17px; background: url(/img/menu.gif) no-repeat -89px 0; }
		ul.menu li.nav_work a { width: 147px; height: 17px; background: url(/img/menu.gif) no-repeat -236px 0; }
		ul.menu li.nav_news a { width: 86px; height: 17px; background: url(/img/menu.gif) no-repeat -383px 0; }
		ul.menu li.nav_multimedia a { width: 141px; height: 17px; background: url(/img/menu.gif) no-repeat -469px 0; }
		ul.menu li.nav_ddaf a { width: 57px; height: 17px; background: url(/img/menu.gif) no-repeat -610px 0; }
	
	ul.menu li a:hover { }
		ul.menu li.nav_home a:hover { background-position: 0 -17px; }
		ul.menu li.nav_about a:hover { background-position: -89px -17px; }
		ul.menu li.nav_work a:hover { background-position: -236px -17px; }
		ul.menu li.nav_news a:hover { background-position: -383px -17px; }
		ul.menu li.nav_multimedia a:hover { background-position: -469px -17px; }
		ul.menu li.nav_ddaf a:hover { background-position: -610px -17px; }
		
/* Homepage */

#bottom      { width: 950px; height: auto; padding: 10px; }
        #bottom #module      { width: 336px; float: left; margin-right: 10px; padding: 8px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
               #module .text { padding: 10px; }
               #module .image { float: left; margin: 0 8px 8px 0; }
        #bottom #module2    { width: 200px; float: left; padding: 8px;  }
            
span.hidden { display: none; }
        
#module3    { width: 926px; position: relative; margin: 1em auto; padding: 8px 8px 8px 16px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 16px; font-family: Georgia, Times, serfi; color: #666; }
		#module3 span.title { font-size: 20px; font-weight: 600; color: #337b9d; }
		.logo_ddaf { float: right; margin: -23px 5px 0 0; }
		
/* Content */
#content { width: 970px; height: auto; min-height: 400px; clear:both; padding: 0; margin: auto; text-align: left; }

	#content .page,
	.mceContentBody {
	    float: left;
		width: 700px;
		height: auto;
		padding: 20px;
		}
	#content .page2 {
	    float: left;
		width: 860px;
		height: auto;
		padding: 20px 20px 20px 0;
		}	
	#secid { clear: both; padding-bottom: 15px; }
	.page2 #secid { padding-left: 20px; }
	img#story-image { float: right; padding: 5px; border: 1px #888 solid; margin: 0 0 10px 10px; }
	img#teaser-image { float: left; margin: 0 10px 10px 0;  }
	
	.pullquote { background: #fff; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #666; border: 1px #e7e1a6 solid; }
	
	ul.quotes { width: 100%; margin: auto; padding: 0; list-style: none; }
	ul.quotes li { background: #fff; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px #e7e1a6 solid; margin-bottom: 15px; }
		ul.quotes li a span.headline    { color: #5996b2; font-size: 20px; text-decoration: none; line-height: 1.15em; padding-bottom: 10px;  font-family: Georgia, Times, serif; }
		ul.quotes li a span.date        { color: #aaa; font-size: 10px; text-decoration: none; line-height:1.0em; text-transform: uppercase; }
		ul.quotes li a span.description { color: #2a2a2a; font-size: 1.0em; text-decoration: none; line-height: 1.2em; }
		ul.quotes li a span.more        { color: #5996b2; text-decoration: underline; }
		ul.quotes li a:hover span.headline { text-decoration: underline; }
		ul.quotes li a:hover span.more {  }
		
ul.teasers     {
		margin: 0; 
		list-style:none; 
		background: none; 
		line-height: 1.1em; 
		}
		ul.teasers li  { margin: 0px; line-height: 1.0em; border-bottom: 1px #e7e1a6 solid; background: none; }
		ul.teasers li a  { display:block; text-decoration: none; padding: 15px 0 5px 0; }
		ul.teasers li a:hover {  }
		ul.teasers li a span.headline    { color: #5996b2; font-size: 20px; text-decoration: none; line-height: 1.15em; padding-bottom: 10px;  font-family: Georgia, Times, serif; }
		ul.teasers li a span.date        { color: #aaa; font-size: 10px; text-decoration: none; line-height:1.0em; text-transform: uppercase; }
		ul.teasers li a span.description { color: #2a2a2a; font-size: 1.0em; text-decoration: none; line-height: 1.2em; }
		ul.teasers li a span.more        { color: #5996b2; text-decoration: underline; }
		ul.teasers li a:hover span.headline { text-decoration: underline; }
		ul.teasers li a:hover span.more {  }

table.list { border: 0; width: 100%; float: left; clear: both; border: 1px #e7e1a6 solid; padding: 5px; background: #fff; }
table.list tr { }
table.list td { padding: 5px 8px; border-bottom: 1px #e7e1a6 solid; margin-bottom: 5px; background: #fffdea; }
table.list td img { border: 1px #e7e1a6 solid; vertical-align: middle; }
	
/* Rail Structure */
#leftrail {
	float: left;
	width: 660px;
	text-align: left;
}
#rightrail {
	float: left;
	width: 220px;
	font-size: 11px;
	text-align: left;
	border-left: 1px #d8d6d2 solid;
	padding: 13px 0 0 15px;
	margin-left: 20px;
}

/* Mobile */
#mobi {
	display: none;
	clear: both;
}

/* Footer */

#footer {
	width: 930px;
	margin: auto;
	padding: 10px 20px;
	font-size: 12px;
	line-height: 18px;
	}
	#footer .credits { float: left; }
		#footer .credits span.trilogy { font-size: 10px; }
	#footer .link    { float: right; padding-bottom: 10px; }
		#footer .link span { display: none; }


	
/* Form */

.signup {
	width: 200px; font-size: 12px; line-height: 15px;
}

.signup_form {

}
input.text, input.text2, input.text3 { width: 190px; height: 18px; margin: 1px 0; border: 1px #dedede solid; font-size: 13px; color: #777; padding:3px;  }
		input.text2 { width: 60px; margin-right: 1px; }
		input.text3 { width: 120px; }
input.text:focus, input.text2:focus, input.text3:focus      { border:1px solid #aaa; background: #fffdea; color: #000; padding:3px; }
input.btn { padding: 6px 0; }