/*  SECTIONS  */


body {
		/* background-image:url(../images/bg3.png); */
		background-color: #00002b;
		margin: 0px;
		padding: 0px;
		font-family:'Open Sans', Arial;
		font-size: 12px;
	}
	
@font-face {
    font-family: 'Copperlate'; /*a name to be used later*/
    src: url('Coprgtb.TTF'); /*URL to font*/
}


a {border:none;
		color:#00014e;}



/*-------------------------------------------------------*/
		/* Wrap */
/*-------------------------------------------------------*/
	

#container {
		width:100%;
		max-width:700px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: auto;
		margin-top: 10%;
	}

	.header {width:100%;
		font-family: 'Copperlate';
		font-size:36px;
	color: #f2f2f2; }
		
	#content {
		background-color:#FFF;
		
	}

/*-------------------------------------------------------*/
		/* BODY */
/*-------------------------------------------------------*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: auto;
	color:white;
}

.block_badge {float:left; padding:1%; margin:1px; padding-left:40px; width:44%;}
.block_buttons {float:left; padding:1%; margin-top:20px; width:44%;}
.block_buttons img {margin:2px; border:none;}

.button {zoom:1; width:150px; margin:auto; float:left;}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ } 


/* CSS Document */

#trigger {
	text-align:center;
}

/* Style you custom popupbox according to your requirement */
.popupbox {
	width:300px;
	height:500px;
	background-color:black;
	border: 2px solid silver;
	background-repeat:no-repeat;
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top:50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}

.popupbox2 {
	width:500px;
	height:500px;
	background-color:black;
	border: 2px solid silver;
	background-repeat:no-repeat;
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top:50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}

#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#intabdiv {
	margin:auto;
	text-align:left;
	color:white;

}

#intabdiv a {color:white; font-weight:bold;}


#close img {
	text-decoration:none;
}
#close {
	width:50px;
	height:50px;
	position: absolute;
	float:right;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-device-width:499px) {
html {}
	body {}
	#container {width:550px; margin-top:10px;}
	.header {width:550px; font-size:50px;}
	.block_badge { width:200px; display: block; float:left; margin:1% 0 1% 125px;}
	.block_buttons { width:100%; display: block; float:left; margin:1% 0 1% 1%;}
	.button {width:250px;}
}