/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }

/*html { overflow-y: scroll; }*/


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

/* Specific to example two */
#about {margin: 0 auto;}
#about .list-wrap {
	background: #f3f3f3;
	/*background: rgba(48,48,48,0.9);*/	
	margin-top: -1px; 
	padding: 0.5% 0.5% 1.5% 0.5%;
	color: #6a6a6a; line-height: 1.35em;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;		
	z-index: 9 !important;
	}
#start {
	margin-top: 1.5% !important;	
	}	
.list-wrap div {
	margin-bottom: 11% !important;	
	}
	
.list-wrap img.dropShadow {
	float: left;
	margin: 0 1.5% 1.5% 0; padding: 0;
	border: 1px solid #666;
	-moz-box-shadow: 2px 2px 9px #666; /* horizontal, vertical, blur, color */
	-webkit-box-shadow: 2px 2px 9px #666;
	box-shadow: 2px 2px 9px #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;		
	}	
	
#MLT-A3 ul.notes span.extraNote {display: inline-block !important;}
#MLT-A3 ul.notes a:hover {
	background-color: inherit;
	color: #fff; text-decoration: underline;	
	}
	

#about ul {list-style: none;}

/*#about ul li a {padding: 0.35%; color: #fff;}
#about ul li a:hover { background: #333;}
#about ul li:last-child a {border: none;}*/

#about .nav {
	margin-top: 0.25%;
	overflow: hidden;
	margin-bottom: -1px;	
	z-index: 19 !important;	
	}
#about .nav li {
	float: left; display: inline-block;
	overflow: visible; 
	margin: 0; padding: 0;
	margin-right: 0.5%;
	}

#about .nav li a {
	/*background: rgba(48,48,48,0.9);*/
	background-color: #fff;
	z-index: 9999 !important;
	} 
#about .nav li a:link, 
#about .nav li a:visited {
	display: block; 
	padding: 5px 10px; 
	background: #f3f3f3;
	color: #666; font-size: 1.25em; 
	text-align: center;
	border-left: 1px solid #a9a9a9; 
	border-top: 1px solid #a9a9a9; 	
	border-right: 1px solid #a9a9a9; 	
	border-bottom: 1px solid #fff; 	
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border-bottom: 0;	
	}

#about .nav li a:hover,
#about .nav li a.current, 
#about .nav li a.current:hover {
	background-color: #a5bb83; color: #000;
	}
#about .nav li a.current, 	
#about .nav li a:focus { 
	background-color: #bed59d; color: #444;	
	}

#about .nav a { text-decoration: none; }
#about .nav a:focus { outline: 0; }

/************************/	
/** MOBILE RULES **/
/** Portrait and Landscape **/
/************************/	
@media only screen and (max-width : 756px) {
	/* GLOBAL MOBILE RULES */
	#about .nav li {margin: 0 0.25%; padding: 0.5%;}
	#about .nav a {font-size: 0.9em !important;}
	#start, #MLT-A1, #MLT-A2, #MLT-A3, #MLT-A4, #MLT-A5, #MLT-A6 {
		display: block; width: 90%; margin: 2% auto; padding: 0 0 2% 0; border: 0px solid #ddd;	
		}
	#MLT-A4 a.inlineLink {
		font-size: 1.25em;	
		}
		
#about .list-wrap {margin-top: -4px;} /* MOVE BODY UP TO TABS TO COVER GAPS */

	
	/* VERTICAL */
	@media only screen and (orientation: portrait) {
	
		}
	/* HORIZONTAL */		
	@media only screen and (orientation: landscape) {	

		}
	
	}