@charset "utf-8";
/* CSS Document */

body{
	overflow-y: scroll;	
	background: url(images/bg26.jpg);
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	
}

#content{

	
}

.socialButton{
	margin: 5px 2px 10px 2px;	
}

#ghost{
	background: url(images/ghost_hex.png);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;	
	position: absolute;
	z-index: -1;

}

#logo{
	margin-top: 10px;	
}

#content{
	margin: 30px 10px 10px 10px;
		
}

.gliMenuButton{
	width: 100px;	
	height: 114px;
	margin: 5px 5px 5px 5px;
	background: url(images/button_bg.png);
	border-radius: 20px;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
}

.gliSubMenuButton{
	width: 80px;	
	height: 91px;
	margin: 5px 5px 5px 5px;
	background: url(images/Sub_button_bg.png);
	border-radius: 20px;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
}

.gliMenuButton:hover{
	opacity: 0.7;
	background: url(images/button_bg_over.png);
	
}

.gliSubMenuButton:hover{
	opacity: 0.7;
	background: url(images/Sub_button_bg_over.png);
	
}

#footer{
	margin: 40px 10px 10px 10px;
	bottom: 0;	
}

a{
	color: #29b8f2;	
	text-decoration: none;
}

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



.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/trans_black_tile.png);
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
}

.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: ##C5896A;
	padding-top: 5px;
	padding-left: 40px;
}

.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: ##C5896A;
	padding-left: 40px;
}

h4{
	font-size: 24px;	
}

.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: ##C5896A;
	padding-left: 40px;
}

.scroller {
	overflow-y:scroll;
}