/* -------- defaults */
*
{
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	transition:
	position 0.2s ease-in-out 0s,
	visibility 0.2s ease-in-out 0s,
	opacity 0.2s ease-in-out 0s,
	top 0.2s ease-in-out 0s,
	right 0.2s ease-in-out 0s,
	bottom 0.2s ease-in-out 0s,
	left 0.2s ease-in-out 0s,
	width 0.2s ease-in-out 0s,
	max-width 0.2s ease-in-out 0s,
	min-width 0.2s ease-in-out 0s,
	height 0.2s ease-in-out 0s,
	max-height 0.2s ease-in-out 0s,
	min-height 0.2s ease-in-out 0s,
	margin 0.2s ease-in-out 0s,
	padding 0.2s ease-in-out 0s,
	color 0.2s ease-in-out 0s,
	background 0.2s ease-in-out 0s,
	background-color 0.2s ease-in-out 0s,
	background-image 0.2s ease-in-out 0s,
	background-position 0.2s ease-in-out 0s,
	background-size 0.2s ease-in-out 0s,
	border 0.2s ease-in-out 0s,
	border-color 0.2s ease-in-out 0s,
	border-radius 0.2s ease-in-out 0s,
	box-shadow 0.2s ease-in-out 0s,
	text-shadow 0.2s ease-in-out 0s,
	transform 0.2s ease-in-out 0s!important;
}

/* -------- fonts */
/* font-family: "Rokkitt", serif; */
/* font-family: Helvetica, Arial, sans-serif; */

/* -------- colors */
/* - rgba(102,102,102,1) - #666666 - dark gray text */
/* --- rgba(164,188,0,1) - #a4bc00 - green */
/* -- rgba(111,42,142,1) - #6f2a8e - purple */
/* - rgba(177,150,198,1) - #b196c6 - medium purple */
/* - rgba(238,230,245,1) - #eee6f5 - light purple */
/* - rgba(246,242,250,1) - #f6f2fa - lightest purple */

body, html {position: relative; width: 100%; height: auto; min-height: 100vh; margin: 0; padding: 0; background-color: rgba(255,255,255,0);}
body {font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: rgba(102,102,102,1);}

/* main wrappers */
div#mainWrapper {position: relative; width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0;}
div.full_width {position: relative; width: 100%; height: auto; margin: 0; padding: 0;}
div.main_width {position: relative; width: 840px; height: auto; margin: 0 auto; padding: 0;}

div#mainWrapper div#contentWrapper {}
div#mainWrapper div#contentWrapper div#content {padding: 0 0 30px 0;}

/* -------- responsive media queries */
@media only screen and (max-width: 1280px){}
@media only screen and (max-width: 1024px)
{
	div.main_width {width: 100%;}
}
@media only screen and (max-width: 768px){}
@media only screen and (max-width: 480px){}
@media only screen and (max-width: 320px){}