@charset "UTF-8";
/* CSS Document */

 body {
	 background-image:url(images/bg.jpg);
	 width:100%;
	 height:100%;
	 } 
	 
	 
#page-wrapper {
	 background-image:url(images/bg-home.jpg);
	 background-repeat:no-repeat;
	 width:1024px;
	 height:768px;
	 margin-top:-10px;

	 } 

/**************************************** HOME PAGE ****************************************/

/**************** Menu Languages **************/

#menu-languages {
	width: 61px;
	height:47px;
	float:right;
     } 

#menu-languages .fr-button a {
	background-image:url(images/menu-languages-fr.png);
	background-repeat:no-repeat;
	width: 65px;
	height:55px;
	margin-left:-35px;
	margin-top:-20px;
	display:block;
     }
 
#menu-languages ul li {
	list-style-type:none;
     }

/**************** Menu Top **************/
	 

#menu-top {
	float: left;
	height:150px;
	display:block;
	margin-top:90px;
}
 
 
#menu-top ul li{
	float:left;
	list-style-type:none;
	}

/*** Menu About ***/

#menu-top .about a {
	background-image:url(images/menu-top-about.png);
	background-repeat:no-repeat;
	width:187px;
	height:100px;
	display:block;
     }


#menu-top .about a:hover {
	background: url(images/menu-top-about-rollover.png);
	background-repeat:no-repeat;
	width:187px;
	height:100px;
    z-index:50;
	 }
	
/*** Menu Contact ***/

 
#menu-top .contact a {
	background-image:url(images/menu-top-contact.png);
	background-repeat:no-repeat;
	width:187px;
	height:100px;
	display:block;
	margin-left:550px;
     }	 
	 
 
#menu-top .contact a:hover {
	background: url(images/menu-top-contact-rollover.png);
	background-repeat:no-repeat;
	width:187px;
	height:100px;
    z-index:50;
	display:block;
	margin-left:550px;
	 }

/****************Menu Bottom**************/
 

#menu-bottom {
	float: left;
	height:270px;
	display:block;
    margin-top:180px;
    margin-left:-7px;
    }

 
#menu-bottom ul li{
	float:left;
	list-style-type:none;
	}



/*** Menu Performing ***/

  
#menu-bottom .performing a {
	background-image:url(images/menu-bottom-performing.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
     }


#menu-bottom .performing a:hover {
	background: url(images/menu-bottom-performing-rollover-1.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
    z-index:100;
	 }


/*** Menu Teaching ***/

  
#menu-bottom .teaching a {
	background-image:url(images/menu-bottom-teaching.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
     }
	 
	 
#menu-bottom .teaching a:hover {
	background: url(images/menu-bottom-teaching-rollover.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
    z-index:100;
	 }

/*** Menu Social ***/

#menu-bottom .social a {
	background-image:url(images/menu-bottom-social.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
     }


 
#menu-bottom .social a:hover {
	background: url(images/menu-bottom-social-rollover.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
    z-index:100;
	 }
	 
	 
/*** Menu Rigging ***/

  
#menu-bottom .rigging a {
	background-image:url(images/menu-bottom-rigging.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
     }
	 
	  
#menu-bottom .rigging a:hover {
	background: url(images/menu-bottom-rigging-rollover.png);
	background-repeat:no-repeat;
	width:243px;
	height:270px;
	display:block;
    z-index:100;
	 }