/**********************************************************************************************

	CSS on Sails
	Title: Site Name
	Author: XHTMLized
	Date: September 2008 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Accessibility navigation
			1.3 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

/* 1.2	Accessibility navigation
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav {
		position: absolute;
		left: -1000em;
		text-align: left;
	}


/* 1.3	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #000;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		color: #c49270;
		}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Arial, Helvetica, sans-serif;
	}

	a {
		color: #c39170;
		text-decoration: underline;
	}
	
	a:hover, 
	a:active {
		color: #f7d100;
	}
	
	

/* 1.4	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	div.container {
		position: relative;
		width: 1004px;
		padding: 0 10px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.2em;
		background: #000 url(/img/bg/container.gif) no-repeat top;
	}
	body.home div.container {
		background: #000 url(/img/bg/container_home.gif) no-repeat top;
	}
	
	div#header{
		position: relative;
		width: 1004px;
		height: 70px;
		background: #262220 url(/img/bg/header.gif) no-repeat;
	}
	body.home #header{
		background: #262220 url(/img/bg/header_home.gif) no-repeat;
	}
	
	div#content { 
		float: right;
		width: 770px;
		padding-bottom: 50px;
		background: url(/img/bg/content.gif) no-repeat -7px 0;
	}
	body.home div#content{
		background: none;
		width: 774px;
	}
	
	div.content-wrapper{
		width: 100%;
		overflow: hidden;
		background: #100e0d url(/img/bg/content_wrapper.gif) no-repeat bottom;
	}
	body.home div.content-wrapper{
		background: #0b0807 url(/img/bg/content_wrapper_home.gif) no-repeat bottom;
	}
		
	div#sidebar {
		width: 225px;
		float: left; 
		border-right: 5px solid #000;
		background: #100e0d;
	}
	body.home div#sidebar{ background: #0b0807;}
	
	div#footer {
		clear: both;
		height: 64px;
		padding-top: 50px;
		background: url(/img/bg/footer.jpg) no-repeat;
	}
	
	
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1{
		float: left;
		position: relative;
		width: 291px;
		height: 70px;
		font-size: 2em;
		font-weight: bold;
		text-decoration: none;
		text-indent: 25px;
		line-height: 70px;
	}
	#header h1 span{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0; left: 0;
		background: url(/img/logo_home.gif) no-repeat;
	}
	#header a.logo{
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 225px;
		height: 40px;
		padding: 30px 0 116px;
		font-size: 2em;
		font-weight: bold;
		text-decoration: none;
		overflow: hidden;
	}
	
	#header a.logo span {	
		cursor: pointer;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(/img/_logo.png) no-repeat;
	}
	
	p.breadcrumb{
		position: absolute;
		top: 47px;
		left: 257px;
		color: #f7d100;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1em;
	}
		p.breadcrumb a{color: #f7d100;}
		p.breadcrumb a:hover{text-decoration: none;}
		
	
	div.profile-info{
		float: right;
		width: 400px;
		text-align: right;
		padding: 23px 22px 0 0;
	}
	.fr div.profile-info{padding-top: 20px;}
		ul.top-nav{
			float: right;
		}
			ul.top-nav li{
				float: left;
				padding: 0 0 5px 10px;
			}
				ul.top-nav li a{
					position: relative;
					overflow: hidden;
					display: block;
					text-transform: uppercase;
					text-decoration: none;
					font-size: 8px;
				}
				ul.top-nav li#tn-contact,
				ul.top-nav li#tn-contact a{width: 45px; height: 10px;}
				ul.top-nav li#tn-fr,
				ul.top-nav li#tn-fr a{width: 12px; height: 10px;}
				.fr ul.top-nav li#tn-contact,
				.fr ul.top-nav li#tn-contact a{width: 76px; height: 13px;}
				.fr ul.top-nav li#tn-fr,
				.fr ul.top-nav li#tn-fr a{width: 12px; height: 13px;}
				
					ul.top-nav li a span{
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 200%;
						background: url(/img/text/header_nav.gif) no-repeat;
					}
					.fr ul.top-nav li a span{background: url(/img/text-fr/header_nav.gif) no-repeat;}
					ul.top-nav li#tn-contact span {background-position: 0 0;}
					ul.top-nav li#tn-fr span {background-position: -45px 0;}
					.fr ul.top-nav li#tn-fr span {background-position: -76px 0;}
						ul.top-nav li a:hover span {top: -10px;}
						.fr ul.top-nav li a:hover span {top: -13px;}
	
		div.profile-nav{
			clear: both;
			float: right;
			display: block;
			color: #77bfa6;
			padding-top: 5px;
		}
			div.profile-nav p,
			div.profile-nav ul{
				float: left;
				padding-left: 5px;
			}
			div.profile-nav li{
				float: left;
				padding-left: 8px;
			}
			div.profile-nav li a{
				font-size: .833em;
			}
			
			
			

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	
	/* interior */
	
	div.content-header{
		position: relative;
		width: 767px;
		height: 79px;
		padding: 0 0 0 3px;
		background: url(/img/bg/content_header.gif) no-repeat;
	}
		div.content-header h1{
			position: absolute;
			bottom: 10px;
			font: 4em/1em Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #f7d100;
		}
		
	div.content-subheader{
		position: relative;
		height: 62px;
		width: 770px;
		background: url(/img/bg/content_subheader.gif) no-repeat;
	}
		div.content-subheader h2{
			position: absolute;
			left: 11px;
			line-height: 1em;
			bottom: 17px;
			color: #72eba3;
			font-size: 2em;
			font-weight: normal;
		}
	
	
	/* articles */
	
	.article-item{
		width: 233px;
	}
		.article-item img{
			border: 1px solid #724f38;
		}
		.article-header{
			position: relative;
			width: 100%;
			height: 43px;
		}
			.bg-article-header{
				position: absolute;
				display: block;
				height: 43px;
				width: 233px;
				left: 0; top: 0;
				z-index: 1;
				background: url(/img/bg/article_header.png) no-repeat;
			}
			.article-header h3{
				position: absolute;
				z-index: 2;
				bottom: 8px;
				left: 7px;
				width: 170px;
				color: #72eba3;
				line-height: 1em;
				text-transform: uppercase;
			}
			a.article-type{
				overflow: hidden;
				position: absolute;
				z-index: 2;
				right: 0;
				bottom: 4px;
				text-align: center;
				font-size: .7em;
				font-weight: normal;
				width: 42px;
				height: 24px;
				line-height: 24px;
				cursor: pointer;
				text-decoration: none;
			}
				a.article-type span{
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0; left: 0;
					background: url(/img/icon/article_type.gif) no-repeat;
				}
				a.article-type-print span{background-position: -86px 0;}
				a.article-type-video span{background-position: 0 0;}
				a.article-type-audio span{background-position: -43px 0;}
					a:hover.article-type-print span{background-position: -86px -24px;}
					a:hover.article-type-video span{background-position: 0 -24px;}
					a:hover.article-type-audio span{background-position: -43px -24px;}
			
		.article-content{
			position: relative;
			width: 219px;
			height: 190px;
			padding: 10px 7px 0;
			border-bottom: 1px solid #714e37;
			background: url(/img/bg/article_content.png) no-repeat top;
		}
		.article-content-long{
			height: 235px;
		}
			.article-content p{
				padding-bottom: 15px;
				line-height: 1.2em;
				font-size: .916em;
			}
			.article-content .article-link{
				position: absolute;
				bottom: 15px;
				left: 7px;
				color: #77bfa6;
				text-decoration: none;
				font-size: .916em;
			}
			.article-content .article-link-pdf{
				padding-left: 25px;
				background: url(/img/icon_pdf.gif) no-repeat 0 3px;
			}
			.article-content .article-link:hover{
				color: #f5cf00;
			}
			
		.article-footer{
			height: 38px;
			background: url(/img/bg/article_footer.gif) repeat-x 7px 0;
		}
			.article-footer a{
				position: relative;
				width: 63px;
				height: 25px;
				float: right;
				margin: 4px 12px 0 0;
				text-transform: uppercase;
				text-decoration: none;
				color: #72eba3;
			}
			.fr .article-footer a{ width: 109px;}
			.article-footer a span{
				position: absolute;
				width: 100%; height: 100%;
				top: 0; left: 0;
				background: url(/img/text/all_print.gif) no-repeat ;
			}
			.fr .article-footer a span{background: url(/img/text-fr/all_print.gif) no-repeat ;}
			.article-footer a:hover{color: #f5cf00;}
			.article-footer a:hover span{ background-position: bottom; }
			
	
	/* home */
		
	div.flash-wrapper{
		padding-left: 4px;
		background: #0b0807 url(/img/bg/flash_wrapper.gif) no-repeat 0 0;
	}
		div#flasharea{
			width: 993px;
			height: 433px;
			background: #000;
		}
		div.flash-wrapper span.separator{
			display: block;
			width: 997px;
			height: 23px;
			margin-left: -4px;
			background: #0b0807 url(/img/bg/home_separator.gif) no-repeat 0 0;
		}
	
	div.latest{
		height: 436px;
		border-bottom: 5px solid #000;
		background: #0b0807 url(/img/bg/latest.gif) no-repeat 0 0;
	}
		div.latest-header{
			position: relative;
			width: 759px;
			height: 95px;
			padding-left: 10px;
		}
		div.latest-content{
			width: 745px;
			overflow: hidden;
			padding: 7px 15px 0 14px;
		}
		div.latest h2{
			position: absolute;
			bottom: 20px;
			font: 4em/1em Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #f7d100;
		}
		div.latest-left{
			float: left;
			width: 369px;
		}
			div.latest-left img{
				border: 1px solid #1b140e;
			}
			
		div.latest-right{
			float: right;
			width: 363px;
			background: url(/img/bg/latest_right_content.gif) repeat-x top;
		}
			div.latest-right-header{
				position: relative;
				width: 100%;
				height: 84px;
			}
			div.latest-right-header h3{
				position: absolute;
				bottom: 16px;
				left: 13px;
				font: 2em/1em Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #f7d100;
			}
				div.latest-right-header h3 strong{
					display: block;
					color: #77bfa6;
					font-weight: normal;
				}
				
			div.latest-right-content{
				height: 142px;
				padding: 20px 16px 0;
			}
				div.latest-right-content p{
					padding-bottom: 15px;
				}
				div.latest-right-content p.date{
					color: #fff;
					padding: 0;
				}
				
			div.latest-right-footer{
				height: 38px;
				padding: 12px 10px 0;
				background: url(/img/bg/latest_right_footer.gif) repeat-x -2px 0;
			}
				div.latest-right-footer a{
					position: relative;
					float: right;
					width: 72px;
					height: 25px;
					color: #72eba3;
					text-decoration: none;
					text-transform: uppercase;
					text-align: center;
				}
				.fr div.latest-right-footer a{width: 185px;}
					div.latest-right-footer a span{
						position: absolute;
						width: 100%; height: 100%;
						top: 0; left: 0;
						background: url(/img/text/all_docs.gif) no-repeat top;
					}
					.fr div.latest-right-footer a span{background: url(/img/text-fr/all_docs.gif) no-repeat top;}
					div.latest-right-footer a:hover{
						color: #f7d100;
					}
					div.latest-right-footer a:hover span{
						background-position: bottom;
					}
	
	div.articles{
		width: 100%;
		overflow: hidden;
		background: #050403 url(/img/bg/articles.gif) no-repeat 0 0;
	}
		div.articles-header{
			position: relative;
			height: 75px;
			width: 100%;
			margin-bottom: 10px;
			border-bottom: 1px solid #684731;
		}
			div.articles-header h2{
				position: absolute;
				left: 5px;
				bottom: 15px;
				font-size: 30px;
				color: #f7d100;
				font-weight: normal;
				text-transform: uppercase;
			}
		div.print{
			width: 247px;
			padding: 0 7px 0 18px;
			float: right;
		}
			div.print div.article-item{
				margin: 0 auto;
			}
			
		div.docs{
			width: 495px;
			padding-left: 7px;
			float: left;
		}
			div.docs .article-item{
				float: left;
				padding: 0 7px 0 6px;
			}
			div.docs-footer{
				height: 38px;
				clear: both;
				border-top: 1px solid #684731;
				padding-left: 248px;
				width: 233px;
			}
				div.docs-footer-link{
					height: 38px;
					width: 233px;
					background: url(/img/bg/article_footer.gif) repeat-x 8px 0;
				}
				div.docs .article-content{
					border-bottom: none;
				}
				.docs-footer a{
					position: relative;
					float: right;
					width: 61px;
					height: 25px;
					margin: 4px 12px 0 0;
					text-transform: uppercase;
					text-decoration: none;
					text-align: center;
					overflow: hidden;
					color: #72eba3;
				}
				.fr .docs-footer a{width: 149px;}
				.docs-footer a span{
					position: absolute;
					width: 100%; height: 100%;
					left: 0; top: 0;
					background: url(/img/text/all_docs2.gif) no-repeat;
				}
				.fr .docs-footer a span{background: url(/img/text-fr/all_docs2.gif) no-repeat;}
				.docs-footer a:hover{color: #f5cf00;}
				.docs-footer a:hover span{background-position: bottom;}
		
	
	/* browse by */
	div.browse-by-content{
		width: 100%;
		overflow: hidden;
		padding-top: 20px;
		background: url(/img/bg/browse_by_content.gif) no-repeat 0 0;
	}
		div.browse-by-content .article-item{
			float: left;
			padding: 0 11px 5px;
		}
			
	
	/* bio */

	.content-bio {
		overflow: hidden;
		margin: 0 15px 0 10px;
		padding: 0 0 20px 0;
		width: 745px;
		border-bottom: 1px solid #714E37;
	}
		.content-bio .tools_wrapper {
			overflow: hidden;
			padding: 15px 0;
		}
			ul.tools {
				float: right;
			}
				ul.tools li {
					float: left;
					padding: 0 0 0 10px;
					line-height: 10px;
					font-weight: bold;
					color: #77BFA6;
				}
					ul.tools li a {
						text-decoration: none;
						color: #77BFA6;
					}
					ul.tools li a:hover {color: #F7D100;}
					ul.tools li#tools_print a,
					ul.tools li#tools_share a {
						float: left;
						position: relative;
						overflow: hidden;
						display: block;
						width: 30px;
						height: 9px;
					}
					ul.tools li#tools_print a {width: 28px;}
					ul.tools li#tools_share a {width: 29px;}
					.fr ul.tools li#tools_print a,
					.fr ul.tools li#tools_share a {width: 43px;}
						ul.tools li#tools_print a span,
						ul.tools li#tools_share a span {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 200%;
							cursor: pointer;
						}
						ul.tools li#tools_print a span {background: url(/img/text/print.gif) no-repeat left top;}
						ul.tools li#tools_share a span {background: url(/img/text/share.gif) no-repeat left top;}
						ul.tools li#tools_print a:hover span,
						ul.tools li#tools_share a:hover span {top: -9px;}
						.fr ul.tools li#tools_print a span {background: url(/img/text-fr/print.gif) no-repeat left top;}
						.fr ul.tools li#tools_share a span {background: url(/img/text-fr/share.gif) no-repeat left top;}
						
		.content-bio .left {
			float: left;
			width: 235px;
		}
			img.bio-picture {
				margin: 0;
				border: 1px solid #724F38;
			}
			.content-bio .left .title_left_bio {
				padding: 15px 9px 10px 9px;
			}
			.content-bio .left .content_left_bio {
				padding: 10px;
				border-top: 1px solid #714E37;
				background: url(/img/bg/content_bio_gradient.gif) repeat-x left top;
			}
				.content-bio .left .content_left_bio ol {
					margin: 0 0 30px 0;
				}
					.content-bio .left .content_left_bio ol li,
					.content-bio .left .content_left_bio ul li {
						padding: 0 0 0 10px;
						width: 205px;
						line-height: 18px;
						font-weight: normal;
						font-size: 12px;
						color: #C39170;
						background: url(/img/bg/ico_square.gif) no-repeat left 10px;
					}
					.content-bio .left .content_left_bio ul li {
						padding: 0;
						width: 215px;
						background: none;
					}
		.content-bio .right {
			float: right;
			padding: 15px 0;
			width: 490px;
			border-top: 1px solid #714E37;
			background: url(/img/bg/content_bio_right.gif) repeat-x left top;
		}
			.content-bio .right p {
				padding: 0 0 15px 0;
				font-weight: normal;
				font-size: 12px;
				color: #C39170;
			}
			
	
			
	/* docs */
			
	.content-subheader .article-type {
		right: 30px;
		top: 30px;
	}	
	.content-doc {
		overflow: hidden;
		padding: 0 16px 0 7px;
		width: 747px;
	}
		.content-doc img {
			margin: 0;
			border: 1px solid #724F38;
		}	
		.content-doc .left {
			float: left;
			width: 490px;
		}
			.title_left_doc {
				padding: 18px 3px 7px 3px;
				height: 20px;
			}
				.title_left_doc h3 {
					float: left;
					letter-spacing: -.1em;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: normal;
					font-size: 14px;
					color: #F7D100;
				}
					.title_left_doc h3 a {
						padding: 0;
						text-decoration: none;
						color: #77BFA6;
					}
					.title_left_doc h3 a:hover {color: #F7D100;}
						.title_left_doc h3 span#watch-trailer,
						.title_left_doc h3 span#watch-trailer-separator,
						.title_left_doc h3 a {
							float: left;
							position: relative;
							overflow: hidden;
							display: block;
							margin: 0 5px 0 0;
							height: 11px;
							font-size: 11px;
							
						}
						.fr .title_left_doc h3 span#watch-trailer,
						.fr .title_left_doc h3 span#watch-trailer-separator,
						.fr .title_left_doc h3 a {height: 13px;}
						.title_left_doc h3 span#watch-trailer {width: 103px;}
						.title_left_doc h3 span#watch-trailer-separator {width: 5px;}
						.title_left_doc h3 a#watch-trailer-hi {width: 9px;}
						.title_left_doc h3 a#watch-trailer-low {width: 21px;}
						.fr .title_left_doc h3 span#watch-trailer {width: 160px; margin-top: -2px;}
						.fr .title_left_doc h3 a#watch-trailer-hi {width: 58px;margin-top: -2px;}
						.fr .title_left_doc h3 a#watch-trailer-low {width: 19px;margin-top: -2px;}
							.title_left_doc h3 span#watch-trailer span,
							.title_left_doc h3 span#watch-trailer-separator span,
							.title_left_doc h3 a span {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								cursor: pointer;
							}
							.title_left_doc h3 span#watch-trailer span {background: url(/img/text/watch_the_trailer.gif) no-repeat left top;}
							.title_left_doc h3 span#watch-trailer-separator span {background: url(/img/text/separator.gif) no-repeat left top;}
							.title_left_doc h3 a#watch-trailer-hi span {background: url(/img/text/hi.gif) no-repeat left top;}
							.title_left_doc h3 a#watch-trailer-low span {background: url(/img/text/low.gif) no-repeat left top;}
							.title_left_doc h3 a#watch-trailer-hi:hover span,
							.title_left_doc h3 a#watch-trailer-low:hover span {background-position: 0 -11px;}
							
							.fr .title_left_doc h3 span#watch-trailer span {background: url(/img/text-fr/watch_the_trailer.gif) no-repeat left top;}
							.fr .title_left_doc h3 a#watch-trailer-hi span {background: url(/img/text-fr/hi.gif) no-repeat left top;}
							.fr .title_left_doc h3 a#watch-trailer-low span {background: url(/img/text-fr/low.gif) no-repeat left top;}
							.fr .title_left_doc h3 a#watch-trailer-hi:hover span,
							.fr .title_left_doc h3 a#watch-trailer-low:hover span {background-position: 0 -13px;}
					
				.title_left_doc ul.tools {margin-top: 3px;}
				
			.content_left_doc {
				padding: 10px 3px;
				border-top: 1px solid #714E37;
				border-bottom: 1px solid #714E37;
				background: url(/img/bg/content_bio_gradient.gif) repeat-x left top;
			}
				.content_left_doc a {
					text-decoration: underline;
					color: #F7D100;
				}
					.content_left_doc a:hover {text-decoration: none;}
				.content_left_doc h3 {
					padding: 0 0 20px 0;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 14px;
					color: #F7D100;
				}
				.content_left_doc h4 {
					padding: 0 0 15px 0;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 11px;
					color: #77BFA6;
				}
				.content_left_doc p {
					padding: 0 0 15px 0;
					width: 315px;
					line-height: 15px;
					font-weight: normal;
					font-size: 12px;
					color: #C39170;
				}
					.content_left_doc p.first-paragraph {
						width: 480px;
					}
					p.quote_author {
						padding: 5px 0 15px 0;
						font-weight: normal;
						font-size: 11px;
						color: #C39170;
					}
				.content_left_doc blockquote {
					padding: 7px 12px 3px 13px;
					width: 290px;
					background: #30261F;
				}
					.content_left_doc blockquote p {
						padding: 0 0 5px 0;
						width: 290px;
						font-style: italic;
						font-weight: normal;
						font-size: 11px;
						color: #EDB088;
					}
				.content_left_doc .insert {
					float: right;
					width: 155px;
					text-align: center;
				}	
					.content_left_doc .insert img {
						margin: 0 0 15px 0;
						border: none;
					}
					.content_left_doc .insert .insert_box {
						padding: 17px 7px 20px 7px;
						text-align: left;
						border: 1px solid #412E22;
					}
					.content_left_doc .insert .insert_box p {
						padding: 0;
						width: auto;
						font-weight: normal;
						font-size: 11px;
						color: #B18466;
					}
						.content_left_doc .insert .insert_box p strong {
							text-transform: uppercase;
						}
				.content_left_doc ul {
					margin: 0;
				}
					.content_left_doc ul li {
						padding: 0 0 0 10px;
						line-height: 18px;
						font-weight: normal;
						font-size: 12px;
						color: #C39170;
						background: url(/img/bg/ico_square_yellow.gif) no-repeat left 8px;
					}
		.content-doc .right {
			float: right;
			width: 235px;
		}
			.title_right_doc {
				position: relative;
				width: 100%;
				padding: 20px 0 5px;
				height: 20px;
				background: url(/img/bg/title_right_doc.gif) no-repeat center bottom;
			}
				.title_right_doc h3 {
					position: absolute;
					left: 7px;
					bottom: 11px;
					width: 100px;
					letter-spacing: -.1em;
					font-weight: normal;
					font-size: 14px;
					color: #72EBA3;
				}
					.title_right_doc a{
						position: absolute;
						right: 10px;
						bottom: 10px;
						overflow: hidden;
						display: block;
						float: right;
						width: 80px;
						height: 20px;
						text-transform: uppercase;
						text-decoration: none;
						letter-spacing: -.1em;
					}
					.fr .title_right_doc a{width: 94px;}
					.title_right_doc a span {
						cursor: pointer;
						position: absolute;
						left: 0;top: 0;
						width: 100%;height: 100%;
						background: url(/img/text/buy_the_film.gif) no-repeat left top;
					}
					.fr .title_right_doc a span {background: url(/img/text-fr/buy_the_film.gif) no-repeat left top;}
					.title_right_doc a:hover span {background-position: bottom;}
						
			.preview_film {
				padding: 3px 0 0;
				text-align: center;
				background: url(/img/bg/preview_film.gif) no-repeat center top;
			}
				.preview_film img {
					margin: 0;
					border: none;
				}
			.content_right_doc {
				overflow: hidden;
				padding: 15px 0 15px 18px;
				height: 1%;
				background: url(/img/bg/bg_content_right_doc.gif) no-repeat center top;
			}
				.content_right_doc p {
					padding: 0 15px 15px 0;
					line-height: 14px;
					font-weight: normal;
					font-size: 11px;
					color: #DE9768;
				}
				.content_right_doc ul.info_film {
					float: left;
					width: 105px;
				}
					.content_right_doc ul.info_film li {
						padding: 0 15px 10px 0;
					}
						.content_right_doc ul.info_film li h4 {
							font-weight: bold;
							font-size: 11px;
							color: #fff;
						}
						.content_right_doc ul.info_film li p {
							padding: 3px 0 0 0;
						}
			.footer_right_doc {
				position: relative;
				width: 100%;
				height: 35px;
				background: url(/img/bg/bg_footer_right_doc.gif) no-repeat center top;
			}
				.footer_right_doc h4 {
					position: absolute;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 22px;
					color: #72EBA3;
					left: 20px;
					bottom: 3px;
				}
				.footer_right_doc p {
					position: absolute;
					right: 20px;
					bottom: 5px;
					width: 130px;
					padding-left:13px;
					overflow: visible;
				}
				.footer_right_doc p a{
					display: block;
					line-height: 1em;
					text-align: left;
					font-weight: normal;
					font-size: 11px;
					color: #DE9768;
					text-decoration: none;
					text-indent: -13px;
				}
				
	
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	
	div#navigation{
		height: 295px;
		padding: 141px 24px 0 7px;
		background: url(/img/bg/navigation.gif) no-repeat;
	}
	body.home div#navigation{
		height: 422px;
		padding-top: 14px;
	}
		div#navigation li{
			padding: 0;
		}
		div#navigation li.first{
			border-top: 0;
		}
			div#navigation li a{
				position: relative;
				display: block;
				height: 24px;
				width: 194px;
				line-height: 1em;
				text-indent: 5px;
				color: #77bfa6;
				text-decoration: none;
				text-transform: uppercase;
			}
			div#navigation li a:hover,
			div#navigation li.active a{color: #f7d100;}
			div#navigation li a span{
				position: absolute;
				width: 100%; height: 100%;
				top: 0; left: 0;
				cursor: pointer;
				background-image: url(/img/text/nav.gif);
			}
			.fr div#navigation li a span{background-image: url(/img/text-fr/nav.gif);}
			body.home div#navigation li a span{ background-image: url(/img/text/nav_home.gif); }
			body.home .fr div#navigation li a span{ background-image: url(/img/text-fr/nav_home.gif); }
			
			div#navigation li a.nav-home span{ background-position: left 0}
			div#navigation li a.nav-home:hover span,
			div#navigation li.active a.nav-home span{ background-position: right 0}
			div#navigation li a.nav-tribe span{ background-position: left -24px}
			div#navigation li a.nav-tribe:hover span,
			div#navigation li.active a.nav-tribe span{ background-position: right -24px}
			div#navigation li a.nav-works span{ background-position: left -48px}
			div#navigation li a.nav-works:hover span,
			div#navigation li.active a.nav-works span{ background-position: right -48px}
			div#navigation li a.nav-press span{ background-position: left -72px}
			div#navigation li a.nav-press:hover span,
			div#navigation li.active a.nav-press span{ background-position: right -72px}
			div#navigation li a.nav-blog span{ background-position: left -96px}
			div#navigation li a.nav-blog:hover span,
			div#navigation li.active a.nav-blog span{ background-position: right -96px}
			div#navigation li a.nav-contact span{ background-position: left -120px}
			div#navigation li a.nav-contact:hover span,
			div#navigation li.active a.nav-contact span{ background-position: right -120px}
	
	body.home #navigation{
		background: url(/img/bg/navigation_home.gif) no-repeat;
	}
	
	div#browse-by{
		min-height: 348px;
		padding: 25px 18px 0;
		border-top: 5px solid #000;
		background: url(/img/bg/browse_by.gif) no-repeat top;
	}
	.fr div#browse-by{padding-top: 22px;}
	body.home div#browse-by{
		background: url(/img/bg/browse_by_home.gif) no-repeat top;
	}
		#browse-by h3 {
			overflow: hidden;
			width: 170px;
			height: 10px;
			text-transform: uppercase;
			font-size: 8px;
		}	
		.fr #browse-by h3 { width:180px;}
			#browse-by h3 a {
				position: relative;
				overflow: hidden;
				display: block;
				float: left;
				height: 10px;
				text-decoration: none;
			}
			.fr #browse-by h3, .fr #browse-by h3 a {height: 13px;}
			#browse-by h3 a#by-subject {width: 105px;}
			#browse-by h3 a#by-region {width: 65px;}
			.fr #browse-by h3 a#by-subject {width: 105px;}
			.fr #browse-by h3 a#by-region {width: 75px;}
				#browse-by h3 a span {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 200%;
					background: url(/img/text/browse_by.gif) no-repeat;
				}
				.fr #browse-by h3 a span {background: url(/img/text-fr/browse_by.gif) no-repeat;}
				#browse-by h3 a#by-subject span {background-position: 0 0;}
				#browse-by h3 a#by-region span {background-position: -105px 0;}
					#browse-by h3 a:hover span,
					#browse-by h3 a.active span {top:-10px;}
					.fr #browse-by h3 a:hover span,
					.fr #browse-by h3 a.active span {top:-13px;}
					
		ul.browse-by{
			padding-top: 25px;
		}
			ul.browse-by li{
				line-height: 25px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 16px;
				color: #C39170;
			}
			ul.browse-by a{
				text-decoration: none;
			}
			ul.browse-by a.active{
				color: #f7d100;
			}
			


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	p.copyright { 
		float: left;
		position: relative;
		overflow: hidden;
		display: block;
		margin: 0 0 0 28px;
		padding: 0;
		width: 130px;
		height: 10px;
	}
	.fr p.copyright { width: 157px;}
		p.copyright span {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url(/img/text/footer_copyright.gif) no-repeat left top;
		}
		.fr p.copyright span {background: url(/img/text-fr/footer_copyright.gif) no-repeat left top;}
	
	ul.contact-nav {
		float: right;
		padding-left: 55px;
	}
		ul.contact-nav li,
		ul.navigation-bottom li {
			float: left;
			padding-right: 15px;
			height: 10px;
		}
			ul.contact-nav li a,
			ul.navigation-bottom li a  {
				position: relative;
				overflow: hidden;
				display: block;
				height: 10px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: normal;
				font-size: 9px;
				cursor: pointer;
			}
			.fr ul.contact-nav li a,
			.fr ul.navigation-bottom li a  {height: 12px;}
			ul.contact-nav li#cn-contact ,
			ul.contact-nav li#cn-contact a {width: 42px;}
			ul.contact-nav li#cn-fr ,
			ul.contact-nav li#cn-fr a {width: 12px;}
			.fr ul.contact-nav li#cn-contact ,
			.fr ul.contact-nav li#cn-contact a {width: 63px;}
			.fr ul.contact-nav li#cn-fr ,
			.fr ul.contact-nav li#cn-fr a {width: 12px;}
				ul.contact-nav li a span,
				ul.navigation-bottom li a span{
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 200%;
					background: url(/img/text/footer_nav.gif) no-repeat;
				}
				.fr ul.contact-nav li a span,
				.fr ul.navigation-bottom li a span{background: url(/img/text-fr/footer_nav.gif) no-repeat;}
				ul.contact-nav li#cn-contact a span {background-position: -180px 0;}
				ul.contact-nav li#cn-fr a span {background-position: -222px 0;}
				.fr ul.contact-nav li#cn-contact a span {background-position: -187px 0;}
				.fr ul.contact-nav li#cn-fr a span {background-position: -256px 0;}
				
					ul.contact-nav li a:hover span,
					ul.navigation-bottom li a:hover span {top: -10px;}
					.fr ul.contact-nav li a:hover span,
					.fr ul.navigation-bottom li a:hover span {top: -12px;}
	
	ul.navigation-bottom {
		float: right;
	}
		ul.navigation-bottom li,
		ul.navigation-bottom li a {width: 30px;}
		ul.navigation-bottom li#nb-works ,
		ul.navigation-bottom li#nb-works a{width: 33px;}
		
				ul.navigation-bottom li#nb-home a span {background-position: 0 0;}
				ul.navigation-bottom li#nb-tribe a span {background-position: -30px 0;}
				ul.navigation-bottom li#nb-works a span {background-position: -61px 0;}
				ul.navigation-bottom li#nb-press a span {background-position: -120px 0;}
				ul.navigation-bottom li#nb-blog a span {background-position: -150px 0;}
				
				.fr ul.navigation-bottom li#nb-home,
				.fr ul.navigation-bottom li#nb-home a{width: 40px;}
				.fr ul.navigation-bottom li#nb-tribe,
				.fr ul.navigation-bottom li#nb-tribe a {width: 28px;}
				.fr ul.navigation-bottom li#nb-works,
				.fr ul.navigation-bottom li#nb-works a {width: 42px;}
				.fr ul.navigation-bottom li#nb-press,
				.fr ul.navigation-bottom li#nb-press a {width: 35px;}
				.fr ul.navigation-bottom li#nb-blog,
				.fr ul.navigation-bottom li#nb-blog a {width: 37px;}
				
				.fr ul.navigation-bottom li#nb-home a span {background-position: 0 0;}
				.fr ul.navigation-bottom li#nb-tribe a span {background-position: -41px 0;}
				.fr ul.navigation-bottom li#nb-works a span {background-position: -70px 0;}
				.fr ul.navigation-bottom li#nb-press a span {background-position: -113px 0;}
				.fr ul.navigation-bottom li#nb-blog a span {background-position: -149px 0;}