@charset "ISO-8859-1";

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#aaaaaa;
	font-size:10pt;
/*	border:solid 2px #0A3333;*/
}

h1 {
	color:#aaaaaa;
	font-size:15pt;
	font-weight:normal;
}

h2 {
	color:#aaaaaa;
	font-size:12pt;
	font-weight:bold;
}

h3 {
	color:#aaaaaa;
	font-size:10pt;
	font-weight:bold;
}

h4 {
	color:#aaaaaa;
	font-size:8pt;
	font-weight:bold;
}

a {
	color:#aaaaaa;
	text-decoration:underline;
}

img {border:0px solid #aaaaaa;}

a img {border:0px solid #aaaaaa;}

#headbox {
	width:1200px;
	height:80px;
	margin:0 auto;
	float: center;
	text-align: center;
}

#mainbox {
	width:1200px;
	margin:0 auto;
	float: center;
	text-align: center;
}

#textbox {
	width:300px;
	height: 200px;
	margin-left: auto ;
    margin-right: auto ;
	float: center;
	text-align: justify;
}

#socmedbox{
	top:10px; 
	left:10px; 
	width:250px; 
	position:fixed; 
	margin-left: auto ;
    margin-right: auto ;
	float: left;
	text-align: justify;
	background-color: #888888;
}
* html #socmedbox {position:absolute;}

#textboxcontainer {
	width:400px;
	height: 300px;
	margin-left: auto ;
    margin-right: auto ;
	float: left;
	text-align: justify;
}

#categoryrow {
	width:1050px;
	margin-left: auto ;
    margin-right: auto ;
	text-align: center;
	float: center;
}

#category {
	width:350px;
	margin-left: auto ;
    margin-right: auto ;
	text-align: center;
	float: left;
}


#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 1150px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(./up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 54px;
	-moz-border-radius: 54px;
	border-radius: 54px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
