html, body { 
	height: 100%;
	}
	
body { 
	margin: 0;
	padding: 0;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
	text-align: center;
	background: #000000 url(../images/temp-bg.jpg) top center no-repeat;
	}

	
#wrapper { 
    position: relative;
    padding: 0;
    margin: 0 0 0px 0px;
    min-height: 100%;
    background: none;
    behavior: url(/_scripts/iepngfix.htc);
    display: block;
    }		
	
	*html #wrapper { height: expression('100%'); }



.container { 
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position: relative;
	}

.clear { 
	clear: both; 
	}




/* - TOP SECTION - */
	
	

#topSection {
	}

	#topSection .container {
	}

		
		



/* MID SECTION */


#midSection {
	padding: 240px 0 0 0px;
	}
	
	#midSection .container {
		}
	


#midSection div.container div.youtube {
	float: left;
	padding: 0px 20px 0 190px;
}

#midSection div.container div.contact {
	float: left;
}

#midSection div.container div.contact a img.youtube-channel {
	padding: 10px 0 0 30px;
}	







#midSection #leftNav {
	width: 180px;
	margin: 0 0 0 10px;
}

	#midSection #leftNav ul {
		width: 180px;
		list-style-type: none;
		margin: 0 0 0 0px;
		padding: 0 0 0 0px;
		}
		
	#midSection #leftNav ul li {
		height: 22px;
		width: 170px;
		line-height: 22px;
		border-top: solid 1px #d1d1d1;
		font-size: 12px;
		font-weight: bold;
		padding: 0px;
		background: none;	
		}	

	#midSection #leftNav ul li a{
		text-decoration: none;
		color: #342f25;
		display: block;
		height: 22px;
		padding: 0 0 0 10px;
		font-weight: bold;
		}

	#midSection #leftNav ul li a:hover {
		background: #e4e4e4;
		}

	#midSection #leftNav ul li.last a{
		border-bottom: solid 1px #d1d1d1;
		}

	#midSection #leftNav ul li.color a{
		color: #ee7c29;
		}




/* BOTTOM SECTION */
	

#botSection {
	height: 20px;
	margin: 14px 0px 0px 0px;
	background: #000000 url(../images/footer-bg.jpg) top center no-repeat;
	padding: 0px 0 0 0px;
	}
	
	#botSection .container {
		}
		
		



/* GENERAL STYLES */


h1 {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 16px 0px;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #fff;
}



p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

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

a.arrow {
	background: url(../images/common/icon-arrow-orange.gif) no-repeat 0px 3px;
	padding-left: 7px;
	margin-right: 5px;
	display: inline;
	text-decoration: none; 
	}


a:hover {
	color: #969088;
}


ul {
	margin: 0 0 0 0px;
	padding: 0px 0 0 0px;
	list-style-type: none;
}		

ul li {
	margin: 0px;
	padding: 1px 0 1px 14px;
	background: url(../images/common/icon-bullet.gif) no-repeat 0px 7px;
}
		
img { behavior: url(/_scripts/iepngfix.htc); border: none; }