/* 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; padding: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111; text-align: center;}	
img { border-radius: 12px; box-shadow: 0 0 0 7pt #00faff; font-weight: bold; text-transform: uppercase;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em; text-align: center;}
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;
}
/* Structure */
#wrap {
width: 96%;	
max-width: 920px;
margin: auto;
padding 1%;
} 
#main {
margin: auto;
background-color: #C8C8C8;
border-radius: 12px; box-shadow: 0 0 0 7pt #33c90c;
}
footer {
float: left;
clear:left;
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
height:auto;
text-align: center;
border-top: 3px solid #da000e;
padding-top:1%;
}
/* Logo H1 */
header h1 {
background: url(/images/logo1.png) 0 0  no-repeat;
height: 60px;
width: 160px;
display: block;
text-indent: -9999px;
}		
/* Nav */
header nav {
float: right;
margin-top: 30px; 
}
header nav li {
margin-left: 15px;
display: inline;
}
#goTo {
display: none;
}
#goTo li {
text-align: center;
background: #C8C8C8;
border-radius: 12px;
box-shadow: 0 0 0 7pt #f4f410;
}
/* Banner */			
#picture {
float: left;
margin-bottom: 15px;
width: 100%;
}
#picture img {
width: 100%;
}
/* Media Queries */
@media screen and (max-width: 480px) {
#goTo {
display: block;
}
header nav, #main {

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;
}                         
}