@charset "UTF-8";
/* CSS Document */
			
		/*######## MAIN BODY LAYOUT ELEMENTS #######*/
			
		
		body{

			font-family:	'NoobishH2', Helvetica, sans-serif;
			font-style:		normal;
			line-height:	normal;
			font-size:		1em;
			background:		#333 url(../../index-img/bg.jpg);
			margin:			0 auto;
		}

		#container{
			width:		100%;
			margin:		0 auto;
			overflow:	hidden;
			
		}
		
		header{
			width:		100%;
			z-index:	1;
			
		}
		
		#main{
			position: relative;
			z-index: 3;
			width:		100%;
			height:		40%;
			margin-bottom: 70px;

			
			
		}
		
		footer{
			position:	relative;
			//bottom:		0;
			width: 100%;
			clear:			both;
			text-align:		center;
			font-size:		.7em;
			background:		transparent url(../../index-img/footer-bg.png) no-repeat top;
			z-index: 6;
			

		}

		
		
		/*######## "A" AND NAV ELEMENTS #######*/
		
		nav{
			
			width: 100%;
			clear:both;

			
		}
		
		nav ul{
			width: 70%;
			margin:0 auto;
		}
		
		nav ul li{
			display:		block;
			float:			left;
			width:			15%;
			text-align:		center;
			font-size:		1.05em;
			text-transform:	uppercase;
			margin:		-20px 2% 0 2%;
			

		}


		nav li span{
			
			//padding:			.7em 0 .2em 0;			
			padding-top:		140px;
			cursor: pointer;


		}
		
		nav ul li a, nav ul li a:visited{
			color:				white;
			font:				1em ThinnyLight, Helvetica, Arial, sans-serif;
			text-decoration:	none;
			
			
		}
		
	
	

		
		/*######## TEXT ELEMENTS #######*/
		
		header h1{

			font-size:		.7em;
			color:			#ccc;
			text-transform:	uppercase;
			text-align:		center;
			overflow:		hidden;
			height:			435px;
			margin-bottom: 50px;
			background:		url(../../index-img/80-logo.png) no-repeat center bottom;

		}

		header h1 span, nav li span{
			height:		100%;
			width:		100%;
			display:	block;

		}
		
		footer p{
			padding: 0 0 50px 0;
			color: white;
		}	
		
		footer span.here{
			border:			1px #999 solid;
			background:		#666;
			color:			white;
			padding:		5px;
			margin-right: 	10px;	
			font:			.9em ThinnyLight, Helvetica, Arial, sans-serif;
			text-transform:	uppercase;
		}
		
		footer #breadcrumb{
			display: none;
		}
		
		ul.sub h3{
			font:			normal .8em 'SansSerifMedium', Helvetica, Georgia;
			text-transform:	uppercase;
			text-align:		center;
			
		}	
		
		
		
		
		/*######## SPECIAL NAV ELEMENTS #######*/
		
			/*# PRINT #*/		
	
		#print{
			background:	url(../../index-img/icon-print.png) no-repeat center top;
			margin-left: 0px;	
		}
		
			/*# INFO #*/		
		
		#info{
			background:	url(../../index-img/icon-info.png) no-repeat center top;
		}
		
			/*# WEB #*/		
	
		#web{
			background:		url(../../index-img/icon-web.png) no-repeat center top;
		
		}

			/*# STUDENTS #*/
			
		#students{
			background:		url(../../index-img/icon-students.png) no-repeat center top;
		
		}
		
		/*# WORKSHOP #*/		
				
		#workshop{
			background:		url(../../index-img/icon-workshop.png) no-repeat center top;
			margin-left: 0;
			margin-right:0;
		}
		
		
		/*####### BUBBLE ###########*/
		
		#bbl{
			background: url(../../index-img/thot-bbl.png) no-repeat center;
			width: 187px;
			/*height: 130px;*/
			padding:45px 0 55px 0;
			text-align: center;
			position: absolute;
			z-index: 2;
			display: none;
		}
		
		/*####### CLOSE ###########*/
		
		#close{
			width: 30px;			
			position: absolute;
			z-index: 6;
			display: none;
		}
		
		
		
	
		
		
		
		/*##################*/
		
		
		/*####### SLIDER, YOU STINK ###########*/
		 section#contentarea{
			clear: both;
			position: relative;
			left:		0;
			background: url(../../index-img/section-bg.png);
			z-index: 	5;
			width: 		100%;
			display: none;
			overflow-y: auto;
			overflow-x: hidden;
			z-index: 1;
		}
		
		
		.cap{ position: absolute; left:0;margin-top: -60px;width: 100%; z-index: 2;}
		.subcontent .bottom-cap{
			margin-bottom: -70px;
			//display: block;
			clear: both;
			width: 100%;
			position: relative;
			z-index: 4;
		}
		
		
		footer .bottom-cap{
			margin-top: -50px;
			width: 100%;
			position: relative;
			z-index: 3;

		}
		
		section.subcontent{
			clear: both;
			display: block;
			background: url(../../index-img/section-bg.png);
			width: 		100%;
			margin: 250px 0;
			position: relative;
			z-index: 3;

		}
		

		section.subcontent hgroup, #contentarea hgroup{
		
			text-align: center;
			margin-top: 80px;
		
		}
		
		section.subcontent hgroup{

			padding-top: 100px;
		
		}
		
		section.subcontent hgroup h1, #contentarea hgroup h1{
		
			color: white;
			font: 3em "ThinnyLight", Helvetica, Arial, sans-serif;
			text-shadow: 0px 0px 5px black
		
		}
		
		section.subcontent hgroup h2, #contentarea hgroup h2{
		
			color: #666;
			font-weight: normal;
			font-size: .75em;
			margin: 0 0 2% 0;
		
		}
		section.subcontent ul, section#contentarea ul{
			list-style: none;
			width: 70%;
			margin:0 auto;
		
		}
		
		
		section.subcontent ul li, section#contentarea ul li{
			list-style: none;
			float: left;
			width: 35%;
			margin: 2% 6%;
			color: #666;
			text-decoration: none;
			font: .75em "ThinnyLight", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
		
		}
		
		section.subcontent ul a, section#contentarea ul a{
			color: #666;
			text-decoration: none;

			
		}
		
		section.subcontent ul em, section#contentarea ul em{
			font-family: Garamond, Times, "Times New Roman", serif;
			font-style: italic;
			text-transform: none;

			
		}
		
		section.subcontent ul li img, section#contentarea ul li img{
			float: left;
			margin-right: 2%;
		
		}
		
		section.subcontent ul li strong, section#contentarea ul li strong{
			display: block;
			margin-top: 5%;
			font-size: 1.2em;
			line-height: 1.2em;
			color: white;
			
		
		}
		
		#insert{
			background: url(../../index-img/90-trans.png);
			position: absolute;
			left: 100%;
			top:0;
			z-index: 1;	
			overflow: hidden;
			
		}