@charset "UTF-8";

.wrapper {
	width: 965px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}

#Logo a{
	padding-top: -15px;
	height: 133px;
	width: 127px;
	float: left;	
	background-repeat: no-repeat;	
	background-image: url(images/logo.gif);
	text-indent:-2000px;
	outline: none;
	cursor:pointer;
}
#LogoLoading{
	float: left;	
	display:inline;
	background-repeat: no-repeat;
	background-image: url(images/loading.gif);
	margin-top: 275px;
	margin-left: 390px;
	width:16px;
	height:16px;
}

#MainFrame {
	display:block;
	margin:0;
	padding:0;
	height: 530px;
}
#MainPic {
	margin:0;
	padding:0;
	max-width: 790px;		
	max-height: 525px; /* sets max-height value for all standards-compliant browsers */
	height: expression( this.scrollHeight > 524 ? "525px" : "auto" ); /* sets max-height for IE */	
	
}
#MainPic img{
	margin:0;
	padding:0;
	z-index: 10;
	
	max-height: 525px;
	max-width:790px;
	cursor:pointer;	
	height: expression( this.scrollHeight > 524 ? "525px" : "auto" ); /* sets max-height for IE */
}
#LabelPic {
	float: left;
	width: 787px;
	height:20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align:center;					
	margin-top: 7px;
	margin-bottom: 26px;
	padding-left:3px;
	padding-right:3px;
}

#menu{float:left;}
#menu ul{list-style-type: none; margin-left:-30px;}
#menu li{display: block; float:left; height:21px;}
#menu li a{ display:block; height:21px; text-indent: -2000px;outline: none;}

#menu li.m_portrait a{ width:130px; background-image: url('/images/menu_commercial.gif');}
#menu li.m_recent a{width:130px; background-image: url('/images/menu_recent.gif');}
#menu li.m_mode a{width:130px; background-image: url('/images/menu_fashion.gif');}
#menu li.m_ambiance a{width:130px; background-image: url('/images/menu_ambient.gif');}
#menu li.m_recherche a{width:130px; background-image: url('/images/menu_personnel.gif');}
#menu li.m_blog a{width:110px; background-image: url('/images/menu_blog.gif');}
#menu li.m_bio a{width:110px; background-image: url('/images/menu_bio.gif');}
#menu li.m_contact a{width:110px; height:21px; background-image: url('/images/menu_contact.gif');}
#menu li.m_cinema a{width:130px; height:21px; background-image: url('/images/menu_cinematography.gif');}

#menu li.m_spacer{ width:110px; height:32px; background-image: url('/images/spacer.gif');}

#menu li.m_portrait a:active{ width:130px; background-image: url('/images/menu_commercial.gif');}
#menu li.m_recent a:active{width:130px; background-image: url('/images/menu_recent.gif');}
#menu li.m_mode a:active{width:130px; background-image: url('/images/menu_fashion.gif');}
#menu li.m_ambiance a:active{width:130px; background-image: url('/images/menu_ambient.gif');}
#menu li.m_recherche a:active{width:130px; background-image: url('/images/menu_personnel.gif');}
#menu li.m_blog a:active{width:130px; background-image: url('/images/menu_blog.gif');}
#menu li.m_bio a:active{width:130px; background-image: url('/images/menu_bio.gif');}
#menu li.m_contact a:active{width:130px; background-image: url('/images/menu_contact.gif');}
#menu li.m_cinema a:active{width:130px; background-image: url('/images/menu_cinematography.gif');}

#menu li.m_portrait a:visited{ width:130px; background-image: url('/images/menu_commercial_V.gif');}
#menu li.m_recent a:visited{width:130px; background-image: url('/images/menu_recent_V.gif');}
#menu li.m_mode a:visited{width:130px; background-image: url('/images/menu_fashion_V.gif');}
#menu li.m_ambiance a:visited{width:130px; background-image: url('/images/menu_ambient_V.gif');}
#menu li.m_recherche a:visited{width:130px; background-image: url('/images/menu_personnel_V.gif');}
#menu li.m_blog a:visited{width:130px; background-image: url('/images/menu_blog_V.gif');}
#menu li.m_bio a:visited{width:130px; background-image: url('/images/menu_bio_V.gif');}
#menu li.m_contact a:visited{width:130px; background-image: url('/images/menu_contact_V.gif');}
#menu li.m_cinema a:visited{width:130px; background-image: url('/images/menu_cinematography_V.gif');}

#menu li.m_portrait a:hover{ width:130px; background-image: url('/images/menu_commercial_R.gif');}
#menu li.m_recent a:hover{width:130px; background-image: url('/images/menu_recent_R.gif');}
#menu li.m_mode a:hover{width:130px; background-image: url('/images/menu_fashion_R.gif');}
#menu li.m_ambiance a:hover{width:130px; background-image: url('/images/menu_ambient_R.gif');}
#menu li.m_recherche a:hover{width:130px; background-image: url('/images/menu_personnel_R.gif');}
#menu li.m_blog a:hover{width:130px; background-image: url('/images/menu_blog_R.gif');}
#menu li.m_bio a:hover{width:130px; background-image: url('/images/menu_bio_R.gif');}
#menu li.m_contact a:hover{width:130px; background-image: url('/images/menu_contact_R.gif');}
#menu li.m_cinema a:hover{width:130px; background-image: url('/images/menu_cinematography_R.gif');}


#social {float:left; width:70px;margin-top:-10px;}
#social ul{list-style-type: none; margin-left:-25px;}
#social li{display: block; float:left; height:25px; margin-bottom:2px;}
#social li a{ display:block; height:25px; text-indent: -2000px;outline: none;}
#social li.s_facebook a{ width:25px; background-image: url('/images/facebook.gif');}
#social li.s_twitterspg a{ width:47px; background-image: url('/images/twitter_spg.gif');}
#social li.s_twitterpigeon a{ width:68px; background-image: url('/images/twitter_pigeon.gif');}


#Splash{float:left;}
#Splash ul{list-style-type: none;}
#Splash li{display: block; float:left;height: 525px;}
#Splash li a {outline: none;}
#Splash li a img{ border:0;}
#Splash li.frame_splash {
	margin-top:-34px;
	width:750px; 
	height:525px; 
}

#Contact{float:left;}
#Contact ul{list-style-type: none;}
#Contact li { display:block; height:525px; text-indent: -2000px;}
#Contact li.frame_contact {
	margin-top:-25px;
	width:750px; 
	height:525px; 
	background-image: url('images/contact.jpg');
	background-repeat: no-repeat;	
}

#Bio{
	float:left;
	width: 515px;
	height: 525px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align:left;
	color:#333333;
	margin-left:-25px;
}
.bio_fr{
	
}
.bio_en{
	font-style: italic;	
	display:block;
	padding-top:35px;
}

#Cine{
	width:790px;
	float:left;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align:left;
	color:#333333;
	margin-top:140px;
	overflow:auto;
}
#video_content{
	border-color:gray;	
	table-layout: fixed;
}