body {
	margin:0;
	padding:0;
	font-family: Sans-Serif;
	line-height: 1.5em;
}

header {
	padding: 0px;
	background-color: #ccc;
}

header h1 {
	margin: 0;
	padding: 3px;
	padding-top: 15px;
	float:right;
}

main {
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	float: left;
	width: 100%;
	height: 100%;
}

footer {
	clear: left;
	width: 100%;
	background-color: #ccc;
	text-align: center;
	padding: 4px 0;
}

#wrapper {
	overflow: hidden;
}
			
#content {
	
}

.innertube {
	margin: 15px; 
	margin-top: 0;
}

p {
	color: #555;
}


header img {
	cursor: pointer;
	float: left;
	padding: 13px;
}


header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

header li {
    float: right;
	line-height: 90px;
}

header li.logo {
    float: left;
}

header li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


header li a:hover {
    background-color: #111;
}

header .active {
    background-color: #4CAF50;
}

h3 {
	color: red;
}

.box {
	width:25%; 
	float:left;
}

.box3 {
	width:30%; 
	float:left;
	padding: 3px;
	margin: 3px;
}

.box3 img {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}