* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	background: #ededed;
	font-family: 'Source Sans Pro', sans-serif;
}
.controller {
	width: 17%;
	float: left;
}
.logo {
	background: #dbe200;
	float: left;
	width: 100%;
	padding-top: 12px;
}
.logo img {
	display: block;
	width: 50%;
	margin: auto
}
.column {
	width: 100%;
	float: left;
	padding-bottom: 100px;
	background: #333333;
	list-style-type: none;
}
.portlet {
	padding: 0.3em;
	text-align: center;
	border: none;
}
.portlet-header {
	background: none;
	border: none;
	cursor: pointer;
	text-decoration: none;
	color: #ffffff !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 22px;
}
.portlet-header span {
	display: block;
	font-weight: 400;
	font-size: 15px;
}
.portlet-toggle {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
}
.portlet-placeholder {
	border: 1px dotted black;
	margin: 0 1em 1em 0;
	height: 50px;
}
.theme1 {
	background: #4d6822;
}
.theme2 {
	background: #24490f;
}
.theme3 {
	background: #b1c8a5;
}
.theme4 {
	background: #9e9e9e;
}
.theme5 {
	background: #6a815e;
}

.content {
	width: 81%;
	background: none;
	height: 700px;
	padding: 0 1%;
}

/* Pre-Animation Manipulations
ul.nav {
	width: 1px;
	margin-left: 50%;
	height: 100%;
}
ul.nav li {
	display: none;
}
 */