@charset "utf-8"; 
@import url(reset.css);
@import url(lightbox.css);

/* ##################################################### All browsers */


/* ----------------------------------------------------- Basics, Fonts, Colors */

body{
	font:normal 13px/15px Arial, Helvetica, sans-serif;color:#ccc;
	background:url(img/bg_gradient.png) top left repeat-x fixed #fdf9f6;
}

a:link,
a:visited{
	color:#ccc;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#aaa;
	text-decoration:underline !important;
}
a:focus{outline:none;}


h2{
	font:normal 24px/17px "Century Gothic", Sans-Serif;text-transform:uppercase;color:#836742;
	margin-bottom:20px;
}
h3{
	font:normal 20px/13px "Century Gothic", Sans-Serif;text-transform:uppercase;color:#bcb191;
	margin-bottom:24px;
}
h4{
	font-weight:bold;color:#bcb191;
	margin-bottom:14px;
}


p{
	margin-bottom:14px;
}

strong, .strong{
	font-weight:bold;
}

.alignleft{
	float:left;
	margin-right:20px;margin-bottom:15px;
}
.alignright{
	float:right;
	margin-left:20px;margin-bottom:15px;
}
.clearfloat{
	clear:both;
}

hr{
	display:none;
}
hr.border{
	display:block;height:5px;
	background:url(img/bg_hr.png) left center no-repeat;
	border:none;
	margin:25px 0 ;
}
hr.hidden{
	display:block;visibility:hidden;
}

/* ----------------------------------------------------- Page Layout */

/*
#distance{
	float:left;
	width:1px;height:50%;
	margin-bottom:-25%;
}
*/
#wrapper{
	clear:left;position:relative; /* puts container in front of distance */
	width:780px;
	margin:30px auto 20px;
}

#header{
	width:100%;height:365px;
	background:url(img/bg_header_julia.jpg) 50% 35px no-repeat;
}
.contact #header{background-image:url(img/bg_header_contact.jpg);}
.film #header		{background-image:url(img/bg_header_film.jpg);}
.gallery #header{background-image:url(img/bg_header_gallery.jpg);}
.news #header		{background-image:url(img/bg_header_news.jpg);}
.press #header	{background-image:url(img/bg_header_presse.jpg);}
.vita #header		{background-image:url(img/bg_header_vita.jpg);}

#header h1 span{
	height:35px;
	font:normal 34px/24px "Century Gothic", Sans-Serif;color:#56391c;text-transform:uppercase;
}
#header h1 small{
	font:normal 24px "Century Gothic", Sans-Serif;color:#7f5417;text-transform:lowercase;vertical-align:text-bottom;
}
#header a{
	text-decoration:none !important;
}

/* --------- Logo Image replacement ----------------
#header h1 {
	display:block; 
	width:310px;height:46px;
}
#header h1 a{
  display:block;
  position:relative;
	width:0;height:0;
}
#header h1 a span{ 
	display:block;
	position:absolute;left:1px;
	text-indent:-9999px;
	width:310px;height:46px; 
	background:url(img/logo.png) top left no-repeat;
	cursor:pointer;
}
*/

#navi{
	position:absolute;top:0px;left:0px;
	width:100%;
	font:bold 14px/18px "Century Gothic", Sans-Serif;color:#26190b;text-transform:uppercase;
	background:url(img/bg_navi_goldbrush.jpg) top center no-repeat;
}
#navi h3{
	display:none;
}
#navi li{
	float:left;width:90px;height:80px;
	padding:6px 10px !important;
	border-left:1px solid #1c1208;
}
#navi li li{
	clear:both;display:block;height:13px;
	font-size:10px;line-height:13px;
	padding:0 !important;
	border:none;
}
#navi a{
	display:block;width:90px;
	color:#26190b;text-decoration:none;
}
#navi a:hover,
#navi a:active,
#navi a.active{
	color:#88541b;
}



#content{
	width:100%;
	position:relative;
	background:url(img/bg.png) top left no-repeat;
}

#mainbar{
	padding-top:80px;
}
#mainbar-inner{
	min-height:285px;
	background-color:#1c1208;
	padding:30px 26px;
}

#mainbar-inner p,
#mainbar-inner ul{
	margin-bottom:13px;
}
#mainbar-inner ul{
	list-style:none;
	line-height:18px;
}
#mainbar-inner ul.dashed.nospace{
	list-style-image:url(img/icon_dash.png);
	line-height:15px;
	margin-top:-10px;
}
#mainbar-inner ul.dashed.nospace li{
	margin-left:15px;
}
#mainbar-inner li.strong ul li{
	font-weight:normal !important;
}


#sidebar{
	position:absolute;top:0;right:0;z-index:5;
}


#footer{
	clear:both;display:block;width:100%;height:15px;
	margin-top:6px;
}

#footer,
#metanav{
	font-family:Tahoma, Sans-Serif;font-size:0.85em;color:#666;
}
#footer a,
#metanav a{
	color:#666;text-decoration:none;
}

#metanav{
	position:absolute;top:8px;right:0;
}
#metanav ul{
	float:left;
}
#metanav li{
	display:inline;vertical-align:bottom;
}

ul#language li{
	line-height:21px;
	margin-right:15px;
}
ul#portals{
	
}
#imdb a{
	float:right;overflow:hidden;
	width:46px;height:0px;
	background:url(img/portal_icons.png) left top no-repeat;
	padding-top:22px;
	margin-right:10px;margin-left:5px;
}

#myspace a{
	float:right;overflow:hidden;
	width:20px;height:0px;
	background:url(img/portal_icons.png) right top no-repeat;
	padding-top:22px;
	margin-right:10px;
}

/*
#imdb a:hover{background-position:left bottom;}
#myspace a:hover{background-position:right bottom;}
*/

/* ----------------------------------------------------- Specials */
.roundcorner{
	display:block;
	position:absolute;z-index:100;
	width:4px;height:4px;
	background-image:url(img/bg_corner.gif);
	background-repeat:no-repeat;
}
#tl{
	top:0;left:0;
	background-position:bottom right;
}
#tr{
	top:0;right:0;
	background-position:bottom left;
}
#bl{
	bottom:0;left:0;
	background-position:top right;
}
#br{
	bottom:0;right:0;
	background-position:top left;
}


#accordion .toggler{
	cursor:pointer;
	font-weight:bold !important;
	margin:6px 0;
}
#accordion p{
	margin-bottom:20px;
}


/*#mainbar-inner img{
	border:1px solid #666;
}*/

.collection{
	margin-bottom:40px;
}
.collection .item{
	position:relative;
	margin-bottom:40px;
}
.collection .item.thumb{
	min-height:142px;
	padding-left:250px;
}

.collection .item.thumb img{
	position:absolute;top:0;left:0;
	/*float:left;
	margin-left:-80px;margin-right:20px;*/
	background-color:#2d2319;
}
.collection .item span.title{
	position:absolute;top:60px;left:0;
	display:block;width:210px;
	text-align:center;text-transform:uppercase;
}


.biography .collection .item{
	position:relative;
	padding-left:250px;
}
.biography .collection .item img{
	position:absolute;top:0;left:0 !important;
	background-color:#2d2319;
}


.video_gallery .collection{
	float:left;width:44%;
	margin-right:30px;
}
.video_gallery .collection .item.thumb{
	padding-left:230px;
}

.image_gallery h3{
	clear:left;
}
.image_gallery #mainbar-inner a{
	display:inline-block;
	margin-right:7px;margin-bottom:10px;
}


.image_gallery_detail .item{
	float:left;
	font-size:0.85em;color:#999;
	margin-right:15px;
}
.image_gallery_detail .item img{
	display:block;
	margin-bottom:5px;
}

.list_panes .panes .pane:first-child{
	float:left;	width:43%;
	margin-right:85px;
}



/* alternate lightbox/shadowbox styles */
#sb-body{
	border:1px solid #444 !important;
	margin:0 0 2px !important;
}

#sb-nav-previous{
	background:url(img/icon_sb_nav.gif) top center no-repeat !important;
}
#sb-nav-next{
	background:url(img/icon_sb_nav.gif) center no-repeat !important;
}
#sb-nav-close{
	background:url(img/icon_sb_nav.gif) bottom center no-repeat !important;
}
#sb-nav-play{
	width:32px !important;
	background:url(img/icon_sb_slide.gif) top center no-repeat !important;
}
#sb-nav-pause{
	width:32px !important;
	background:url(img/icon_sb_slide.gif) bottom center no-repeat !important;
}




body.home{
	background:#000 !important;
}
.home #header h1,
.home #mainbar-inner h2,
.home #navi,
.home #footer,
.home #metanav{
	display:none;
}
.home #content{
	position:static;
}
.home #mainbar{
	padding-top:20px;
}
.home #mainbar-inner{
	min-height:185px;
	color:#fff;text-align:center;
	background:none;
}
.home #mainbar-inner h4{
	height:100px;
	font:normal 44px/46px "Century Gothic", Sans-Serif;text-transform:uppercase;color:#fff;
	text-indent:-9999px;
	margin-bottom:50px;
	background:url(img/bg_headline_home.gif) top center no-repeat !important;
}
.home #mainbar-inner h4 small{
	font-size:18px !important;
}

a#overlay{
	position:absolute;left:0;top:0;display:block;
	width:100%; height:100%;
}


#flash_alternate{
	position:absolute;left:0;top:35px;display:block;
	width:780px;height:330px;
}











/* ##################################################### JS enabled browsers ##################### */

.js div { }

/* ##################################################### IE7 and below ########################### */

.ie7 div { }

/* ##################################################### IE6 and below ########################### */

.ie6 div { }