/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #666666; font-family: Arial, helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000; font-weight: bold; text-transform: uppercase;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
 
 body {
	margin-top: -55px;
}
	
/* Structure */
#wrapper {
	width: 96%;	
	max-width: 920px;
	margin: auto;
	padding: 0 2% 0 2%;
	display: block;
	} 

	#main {
		width: 60%;
		margin-right: 5%;
		float: left;
		}		
		
	aside {
		width: 35%;
		float: right;
		}

/* Nav */
header nav {
	float: right;
	margin-top: 40px; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}

/* Banner */			
#banner {
	float: left;
	/*margin-bottom: 15px;*/
	width: 100%;
	text-align: center;
	overflow: hidden;
	}

	#banner img {
		width: 100%;
		}

/* Footer */			
.footer {
	margin-bottom: 15px;
	/*position: relative;
	height: 2em;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;*/
	text-align: center;
	font-size: 0.9em;
}
.footer a {
	text-transform: capitalize !important;
	}

	#eyesdiv{
			display: block;
	}
	
	.bkWE{
		display: block;
	}
	.bkWOE{
		display: none;
	}

	/*#banner img{
		display: block;
	}
	#banner {
		display: block;
	}*/
	
/* Media Queries */
@media screen and (max-width: 480px) {
	.footer {
	position: absolute;
	height: 2em;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	margin-bottom: 0px;
	font-size: 0.6em;
	}
}
@media screen and (max-width: 960px) {
	#eyesdiv1, #eyesdiv2{
			display: none;
	}
	.bkWE{
		display: none;
	}
	.bkWOE{
		display: block;
	}
	body {
	margin-top: 0px;
	}
}
	
/* Media Queries */
@media screen and (max-width: 480px) {
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
	header nav li {
		margin: 0;
		background: #efefef;
		display: block;
		margin-bottom: 3px;
		}
	header nav a {
		display: block;
		padding: 10px;
		text-align: center;
		}
	#banner img {
		position: relative;
		width: 125%;
		right: 12%;
		}
}