@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_aboutme_contact.jpg);
	 background-repeat:no-repeat;
	 width:1024px;
	 height:1400px;
	 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:672px;
	 height:450px;
	 float:left;
	 clear:both;
	 margin-left:31px;
	 margin-top:25px;
	 }

/*** Photo Gallery Div ***/

#photo-gallery {
	 width:673px;
	 height:449px;
	 float:left;
	 margin:30px;
	 }

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


#col2 {
	 width:220px;
	 height:1140px;
	 float:right;
	 margin-top:28px;
	 margin-right:50px;
	 }
	 
	 
#col2 .h1-contact {
	 width:120px;
	 height:50px;
	 background-image:url(images/h1-contact.png);
	 background-repeat:no-repeat;
	 margin-top:75px;
	 }
	 

#content {
	 width:280px;
	 height:auto;
	 float:right;
	 }
	
		 
#content-contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:center;
	font-weight:bold;
	color: #69285f;
	margin-top:-10px;
	margin-bottom:39px;
	line-height:165%;
	 } 

#content-contact a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	font-weight:bold;
	color: #69285f;
	margin-top:0px;
	margin-bottom:40px;
	line-height:165%;
	text-decoration:underline;
	 } 
	 
p#social-logos {
	width:240px;
	height:45px;
	float:left;
	margin-top:0px;

	 }
	 
p#social-logos a{
	display:inline;
	text-decoration:none;
	padding-right:10px;
	 }
	 
#content-photo-profile{
	background-image:url(images/photo-profile.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:210px;
	 }
	 
#photo-banner-two{
	background-image:url(images/photo-banner-2.jpg);
	background-repeat:no-repeat;
	width:261px;
	height:690px;
	margin-top:54px;

	 }


/****************************** COL 3 *****************************/
/******************************************************************/


#wrapper-photobanner {
	background-image:url(images/photo_banner.gif);
	background-repeat:no-repeat;
	width:737px;
	height:264px;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	  }
	  
	  
#wrapper-col3456 {
	width:750px;
	height:330px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	  }
	  
#wrapper-col3 {
	 width:130px;
	 height:330px;
	 float:left;
	 margin-left:20px;
	 margin-top:-15px;

	 }
	 
.h1-aboutme {
	 background-image:url(images/h1-aboutme.png);
	 background-repeat:no-repeat;
	 width:130px;
	 height:50px;
	 float:left;
	 display:inline-block;
	 }
	 
.h1-cv {
	 background-image:url(images/h1-cv-download.png);
	 background-repeat:no-repeat;
	 width:130px;
	 height:91px;
	 float:left;
	 margin-top:-20px;
	 }


	 
	 
/****************************** COL 4 *****************************/
/******************************************************************/
	 
	 	 
#col4 {
	 width:265px;
	 height:460px;
	 margin-right:30px;
	 float:left;
	 }
	 
#col4 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	text-align:left;
	color: #69285f;
	line-height:140%;
	 }
	 
/****************************** COL 5 *****************************/
/******************************************************************/

	 
#col5 {
	 width:265px;
	 height:460px;
	 margin-right:30px;
	 float:left;
	 }
	 
#col5 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	text-align:left;
	color: #69285f;
	line-height:140%;
	 }
	 
/****************************** COL 6 *****************************/
/******************************************************************/


#col6 {
	 width:255px;
	 height:330px;
	 float:left;
	 }
	 
#col6 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	text-align:left;
	color: #69285f;
	line-height:140%;
	 }
	 
/****************************** FOOTER *****************************/
/*******************************************************************/

#footer {
	 width:1024px;
	 height:25px;
	 margin-top:1280px;
   }
   

#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 */