#colorscheme {
	width: 150px; 
}
#colorscheme span{
	width: 30px; 
}
#colorscheme #color1{
	background: #5538bb;
}
#colorscheme #color2{
	background: #6ED39F;
}
#colorscheme #color3{
	background: #c05c8b;
}
#colorscheme #color4{
	background: #ffeab8;
}
#colorscheme #color5{
	background: #1a1137;
}

html {
	font-family: 'Nunito', sans-serif;
}
body {
	color: #1a1137;
	background: #fff;
}
body .left {
	float: left;
}
body .right {
	float: right;
}
body .clear {
	clear: both;
}
body .box {
	box-shadow: 0 2px 0px 0px #ffeab8;
}
body a:link {
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	color: #5538bb;
	text-decoration: none;
}

body a:visited {
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	color: #c05c8b;
	text-decoration: none;
}
body a:hover {
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	color: #6ED39F;
	text-decoration: none;
}
body i.arrow-down{
	width: 5px;
	height: 5px;
	cursor: pointer;
	border: solid #1a1137;
	border-width: 0 3px 3px 0;
	display: inline-block;
	transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform:	rotate(45deg);
	-webkit-transform: rotate(45deg);
    

}
body i.arrow-right {
	width: 5px;
	height: 5px;
	cursor: pointer;
	border: solid #1a1137;
	border-width: 0 3px 3px 0;
	display: inline-block;
	transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform:	rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

header#main_header {
	padding: 15px 15px 0 15px;
	color: #6ED39F;
}

header#main_header section.titlecontainer {
	text-align: left;
}
header#main_header section.titlecontainer img.logo{
	float: left;
	margin: 1px 15px 1px 1px;
}

header#main_header section.titlecontainer h1 {
	display: block;
	line-height: 50px;
	font-weight: bold;
	font-size: 35px;
}
header#main_header section.titlecontainer h1 a:link{
	text-decoration: none;
	color: #6ED39F;
}
header#main_header section.titlecontainer h1 a:visited{
	text-decoration: none;
	color: #6ED39F;
}
header#main_header section.titlecontainer h1 a:hover{
	text-decoration: none;
	color: #6ED39F;
}
nav#main_nav {
	display: block;
	padding: 15px;

}
nav#main_nav ul {
	display: inline-block;
	max-width: 700px;
}

nav#main_nav ul li{
	padding: 5px 15px;
	border-bottom: 10px solid #6ED39F;
}
nav#main_nav ul li:after{
	clear: both;
}


nav#main_nav ul li a:link{
	text-decoration:none;
}

nav#main_nav ul li a:visited {
	color: #5538bb;
}
nav#main_nav ul li a:hover {
	color: #6ED39F;
}


/*#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#*/

nav#page_nav {
	display: block;
}

nav#page_nav ul {
	padding: 5px 15px;
	display: inline-block;
}

nav#page_nav ul li {
	text-align: center;
	width:55px;
}
nav#page_nav ul li a:link{
	-webkit-transition: background-color 1s ease,
						color 1s ease;
    -moz-transition: background-color 1s ease,
					 color 1s ease;
    -o-transition: background-color 1s ease,
				   color 1s ease;
    transition: background-color 1s ease,
				color 1s ease;
	display:block;
	height: 100%;
	padding: 5px 0;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #6ED39F;
}
nav#page_nav ul li a:visited{
	color: #6ED39F;
}
nav#page_nav ul li a:hover{
		background-color: #6ED39F;
		color: #c05c8b;
}
nav#page_nav ul li:after{
	clear:both
}
/*#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-*/



footer#main_footer {
	clear: both;
	height: 10%;
	background: #000;
	color: #fff;
}