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


/*****************************************  BODY  *****************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/


 body {
	 background-image:url(images/bg.jpg);
	 width:100%;
	 height:100%;
	 } 
	

/*******************************  PAGE WRAPPER TEMPLATE  **********************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/

 
	 
#page-wrapper-template {
	 background-image:url(images/bg-template.jpg);
	 background-repeat:no-repeat;
	 width:1000px;
	 height:768px;
	 margin-top:-10px;
	 } 

/****************************** HEADER *****************************/
/*******************************************************************/


#header {
	 height:154px;
	 } 

/************** home div ******************/


#home {
	 width:150px;
	 height:154px;
	 float:left;
	 } 
	 
#home .home-logo {
	 width:150px;
	 height:154px;
	 background-image:url(images/header-home-logo.png);
	 background-repeat:no-repeat;
     float:left;
	 clear:both;
	 margin-left:20px;
	 } 

#home ul li {
	font-size:0px;
	float:left;
	list-style-type:none;
	 }
	 
	 
/************* main menu div **************/

	 

#main-menu {
	float: right;
	width: 850px;
	height:154px;
     }
 
 
#main-menu ul li{
	float:left;
	list-style-type:none;
	}


/*** Main Menu Performing class ***/

  
#main-menu .mm-performing a {
	background-image:url(images/main-menu-performing-1.png);
	background-repeat:no-repeat;
	width:130px;
	height:130px;
	display:block;
	margin-right:5px;
     }


#main-menu .mm-performing a:hover {
	background: url(images/main-menu-performing-rollover.png);
	background-repeat:no-repeat;
	width:130px;
	height:130px;
	display:block;
    z-index:100;
	 }
	 
/*** Main Menu Teaching class ***/

  
#main-menu .mm-teaching a {
	background-image:url(images/main-menu-teaching-1.png);
	background-repeat:no-repeat;
	width:130px;
	height:130px;
	display:block;
	margin-right:5px;

     }


#main-menu .mm-teaching a:hover {
	background: url(images/main-menu-teaching-rollover.png);
	background-repeat:no-repeat;
	width:130px;
	height:130px;
	display:block;
    z-index:100;
	 }
	 
/*** Main Menu Social class ***/


  
#main-menu .mm-social a {
	background-image:url(images/main-menu-social-1.png);
	background-repeat:no-repeat;
	width:130px;
	height:130px;
	display:block;
	margin-right:5px;
     }


#main-menu .mm-social a:hover {
	background: url(images/main-menu-social-rollover.png);
	background-repeat:no-repeat;
	width:130px;
	width:130px;
	height:130px;
    z-index:100;
	 }
	 
	 
/*** Main Menu Rigging class ***/

  
#main-menu .mm-rigging a {
	background-image:url(images/main-menu-rigging-1.png);
	background-repeat:no-repeat;
	width:130px;
	height:130px;
	display:block;
	margin-right:5px;
     }


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

/*** Main Menu About Me class ***/

#main-menu .mm-aboutme a {
	background-image:url(images/main-menu-aboutme.png);
	background-repeat:no-repeat;
	width:120px;
	height:130px;
	display:block;
	font-size:0;
     }


#main-menu .mm-aboutme a:hover {
	background: url(images/main-menu-aboutme-rollover.png);
	background-repeat:no-repeat;
	width:120px;
	height:130px;
    z-index:50;
	display:block;
	 }
	
/*** Main Menu Contact class ***/

 
#main-menu .mm-contact a {
	background-image:url(images/main-menu-contact.png);
	background-repeat:no-repeat;
	width:120px;
	height:130px;
	display:block;
	font-size:0;
     }	 
	 
 
#main-menu .mm-contact a:hover {
	background: url(images/main-menu-contact-rollover.png);
	background-repeat:no-repeat;
	width:120px;
	height:130px;
    z-index:50;
	display:block;
	 }


/****************************** COL 1 *****************************/
/******************************************************************/

	 
	 #col1 {
	 width:700px;
	 height:auto;
	 float:left;
	 clear:both;
	 margin-left:11px;
	 margin-top:5px;
	 }

/*** Photo Gallery Div ***/

#photo-gallery {
	 width:673px;
	 height:449px;
	 float:left;
	 margin:30px;
	 }
	 
 
#Content p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:1.3em;
	color:#e7cbab;
	margin-left:160px;
	margin-top:200px;
	 }

/****************************** COL 2 *****************************/
/*******************************************************************/


#col2 {
	 width:270px;
	 float:right;
	 margin-right:10px;
	 margin-top:-40px;
	 }
	 


#col2 .h1-performing {
	 height:81px;
	 margin-top:0px;
	 background-image:url(images/h1-performing.png);
	 background-repeat:no-repeat;
	 }

#col2 .h1-teaching {
	 height:81px;
	 margin-top:0px;
	 background-image:url(images/h1-teaching.png);
	 background-repeat:no-repeat;
	 }
	 
	 #col2 .h1-social {
	 height:81px;
	 margin-top:0px;
	 background-image:url(images/h1-social.png);
	 background-repeat:no-repeat;
	 }
	 
	 #col2 .h1-rigging {
	 height:81px;
	 margin-top:0px;
	 background-image:url(images/h1-rigging.png);
	 background-repeat:no-repeat;
	 }

#content {
	 float:right;
	 	 }


#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.85em;
	text-align:left;
	color: #69285f;
	padding:15px;
	margin-top:-30px;
	line-height:140%;
	 }

	 
p#social-logos {
	width:284px;
	height:45px;
	float:left;
	 }
	 
p#social-logos a{
	display:inline;
	text-decoration:none;
	 }
	 
	 
/****************************** FOOTER *****************************/
/*******************************************************************/

#footer {
	 width:1000px;
	 height:25px;
	 margin-top:650px;
   }
   

#footer p {
	font-family:Arial, Helvetica, sans-serif;
	color: #69285f;
	 }

   
p#validation-logos a {
	float:left;
	text-decoration:none;
	 }

	    
p#copyright-credits {
	float:right;
	font-size:.8em;
	 }

p#copyright-credits a {
	color: #c6ab8b;
	font-size:.8em;
	 }
	 
/* CSS Document */