body {
	margin:0px;
	background-color:#c8d4e4;
	font-family: "Lato", sans-serif;
}

a:link, a:visited {
	color:#06f;
	text-decoration:none;
}

a:hover {
	color:#0bf;
	text-decoration:underline;
}

div#outerwrapper {
	background-color:#edf1f4;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

div#topsection {
	background-color:#001020;
	color:#fff;
	border-top:4px solid #08f;
	border-bottom:12px solid #024;
	padding:12px;
	position:relative;
}

div#logohost {
	position:absolute;
	left:-50px;
	top:0px;
	width:128px;
	height:128px;
	background-image:url(/images/crayon/crayon_logo.png);
	background-repeat: no-repeat;
	background-position:center center;
	background-size:contain;
}

div#topleftsection {
	width:480px;
	float:left;
	padding-left:50px;
	font-size:20pt;
	font-weight:bold;
}

div#crayontitle {
	margin-top:30px;
}

div#crayonsubtitle {
	font-size:14pt;
	color:#abc;
	font-weight:bold;
}

div#toprightsection {
	width:400px;
	float:right;
	text-align:right;
}

div#topsectionclear {
	clear:both;
}

div#breadcrumbarea {
	background-color:#fff;
	margin-top:12px;
	margin-left:12px;
	margin-right:12px;
	font-size:14pt;
	padding:20px;

	border:1px solid #c8d4e4;
	border-radius:3px;
	color:#888;
}

.breadcrumblink a:link, .breadcrumblink a:visited {
	color:#888;
	text-decoration:none;
}

.breadcrumblink a:hover {
	color:#222;
	text-decoration:none;
}

span.breadcrumblast {
	font-weight:bold;
	color:#000;
}

div#maincontentwrapper {
    
}

div#maincontent {
	background-color:#fff;
	margin:12px;
	font-size:12pt;
	padding:20px;
	line-height:20pt;
	border:1px solid #c8d4e4;
	border-radius:3px;
}

div#bottomlinks {
	background-color:#001028;
	padding:20px;
	color:#fff;
}

div#toprightsection table {
	width:100%;
}

div#toprightsection td {
	text-align:left;
	padding:8px;
}

#topsection a:link, #topsection a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#topsection a:hover {
	color:#9bd;
	text-decoration:none;
	font-weight:bold;
}

div#copyrightarea {
	text-align:right;
	font-size:9pt;
	color:#9ab;
	padding-right:20px;
}

div#bottomlinks table {
	width:100%;
}

.footerlinkbox h4 {
	font-size:12pt;
	color:#fff;
	font-weight:bold;
}

ul.footerlink {
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
}

ul.footerlink li {
	margin-left:0px;
	margin-bottom:8px;
	font-size:12pt;
}

.footerlink a:link, .footerlink a:visited {
	color:#b8c4d4;
	text-decoration:none;
	font-weight:bold;
}

.footerlink a:hover {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

div#mainpagegamepreview iframe {
	border:0px;
	overflow:hidden;
	width:960px;
	height:400px;
}