/* html5 fix for older browsers */
header, footer, nav, main, article, aside { display: block;  }



/***************** MAKE IMAGES FLEXIBLE */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


/* -------------------- MAIN LAYOUT */


body {

margin:0;
	color:#000;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	line-height:1em;
	letter-spacing:0em;
	font-size:1em;
}

#wrapper { width:100%; 
	
	}
	
header { width:auto;

		background:#000;
		font-family:Verdana, Geneva, sans-serif;
		color:#FFF;
		letter-spacing:.5em;
		font-size:1.1em;
		font-weight:normal;
		padding:5% 5%;}

#logo { 
}

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


nav {
	float:left;
	width:20%;
	min-width:100px;
	padding:2% 2% 2% 5%;
	letter-spacing:.1em;
	line-height:2em;
	font-size:1em;
	
} 


nav ul { padding:0;
	margin:0;
	list-style:none;
	color:#000000;
	
	}
	
nav ul li { padding:0;
	margin:1em 0;
	background:#eeeeee;
	
	color:000;
	
}
	nav ul li.icon { padding:0;
	margin:1em 0;
	background:#fff;
	
	color:000;
	
}
	
	
	
	
nav ul li a {  
	padding:7%;
	display:block;
	color:#000;
	}
	
	nav ul li:hover  { 
	color:000;
	background:#CCC;
	
	}
	

	
	

nav ul li a.selected {  
	
	color:#fff;
	background:#000;
	}
	
main { width:70%;
	   padding:2%;
	   margin:0 0 0 20%;
	   line-height:1.5em;
}

main a { text-decoration:underline; color:#000;}