body {margin:0}
a {
  color: inherit;
  text-decoration: inherit; 
}

pre {
  		color: #00b8be;
  		font-family: Courier, Arial, Verdana, sans-serif;
  		font-weight: bold;
  		font-size: 19px;
  	}
  	
.inline-code 
{
	color: #00b8be;
	font-family: Courier, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 19px;
}

.no-select {user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none;}
.no-hand {cursor: default}

.top-menu 
{
	background: black; 
	position: absolute; 
	width: 100%; height: 60px; 
	text-align: center;
}

.top-menu-static {position: static;}
.top-menu-fixed {position: fixed; z-index: 1;}  

.top-menu-item
{
	width: auto; 
	height: 40px; 
	margin-left: 23px; 
	margin-right: 23px; 
	text-align: center;
	display: inline-block;
	padding-top: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #83C455;
	/*color: #76a358;	*/
}

.top-menu-item:hover
{
	color: #415931;
	cursor: default
}

.top-menu-item-highlighted
{
	/*color: #e1fecd*/
	color: white
}

.top-menu-item-highlighted:hover
{
	color: white
}

.top-menu-space {width: 46px; display: inline-block;}

.footer 
{
	background: black;	
	width: 100%; height: 30px; 
	text-align: center;
	overflow: hidden
}

.footer-abs {position: absolute; bottom: 0}

.footer-item {height:25px; width:auto; margin-top:2px; margin-left:15px; margin-right:15px;}
.footer-item:hover
{
	opacity: 0.7
}

#logo {position:absolute; left:12px; top:17px; opacity:0.7}
#logo:hover {opacity:1}
#buy, #buy-title {position:absolute; right: 12px; top:12px; opacity:1}
#buy:hover {opacity:0.5 !important;}
/*#buy {position:absolute; right: 18px; top:14px; opacity:0.7}
#buy:hover {opacity:1}*/

.blue {color:#00cce5;}
/*.pale-blue {color:rgb(111,169,207);}*/
.pale-blue {color:rgb(120,163,198);}
.sea-blue {color:#00b1e4;} /*{color:#0082b6;}*/
.light-green {color:rgb(141,210,108);}
.grass-green {color:#46bc0f;}
.orange {color:rgb(255,170,0);}
.marine {color:#00b8be;}
.wood {color:#dea96c;}

.black-separator {background:black; width:100%; height:2px}
.info-container {width:1000px; padding-left:20px; padding-right:20px; height:auto; left:0; right:0; margin-left:auto; margin-right:auto; margin-bottom:60px;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.global-title {font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; margin-top: 30px;}
.sub-title {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; margin-top: 30px; color: #444444;}
.sub-sub-title {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; font-style: italic; margin-top: 20px; color: #aab0bb;}
.setting-title {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; margin-top: 15px; color: #444444;}
.main-text {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; margin-top: 15px; color: #666666;}
.intro-text {margin-top: 30px;}
.setting-description {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; margin-top: 0; color: #666666;}
.setting-values {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; font-style: italic; margin-top: 0; color: #59a834;}
.hyperlink {font-weight: normal; color: #83C455;}
.full-width {width: 100%}
.bold-italic {font-weight: bold; font-style: italic;}

.fit-in-window-with-menu-container {position: absolute; width: 100%; height: 100%; padding-top: 60px; padding-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.fit-in-container {position: relative; width: 100%; height: 100%;}
.fit-in-window {background: white; position: fixed; width: 100%; height: 100%;}
.full-width-header {background: white; width: 100%; height: 400px;}
.fixed-size {background: white; width: 600px; height: 350px; display: inline-block}
.fixed-size-2 {background: white; width: 450px; height: 350px; display: inline-block}

.brick 
		{
			height: 16px;
			width: auto;
			padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
			padding-top: 5px;
			display: inline-block;
			background: gray;
			color: white;
			text-align: center;
			/*vertical-align: middle;*/
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			margin-bottom: 4px;
			border-radius: 4px;
			cursor: default;
			/*user-select: none;
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			-khtml-user-select: none;*/
		}
		/*.brick:hover
		{
			background: #83c455;
		}*/

.brick-menu-title
{
	/*height: 16px;*/
	width: auto;
	padding-left: 10px; padding-bottom: 10px;
	padding-top: 5px;
	display: inline-block;
	color: gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 4px;
	cursor: default;
}		

.brick-menu
{
	position: absolute;
	right: 55px;
	bottom: 80px;
	width: 300px;
	height: auto;			
	text-align: right;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	/*background: rgb(222,222,222);*/
	/*line-height: 4px;*/
}