/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/


/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

body {
	padding-top: 0px;
	
}



a.menu, a.menuact{
	  color: #444;
	  display: inline-block;
	  font-size: 16px;
	  font-weight: bold;
	  text-decoration: none;

	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 21px;
	  font-family: "Futura",  Helvetica, Arial, sans-serif; }
	  
a.menuact{
	  color: #000000;}
	
a.menu:hover{
	  color: #4d8000;	  }

#theText {
	margin-top: 60px;
}

#theHead {
	background: #8cff01;
	width: 100%;
	bottom: 0;
	left: 0;
	top: 0;
	text-align: center;
	height: 3px;
	position: fixed;
	display: block;
	z-index: 100;
}
#theFootFix {
	background: #8cff01;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	height: 14px;
	position: fixed;
	display: block;
	z-index: 100;
	zoom: 1;
	filter: alpha(opacity=55);
	opacity: 0.55;	
	z-index: 1;	
}

#theFoot {
	background: #ffffff;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	display: block;
	z-index: 101;
	
}

#theFootLeft {
	text-align: right;
	width: 460px; 
	display: inline; 
	
}
#theFootRight {
	text-align: left;
	width: 460px;
	display: inline; 
	
}




#bigphoto img { 
	max-width: 100%;
	height: auto;

}




/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	
		body {
			/* background-color: #eeffcc; */
	}
	
		#theText {
			margin-top: 20px;
		}
		
		#logo img { 
			width:  360px;
			height: 146px;
		}	
		
		#theText h2 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
		
		#theFootRight img {
			width: 370px;
			height: 62px;
		}
		#theFootLeft  img {
			width: 370px;
			height: 62px;		
		}		
	}
	
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		/* background-color: #ff0000; */
	}

		#bigphoto img { 
			width:  262px;
			height: 250px;
			float: right;
		}		
	
		#logo img { 
			width:  300px;
			height: 113px;
		}	
		
		#theText h2 { font-size: 24px; line-height: 30px; margin-bottom: 6px; }		

		#theFootRight img {
			width: 570px;
			height: 62px;
		}
		#theFootLeft  img {
			width: 570px;
			height: 62px;		
		}			
		
	}
	
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
	
	body {
		/* background-color: #773377; */
	}
		
		#theText {
			margin-top: 10px;
		}
		
		#bigphoto img { 
			width:  208px;
			height: 200px;
			float: right;
		}	
		#logo img { 
			width:  200px;
			height: 82px;
		}	
		
		
		#theText h2 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }		
		
		
		
		#theFootRight {
			text-align: right;
			}

				
		#theFootRight img {
			width: 300px;
			height: 50px;
		}
		#theFootLeft  img {
			width: 300px;
			height: 50px;		
		}


#nav ul li {
	float: left;
	margin-right: 0px;
	line-height: 50px;
}



	}	
	

	
	}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets 
		
	@font-face {
	    font-family: "Orator15";
	     src: url('fonts/Orator15.eot'); 

	    src: url('fonts/Orator15.eot?iefix') format('eot'),
	         url('fonts/Orator15.woff') format('woff'),
	         url('fonts/Orator15.ttf') format('truetype'),
	         url('fonts/Orator15.svg#webfontZam02nTh') format('svg');		 
			 
	    font-weight: normal;
	    font-style: normal; }
		
*/