html,body {
	height:100%;
}
body{
	background:#fff url(../images/back.gif) repeat-x;
	color:#000;
	font: 70% Arial, Helvetica, sans-serif;	
	line-height:140%;
	margin:0;
	padding:0;
}
a{
	color:#730000;
	text-decoration:none;
}
a:hover{color:#555;}
p, h1, h2, h3, h4, h5, h6{margin:.7em 0;}
h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}
hr{display:none;}
img{border:none;}
.hidden{display:none;}
/* ---------------------- container ----------------------------- */
#container{
	z-index:2;
	width:100%;	
	height:100%;
	min-height:100%;
	position:relative;
}
html>body #container{
	height:auto;
} 
h1#logo{
	margin:0;
	padding:0;
	position:absolute;
	left:720px;
	bottom:267px;
	width:240px;
	height:100px;
	text-indent:-8000px;
	z-index:100;
}
h1#logo a{
	display:block;
	height:100px;
}
/* ---------------------- navigation ----------------------------- */
#nav, #nav li{
	margin:0;
	padding:0;
}
#nav{
	position:absolute;
	z-index:10;
	left:0;
	bottom:0;
	width:100%;
	height:66px;
	background:url(../images/nav_back.gif) repeat-x;
}
#nav li{
	float:left;
	display:inline;
	width:125px;
	height:66px;
	text-indent:-8000px;
	margin-right:1px;
}
#nav li a{
	display:block;
	height:66px;
	background-position:0 0;
	background-repeat:no-repeat;	
}
#nav li a:hover, #nav li a.selected{background-position:0 -66px;}
#nav li#nav1{margin-left:126px;}
#nav li#nav1 a{background-image:url(../images/nav1.gif)}
#nav li#nav2 a{background-image:url(../images/nav2.gif)}
#nav li#nav3 a{background-image:url(../images/nav3.gif)}
#nav li#nav4 a{background-image:url(../images/nav4.gif)}
#nav li#nav5 a{background-image:url(../images/nav5.gif)}
#nav li#nav6 a{background-image:url(../images/nav6.gif)}

/* ---------------------- content ----------------------------- */
#scroller{
	width:100%;	
	height:450px;
	overflow:auto;
	position:absolute;
	left:0;	
	bottom:66px;	
	background:url(../images/default_content.gif) repeat-y;
}
#content{
}
#main{
	float:left;
	display:inline;
	margin-left:146px;
	width:338px;
}
#side{
	float:left;
	display:inline;
	margin-left:29px;
	width:107px;
}
#main, #side{
	position:relative;
	padding-top:22px;
	padding-bottom:1em;
}
#main ul, #main ol{
	clear:both;
	margin:.5em 0;
	padding:0;
}
#main li{
	list-style:none;
	margin:0 0 .2em 0;
	padding-left:15px;
	background:url(../images/bullet.gif) no-repeat 0 5px;
}
#main h3, #main h4{
	color:#930000;
	text-transform:uppercase;
}

/* ---------------------- gallery ----------------------------- */
#main .products li{
	background:none;
	padding-left:0;
	float:left;
	margin-right:3px;
}
#main .products li h3{display:none;}
#main .products li img{
	padding:1px;
	background:url(../images/dotted.gif) repeat;
}

/* ---------------------- pagination ----------------------------- */
#pagination{
	margin:0;
	clear:both;
	padding:1em 0;
}
#pagination p{
	margin:0;
	height:16px;
	line-height:16px;
	float:left;
}
#pagination a{
	display:block;
	float:left;
	width:9px;
	height:9px;
	margin-left:10px;
	margin-top:3px;
	text-indent:-8000px;
	overflow:hidden;
}
#pagination a#firstPage{background:url(../images/ico_first.gif) no-repeat 0 0;}
#pagination a#prevPage{background:url(../images/ico_prev.gif) no-repeat 0 0;}
#pagination a#nextPage{background:url(../images/ico_next.gif) no-repeat 0 0;}
#pagination a#lastPage{background:url(../images/ico_last.gif) no-repeat 0 0;}


/* ---------------------- titles and subtitles ----------------------------- */
.title{
	margin:0;
	padding:0;
	text-indent:-8000px;
	height:17px;
	position:absolute;
	top:0;
}
#main .title{width:373px;left:-18px;background:url(../images/title_welcome.gif) no-repeat 0 0;}
#side .title{width:125px;left:-9px;}
.subtitle{
	padding:0;
	height:16px;
	text-indent:-8000px;
}
#main .title span, #side .title span, .subtitle span{display:none;}
/* main titles */
#main #Welcome{background:url(../images/title_welcome.gif) no-repeat 0 0;}
#main #Stage{background:url(../images/title_stage.gif) no-repeat 0 0;}
#main #Biography{background:url(../images/title_biography.gif) no-repeat 0 0;}
#main #Screen{background:url(../images/title_screen.gif) no-repeat 0 0;}
#main #Gallery{background:url(../images/title_gallery.gif) no-repeat 0 0;}
#main #Contact{background:url(../images/title_contacts.gif) no-repeat 0 0;}

#titleLatestPlay{background:url(../images/title_latestPlay.gif) no-repeat 0 0;}

#subtitleWho{background:url(../images/subtitle_who.gif) no-repeat 0 0;}
#subtitleActing{background:url(../images/subtitle_acting.gif) no-repeat 0 0;}
#subtitleCareer{background:url(../images/subtitle_career.gif) no-repeat 0 0;}
#subtitleWho{background:url(../images/subtitle_who.gif) no-repeat 0 0;}
#subtitleActing{background:url(../images/subtitle_acting.gif) no-repeat 0 0;}
#subtitleCareer{background:url(../images/subtitle_career.gif) no-repeat 0 0;}
#subtitleTheatre{background:url(../images/subtitle_theatre.gif) no-repeat 0 0;}
#subtitleShowcase{background:url(../images/subtitle_showcase.gif) no-repeat 0 0;}
#subtitleFeatureFilms{background:url(../images/subtitle_featureFilms.gif) no-repeat 0 0;}
#subtitleShortFilms{background:url(../images/subtitle_shortFilms.gif) no-repeat 0 0;}
#subtitleTelevision{background:url(../images/subtitle_television.gif) no-repeat 0 0;}
#subtitleCorporateFilms{background:url(../images/subtitle_corporateFilms.gif) no-repeat 0 0;}
#subtitleAdvertising{background:url(../images/subtitle_advertising.gif) no-repeat 0 0;}
#subtitleTranslations{background:url(../images/subtitle_translations.gif) no-repeat 0 0;}
#subtitleLinks{background:url(../images/subtitle_links.gif) no-repeat 0 0;}

/* ---------------------- buttons ----------------------------- */
p.button{height:17px;}
p.button a{
	display:block;
	float:right;
	height:17px;
	line-height:17px;
	background-position:0 0;
	background-repeat:no-repeat;
}
p.button a:hover{
	background-position:0 -17px;
}
p.button a span{display:none;}
p.button a#buttonReadBio{width:115px;background-image:url(../images/button_readBio.gif);}
p.button a#buttonMoreInfo{width:86px;background-image:url(../images/button_moreInfo.gif);}
p.button a#buttonSideMore{width:36px;background-image:url(../images/button_sideMore.gif);}
/* ---------------------- footer ----------------------------- */
#footer{
	position:absolute;
	width:100%;
	height:66px;
	bottom:0;
	left:0;
	background:url(../images/footer_back.gif) repeat-x 0 0;
}
#footer p{
	margin:0;
	margin-top:6px;
	height:28px;
	line-height:28px;
	text-indent:-8000px;
	background:url(../images/footer.gif) no-repeat 198px 0;
}
/* ---------------------- extra ----------------------------- */
#extra{
	position:absolute;
	left:0;
	bottom:66px;
	width:990px;
	height:350px;
	z-index:1;
	background:url(../images/extra.gif) no-repeat 0 0;
}
#extra2{
	position:absolute;
	left:0;
	top:0;
	width:139px;
	height:127px;
	z-index:1;
	background:url(../images/extra2.gif) no-repeat 0 0;
}
#extra3{
	position:absolute;
	right:0;
	top:0;
	width:226px;
	height:130px;
	z-index:1;
	background:url(../images/extra3.gif) no-repeat 0 0;
}
/* --------------------- float fix ------------------------ */
#content:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content{display: block;}
/* Hides from IE-mac \*/
* html #content{height: 1%;}
#content{display: block;}
/* End hide from IE-mac */
/* end float fix */