body
{
margin:0;
padding:0;
font-family:Arial;
}

#wrap
{
width:80%;
margin:0 auto;
}

#nav {
position:fixed;
float: left;
width: 15%;
height: 100%;
padding: 0;
margin: 0;
text-align:left;
background:#ee9966;
}
#nav ul {
list-style:none;
margin:0;
padding:0;
}
#nav ul li {
display:block;
margin:0;
padding:0;
}
#nav li a {
text-decoration: none;
color: black;
display:block;
padding: 10% 5%;
}
#nav li a:hover {
text-decoration: none;
color: white;
display:block;
background-color:blue;
padding: 10% 5%;
}
#nav #line {visibility:hidden;}

#banner
{
width:100%;
height:100%;
background:#dd8306;
}

#gal
{
height:100%;
background:#ccc;
}

#footer
{
height:20%;
background:#000;
}

@media screen and (max-width: 600px)
	{

#wrap
{
width:100%;
}
#nav #line {visibility:visible;}
#nav {width:100px;}
	}