@charset "utf-8"!important;

@font-face {
    font-family: "ASENINE"!important;
	src:url('../fonts/ASENINE.ttf')!important;	  
}

body  {
	font-family: "ASENINE"!important;
	font-size:18px!important;
	letter-spacing:2px!important;
	background:#F2F5F6!important;
	margin: 0!important; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0!important;
	text-align: center!important; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000!important;

	
}

.cornerBox{
	border-radius:20px!important;
	width:730px!important;
	height:330px!important;
	background-color:#dfe4ea!important;
	margin:auto!important;
	}

.innerBox{
	background-color:#c1d0d7!important;
	border-radius:20px!important;
	padding:10px!important;
	text-align:left!important;
	font-size:14px!important;
	width:370px!important;
	}
.innerBox label{
	color:#0077c0!important;
	}
.innerBox p{
	color:#333!important;
	}


	
.tbd{
	margin:30px!important;
	}
iframe{
	width:1024px!important;
	height:391px!important;
	overflow:hidden!important;
	padding:none!important;
	border:none!important;
	}

a.bar{
	color:#FFF!important;
	text-align:center!important;
	border:none!important;
	font-size:24px!important;
    vertical-align:middle!important;
	padding-left:5px!important;
	padding-right:5px!important;
	text-shadow:1px 0px #FFF!important;
    }
a.navi{
	color:#FFF!important;
	text-align:center!important;
	border:none!important;
	font-size:20px!important;
    vertical-align:middle!important;
	padding-left:5px!important;
	padding-right:5px!important;
	cursor:pointer!important;
	}
a.navi:hover{
	color:#00ffff!important;
	border-left:medium!important;
	border-left-color:00ffff!important;
	border-right:medium!important;
	border-right-color:00ffff!important;
	}

.lfrm{
	font-size:14px!important;
	}

td {
	text-align:right!important;
	}
.ss1{
	width:761px!important;
	height:330px!important;
	background-repeat:no-repeat!important;
	background-image:url(../sprites/img1.png)!important;}
.ss2{
	width:761px!important;
	height:330px!important;
	background-repeat:no-repeat!important;
	background-image:url(../sprites/img2.png)!important;}
.ss3{
	width:761px!important;
	height:330px!important;
	background-repeat:no-repeat!important;
	background-image:url(../sprites/img3.png)!important;}
.mn1{
	width:758px!important;
	height:330px!important;
	background-repeat:no-repeat!important;
	background-image:url(../sprites/friends.png)!important;
	}

.mn2{
	width:758px!important;
	height:330px!important;
	background-repeat:no-repeat!important;
	background-image:url(../sprites/vectors.png)!important;}
.mn3{
	width:758px!important;
	height:330px!important;
	background-repeat:no-repeat!important;
	background-image:url(../sprites/communities.png)!important;}



button.butn:hover{
	background-image:url(../sprites/52x24%20pxB.png)!important;
	cursor:pointer!important;
	}


.butn{
		border:none!important;
		background-repeat:no-repeat!important;
		background-image:url(../sprites/52x24%20px.png)!important;
		background-size:100%!important;
		width:80px!important;
		height:30px!important;
		text-align:center!important;
		color:#FFF!important;
		margin-left:10px;

	}

div.snupbutn:hover{
	background-image:url(../pixels/snupb.png)!important;
	cursor:pointer!important;
	}


.snupbutn{
		border:none!important;
		background-repeat:no-repeat!important;
		background-image:url(../pixels/snup.png)!important;
		background-size:100%!important;
		width:156px!important;
		height:28px!important;
		text-align:center!important;
		color:#FFF!important;
		}

.shadow{box-shadow: 3px 3px 10px #888888!important;}

.InputBox{
	box-shadow: 3px 2px 10px #888888!important;
	border-radius:10px!important;
	border-color:#999999!important;
	border-width:1px!important;
	text-align:left!important;
}

input{
	text-align:left!important;
	border-width:1px!important;
	}
.thrColLiqHdr #container { 
	width: 100%!important;  /* this will create a container 80% of the browser width */
	background: #FFFFFF!important;
	margin:none!important; /* the auto margins (in conjunction with a width) center the page */
	border: none!important;
	text-align: left!important; /* this overrides the text-align: center on the body element. */
	
} 
.thrColLiqHdr #header { 
	background: #DDDDDD!important; 
	padding: 0 10px!important;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.thrColLiqHdr #sidebar2 {
	float: right!important; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 260px!important; /* since this element is floated, a width must be given */
	padding-top:20px!important; /* top and bottom padding create visual space within this div */
	padding-left:none!important;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px!important; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px!important;
}

.thrColLiqHdr #mainContent { 

}