/* CSS Document */

*				{padding: 0;
			 	margin: 0;
			 	}

/* TO HIDE HEADING 1 */

h1 em			{
				position: absolute;
				left: -4000px;
				width: 900px;
				}

.hiddenpic		{display: none}

body			{ background: #353534 ;
				
				
				 }


#wrap_full			{margin: 0px auto;
					background: url(images/bg_image.jpg) no-repeat center top fixed;
					-webkit-background-size: cover;
					  -moz-background-size: cover;
					  -o-background-size: cover;
					  background-size: cover;
					border-bottom: 5px solid #aebf5c;
					}


	
	
#wrap				{margin: 0px auto;
					width: 80%;
					min-width: 720px;
				}


#wrap_content	{	
					width: 560px;
					margin-top: 0px;
					border-left: 5px solid #aebf5c;
					border-right: 5px solid #aebf5c;
   					background: rgb(50, 50, 52); /* Fall-back for browsers that don't support rgba */
   					background: rgba(50, 50, 52, .90);					 
					-moz-box-shadow:    1px -2px 20px 2px #000;
  					-webkit-box-shadow: 1px -2px 20px 2px #000;
  					box-shadow:         1px -2px 20px 0px #000;
					text-align:left;
					min-height: 1020px;
					

					
					
}

.navigation_bar		{height: 127px; 
					width: inherit;
					position:fixed;
					background: #373834 url(images/bg_navigation.jpg) repeat-x;
					}


.navigation_bar ul	{
					   float:left;
					   list-style:none;
					   margin:0;
					   padding:0;
					   position: relative;
					   left:50%;
					   text-align:center;
					   }

.navigation_bar ul li	{float: left; 
						display:block;
						list-style: none; 
						margin: 0 auto;
						padding: 70px 17px 20px 17px;
						font-size:24px;
						position:relative;
						right:50%;
						}



.navigation_bar ul li a

						{font-family: 'Roboto', "Trebuchet MS", Arial, Helvetica, sans-serif ;
						color: #aebf5c; 
						font-size:20px;
						text-shadow: 2px 2px 2px rgba(0,0,0,1.0);
						padding: 73px 7px 10px 7px;
						outline: none;
					}

.navigation_bar ul li a:hover

						{color: #f4f9de;
						border-left: 2px solid #aebf5c;
						border-right: 2px solid #aebf5c;
						border-bottom: 2px solid #aebf5c;
						text-shadow: 1px 1px 1px rgba(102,122,62,2.0);
						padding: 83px 5px 5px 5px;
						background: #373834;
						margin-top: -10px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px; /* future proofing */
						-khtml-border-radius: 5px; /* for old Konqueror browsers */				}

.navigation_bar ul li a.active

						{color: #f4f9de;
						border-left: 2px solid #aebf5c;
						border-right: 2px solid #aebf5c;
						border-bottom: 2px solid #aebf5c;
						text-shadow: 1px 1px 1px rgba(102,122,62,2.0);
						padding: 83px 5px 5px 5px;
						background: #2a2929;
						margin-top: -10px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px; /* future proofing */
						-khtml-border-radius: 5px; /* for old Konqueror browsers */				}



.content			{padding: 150px 40px 50px 40px; 
	}




#footer				{margin: 0px auto;
					text-align:center;
					background: #353534  url(images/bg_footer.jpg);
					}

.footer_content		{width: 80%;
					margin: 0px auto;
					padding: 3%;
					text-align:right}
	
.footer_content p	{font-size:10px; color:#CCC}	

.subnav				{margin-top: 10px; }



.socials a img		{padding: 2px; margin: 10px 0px;}


.instagram			{float: left; text-align:left; padding: 2px;}


.button_flyer		{float: right; margin-top: 0px;}


.imagelink img{
	opacity:1;
	-webkit-transition: opacity 0.20s linear;
	-moz-transition: opacity 0.20s linear;  
	-o-transition: opacity 0.20s linear; 
	-ms-transition: opacity 0.20s linear;
	transition: opacity 0.20s linear;  
}

.imagelink:hover img{
	opacity:0.5;
}




h2					{color: #fff;
					font-family: 'Oxygen', sans-serif;
					line-height: 130%;
					font-size: 4em;
					text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
					margin-bottom: 11px;}

.reg				{font-size: 1.5em; text-shadow: 6px 6px 0px rgba(0,0,0,0.2);}


h3					{color: #f4f9de;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					line-height: 20px;
					font-size: 20px;
					margin-bottom: 15px;
					text-shadow: 3px 3px 3px rgba(0,0,0,2.8);}


h4					{color: #f4f9de;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					line-height: 26px;
					font-size: 17px;
					margin-bottom: 30px;
					text-shadow: 3px 3px 3px rgba(0,0,0,2.8);}



p					{color: #f4f9de;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size:13px;
					line-height: 25px;
					margin-bottom: 11px;
					text-shadow: 3px 3px 3px rgba(0,0,0,2.8);}

.headshot			{border: 3px solid #fff; margin: 0px 0px 10px 10px}

.bookings			{border: 1px solid #aebf5c; padding: 30px; background-color: #2a2929}

															
a img					{border: none;
					outline: none}


a					{color: #fff; text-decoration:none; outline: none}

a:hover				{color:#999}

a.active2				{color:#999}



/* PHOTOS  */




#gallery			{
				   width:100%;
				   overflow:hidden;
					}
					
#gallery ul			{
				   list-style: none;
					display: block;
					float: none; 
					}

#gallery ul li {
				   display:block;
				   list-style:none;
				   margin:0;
				   padding:0;
				}
				
#gallery li			{height: 100px;
					width: 150px;
					float:left;
					display:block;
					list-style: none;
					margin-right: 4px;
					margin-bottom: 4px;
					border: 1px solid #CCC;
					padding: 2px;
					background-color:#fff;
					}					
					


/* ===========================
   ====== MOBILE Queries ====== 
   =========================== */



@media only screen and (min-width : 320px) and (max-width : 1124px) and (max-height : 886px)
{
	#wrap_full			{margin: 0px auto;
					height: 1020px;
					background: url(images/bg_image_mobile.jpg) no-repeat center center fixed;
					-webkit-background-size: cover;
					  -moz-background-size: cover;
					  -o-background-size: cover;
					  background-size: cover;
					border-bottom: 5px solid #aebf5c;
					}


}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {



#wrap_full			{margin: 0px auto;
					height: inherit;
					width: auto;
					border-bottom: 5px solid #aebf5c;
					background: url(images/bg_image_mobile.jpg) no-repeat  left top fixed;
					}



	
#wrap				{margin: 0px auto;
					width: auto;
					height: inherit;
					min-width: inherit;
				}


#wrap_content	{	height: inherit;
					width: inherit;
					margin-top: 0px;
					border-left: 5px solid #aebf5c;
					border-right: 5px solid #aebf5c;
   					background: rgb(50, 50, 52); /* Fall-back for browsers that don't support rgba */
   					background: rgba(50, 50, 52, .90);					 
					-moz-box-shadow:    1px -2px 20px 2px #000;
  					-webkit-box-shadow: 1px -2px 20px 2px #000;
  					box-shadow:         1px -2px 20px 0px #000;
					text-align:left;
					
}

					
.navigation_bar			{width: 100%; margin-left: -5px;}

.navigation_bar ul		{position:relative;
					  	 left:50%;
					   }

.navigation_bar ul li	{
						padding: 70px 3px 20px 3px;
						}







.content			{padding: 150px 20px 20px 10px; width:auto; 
	}




#footer				{margin: 0px auto;
					text-align:center;
					height: 250px;
					background: #353534  url(images/bg_footer.jpg);
					}

.footer_content		{width: auto;
					margin: 0px auto;
					padding: 3%;
					text-align:right}
	
.footer_content p	{font-size:13px; text-align:center; color:#CCC; clear: both;}	


.socials p			{text-align:center; }

.instagram			{display: none}

		
.reg				{font-size: 70px; text-shadow: 6px 6px 0px rgba(0,0,0,0.2);}

h2					{line-height: 58px}				


/* PHOTOS  */

#gallery			{margin-left: 28px; }


.lastimage			{margin: 0px auto}

}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 

{


#wrap_full			{margin: 0px auto;
					height: 1020px;
					border-bottom: 5px solid #aebf5c;
					background: url(images/bg_image_mobile.jpg) no-repeat center center fixed;
					}


	
	
#wrap				{margin: 0px auto;
					width: 95%;
					height: 1050px;
				}
				
.footer_content		{width: 95%;
					margin: 0px auto;
					padding: 2%;
					text-align:right}

.instagram			{float: left; text-align:left; padding: 2px;}
			
.footer_content p	{font-size:10px; color:#CCC; line-height: 15px;}	

				
}