@charset "UTF-8";
/* CSS Document */

.nav-container {
	width: 200px;
	overflow: hidden;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
	border: 5px solid rgba(255,255,255,0.6);
	margin:.5em .5em 0 .5em;
}

.nav-container ul {
    padding-top: 2em;
	text-align:center;	
}

.nav-container ul li {
	list-style:none;
	margin-left: -19px;
	padding-bottom: 2em;
}	

.nav-container ul li a {
	display:block;
	height:34px;
	width:85%;
	font-weight:bold;
	line-height:34px;
	text-decoration:none;
	letter-spacing: 2px;
	color:#FFF;
	background:url(../images/nav-bg.png) no-repeat;
	background-position: 0px 0px;
}
 .nav-container ul li a:hover {
	background:url(../images/nav-bg.png) no-repeat;
	background-position: 0px -34px;
 }
 
 .text-container {
	 left: 220px;
	 width:540px;
	 border-top: #000 thin solid;
	 padding-top: .5em;
	line-height: 180%;
	font-size:16px;	
	font-family: Cambria, Georgia, serif;
	letter-spacing: 1.25%;
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	padding-left: 3px;
	margin-right: .5em;
	float:right;
 }
 
 .img-container img {
	border:#FFF solid 5px; 
	width:640px;
	margin:.5em 0 0 .5em;
 }
 
 .text-container p {
	 text-indent: 2em;
	 text-align:justify;
 }
 
 .text-container a {
	 font-family:Arial, Helvetica, sans-serif;
	 text-decoration:underline;
	 font-style:normal;
	 color:#06F;
 }
 
 
 



@media screen and (max-width: 720px) {
    .nav-container { 
		width: 180px;
	}
	
    .nav-container img {
		width:180px;
	}
	.text-container {
		left:190px;
		width: 500px;
		font-size:12px;;
	}
	.img-container img {
		width:640px;
		border:#FFF solid 3px;
	}
	
}

@media screen and (max-width: 640px) {
	
    .nav-container { 
		width: 160px; 
	}
	
	.nav-container img {
		width:160px;
	}
	
	.text-container {
		left:165px;
		width: 440px;
		font-size:10px;
	}
	
	.img-container img {
		width:480px;
		border:#FFF solid 3px;
	}

}

@media screen and (max-width: 540px) {
	
    .nav-container { 
		width: 140px; 
	}
	
	.nav-container img {
		width:140px;
	}
	
	.text-container {
		left:150px;
		width: 360px;
		font-size:10px;
	}
	
	.img-container img {
		width:480px;
		border:#FFF solid 3px;
	}

}