body {
	margin: 0;
}

.pushmenu {
	background: #3c3933;
	font-family: Arial, Helvetica, sans-serif;
	position: fixed;
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.pushmenu h3 {
	color: #ffff00;
	font-size: 22px;
	font-weight: bold;
	padding: 15px 20px;
	margin: 0;
	background: #3c3933;	
	height: 16px;
}

.pushmenu a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #57544e;
	border-bottom: 1px solid #312e2a;
	padding: 14px;
}

.pushmenu a:hover {
	background:258ecd;	
}

.pushmenu a:active {
	background: #454f5c;
	color: #fff;	
}

.pushmenu-left {
	left: -240px;	
}

.pushmenu-left.pushmenu-open {
	left: 0px;	
}

.pushmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;	
}

.pushmenu-push-toright {
	left: 240px;	
}

/*Transition*/
.pushmenu, .pushmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

#nav_list {
	background: url(icon_nav.png) no-repeat left top;
	cursor: pointer;
	height: 27px;
	width: 33px;
	text-indent: -99999em;	
}

#nav_list.active {
	background-position: -33px top;	
}

.buttonset {
	background: linear-gradient(center top , #6b85b3, #334d86);
	background:-moz-linear-gradient(center top , #6b85b3, #334d86);
    background: -webkit-gradient(linear, center top, center bottom, from(#6b85b3), to(#334d86));
	height: 16px;
	padding: 10px 20px 20px;
	
	background: linear-gradient(center top , #3c3933, #3c3933);
	background:-moz-linear-gradient(center top , #3c3933, #3c3933);
    background: -webkit-gradient(linear, center top, center bottom, from(#3c3933), to(#334d86));
}

section.content {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 20px;	
}