html
{
	overflow-y: scroll;
}

body
{
	background-color: #F0F0F0;
    background-image: url("img/bg.png");
    background-repeat: repeat-x;
}

p
{
	font-family: Arial;
}

h1
{
	font-family: SimplyMono;
}

nav
{
	width: 905px;
	background-color: #C80000;
	padding: 1% 0%;
	box-shadow: 5px 5px #888888;
	overflow: hidden;
	margin: 10px 0px;
	transition: 200ms;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
}

.banner
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
}

.bar-link
{
	float: left;
	vertical-align: middle;
	padding: 0% 2%;
	font-family: SimplyMono;
	font-size: 50px;
	color: black;
	transition: 200ms;
}

#selected
{
	color: #FFFFFF;
}

.bar-link:hover
{
	color: #DCDCDC;
}

.bar-img
{
	float: right;
	vertical-align: middle;
	padding: 0% 2%;
}

.div-content
{
	background-color: #FFFFFF;
	border: 2px solid;
	border-color: #C80000;
	box-shadow: 5px 5px #888888;
	padding: 2% 2%;
	margin: 10px 0px;
	transition: 200ms;
}

.div-news-left
{
	float: left;
	background-color: #FFFFFF;
	border: 2px solid;
	border-color: #C80000;
	box-shadow: 5px 5px #888888;
	margin: 10px 0px;
	margin-top: 0px;
	transition: 200ms;
	padding: 0px 0px;
	text-align: center;
}

.div-news-right
{
	float: right;
	background-color: #FFFFFF;
	border: 2px solid;
	border-color: #C80000;
	box-shadow: 5px 5px #888888;
	margin: 10px 0px;
	margin-top: 0px;
	transition: 200ms;
	padding: 0px 0px;
	text-align: center;
}

.div-showcase
{
	background-color: #FFFFFF;
	border: 2px solid;
	border-color: #C80000;
	box-shadow: 5px 5px #888888;
	text-align: center;
	width: 790px;
	float: right;
	font-family: SimplyMono;
	font-size: 50px;
	padding: 25px 0px;
	color: black;
	transition: 200ms;
	margin: 10px 0px;
	margin-top: 0px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
}

.div-showcase:hover
{
	background-color: #DCDCDC;
}

.img-showcase
{
	float: left;
	border: 2px solid;
	border-color: #C80000;
	box-shadow: 5px 5px #888888;
	margin: 10px 0px;
	margin-top: 0px;
	background-color: #C8C8C8;
	width: 100px;
	height: 100px;
	transition: 200ms;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
}

.div-title
{
	text-align: center;
	font-family: SimplyMono;
	font-size: 50px;
	padding: 20px;
	background-color: #FFFFFF;
	border: 2px solid;
	border-color: #C80000;
	box-shadow: 5px 5px #888888;
	margin: 10px 0px;
	transition: 200ms;
}

.download-btn
{
    font-family: SimplyMono;
    font-size: 20px;
    display: inline-block;
    width: 200px;
    color: #FFFFFF;
    background-color: #C80000;
    padding: 10px 0px;
    margin: 5px 10px;
    transition: 200ms;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
}

.download-btn:hover
{
    transform: scale(1.1);
}

.download-btn:active
{
    transform: scale(0.95);
    background-color: #FF0000;
}

.nearest
{
	image-rendering: optimizeSpeed;             /*                     */
	image-rendering: -moz-crisp-edges;          /* Firefox             */
	image-rendering: -o-crisp-edges;            /* Opera               */
	image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
	image-rendering: optimize-contrast;         /* CSS3 Proposed       */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.button
{
	font-family: SimplyMono;
	font-size: 20px;
	width: 200px;
}

.textbox
{
	max-width: 860px;
	background-color: #F0F0F0;
}

@font-face
{
	font-family: SimplyMono;
	src: url("SimplyMono.ttf");
}