*{
	margin:0px;
	padding:0px;
}


body {
	background-color: #022c4e;
	background-image: url("images/siteback.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	scrollbar-face-color:#003366; scrollbar-track-color:#006699; scrollbar-arrow-color:#0066ff; scrollbar-shadow-color:#000066; scrollbar-dark-shadow-color:#000000; scrollbar-3dlight-color:#99ccff; scrollbar-highlight-color:#0099ff;
}
img{border:none;}
#frame{
	margin-left:auto;
	margin-right:auto;
	width:975px;
}
#frame .header{
	float:left;
	width:975px;
	height:87px;
}
#frame .header span.logo{
	float:left;
	padding-top:33px;
	padding-left:16px;
}
#frame .header div.bonus{
	float: left;
	margin-left:25px;
	background:url("images/bonus_bg.jpg") 0px 3px  no-repeat;
	padding-right:20px;
	width:461px;
	height:84px;
	padding-top: 15px;
}

.bannertop{ float:left; padding-left:10px; padding-top:5px; width:250px; height:160px;}
.bannertop p{ font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#FFFFFF;
text-align:justify;
 padding-left:5px;
 padding-right:10px;}
.newbox {  float:left; width:258px; padding-top:8px; }
.newbox ul { margin:0; padding:0; }
.newbox li { float:left;  margin:0; padding:0;   }
.newbox li a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
.newbox li a img { padding:0 0 0 10px; }
li.txt { width:120px; padding-left:10px; padding-top:8px; text-decoration:none; }
li.txt a:hover{color:#33CCFF !important;}

#frame .headerlink{
    background:url("images/test.png") no-repeat;
	float:left;
	width:975px;
	height:129px;
}

#frame .headerlink ul{
	float:left;
	list-style:none;
	padding-top: 70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px; 
	 color:#FFFFFF;
	 font-weight:bold;
		}
#frame .headerlink ul li{
	float:left;
	position:relative;
	padding-left: 120px;
}
#frame .headerlink ul li.second{
	float:left;
	position:relative;
	padding-left: 95px;
}
#frame .headerlink ul li.secondnext{
	float:left;
	position:relative;
	padding-left: 80px;
}
#frame .headerlink ul li.secondlast{
float:left;
	position:relative;
	padding-left: 90px;}
#frame .headerlink ul li a { color:#FFFFFF; text-decoration:none; }
#frame .headerlink ul li a:hover { color:#00D9FE;}

#frame .navigation{
	float:left;
	background:#001A31;
	width:975px;
}
#frame .navigation ul.mainemenu{
	float:left;
	list-style:none;
	padding-left:21px;
}
#frame .navigation ul.mainemenu li{
	float:left;
	width:154px;
	height:29px;
	background:url("images/button.jpg");
	line-height:29px;
	text-align:center;
	
}
#frame .navigation ul.mainemenu li.leftCrv{
	background:url("images/left_button.gif") no-repeat;
}
#frame .navigation ul.mainemenu li.rightCrv{
	background:url("images/right_button.gif") no-repeat right; 
}
#frame .navigation ul.mainemenu li a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#frame .navigation ul.mainemenu li a:hover{
color:#000;
}
#frame .contentPanel, .contentPanel{
	float:left;
	background:#011629;
	width:975px;
	
}

#frame .contentPanel li a { color:#FFFFFF;  }
#frame .contentPanel .leftpanel , .contentPanel .leftpanelmid{
	float:left;
	background:url("images/box-profile.jpg") 16px 0px no-repeat;
	width:262px;
	padding-left:19px;
	padding-right:6px;
	height:242px;
}
#frame .contentPanel .leftpanel h2 , .contentPanel .leftpanelmid h2 {
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0;
padding:0;
float:left;
color:#fff;
padding-left:12px;
padding-top:30px;
}
#frame .contentPanel .leftpanel ul,  .contentPanel .leftpanelmid ul{
	float:left;
	width:190px;
	list-style:none;
	padding-left:50px;
}
#frame .contentPanel .leftpanel ul li, .contentPanel .leftpanelmid ul li{
	float:left;
	width:180px;
	color:#fff;
	background:url("images/arrow_line.png") no-repeat;
	background-position:0 6px;
	line-height:24px;
	padding-left:25px;
}
#frame .contentPanel .leftpanel ul li a, .contentPanel .leftpanelmid ul li a{
color:#FFFFFF;
text-decoration:none;}
#frame .contentPanel .leftpanel ul li a:hover, .contentPanel .leftpanelmid ul li a:hover{
color:#4EEAFF;}
#frame .contentPanel .leftpanel ul li span.imgspan, .contentPanel .leftpanelmid ul li span.imgspan{
	float:left;
	padding-right:11px;
	padding-top:4px;
}
#frame .contentPanel .leftpanel ul li .arrowhead, .contentPanel .leftpanelmid ul li .arrowhead  {
background-color:#064978;
padding:4px 5px;
}
#frame .contentPanel .leftpanel ul li p, .contentPanel .leftpanelmid ul li p{
	padding-top:8px;
}

#frame .contentPanel .midpanel{
	float:left;
	width:391px;
	background:url("images/video-area.jpg") 2px 0px no-repeat;
	min-height:243px;
	height:auto !important;
	height:243px;
	padding-left:5px;
	padding-right:6px;
}
#frame .contentPanel .midpanel h2, .contentPanel .midpanelmid h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0;
padding:0;
float:left;
color:#fff;
padding-left:17px;
padding-top:10px;
}
#frame .contentPanel .midpanel ul li, .contentPanel .midpanelmid ul li{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
}
#frame .contentPanel .midpanel ul li.lifirst, .contentPanel .midpanelmid ul li.lifirst{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	background:url("images/border.gif") center bottom no-repeat;
}
#frame .contentPanel .midpanel ul li.lisec, .contentPanel .midpanelmid ul li.lisec{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	background:url("images/border2.gif") center bottom no-repeat;
}


#frame .contentPanel .midpanelinner{
	float:left;
	width:391px;
	
	height:708px;
	padding-left:5px;
	padding-right:6px;
}
#frame .contentPanel .midpanelinner h2, .contentPanel .midpanelmid h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0;
padding:0;
float:left;
color:#fff;
padding-left:17px;
padding-top:10px;
}
#frame .contentPanel .midpanelinner ul li, .contentPanel .midpanelmid ul li{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
}
#frame .contentPanel .midpanelinner ul li.lifirst, .contentPanel .midpanelmid ul li.lifirst{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	
}
#frame .contentPanel .midpanelinner ul li.lisec, .contentPanel .midpanelmid ul li.lisec{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	
}

#frame .contentPanel .midpanelinner .topgray{
	background:url("images/gray-mid.gif") 0px 0px repeat-y;
	width:391px;
	float:left;
}
#frame .contentPanel .midpanelinner .topgray .midgray{
	background:url("images/gray-top.gif") 0px 0px no-repeat;
	width:391px;
	float:left;
}
#frame .contentPanel .midpanelinner .topgray .midgray .bottomgray{
	background:url("images/gray-bottom.gif") left bottom no-repeat;
	width:391px;
	min-height:710px;
	height:auto !important;
	height:710px;
	float:left;
}


span.more{
float:right; padding-right:30px;
}
span.more a{
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
span.more a:hover{
	text-decoration:underline;
}
#frame .contentPanel .midpanel ul li span.imgspan, .contentPanel .midpanelmid ul li span.imgspan{
	float:left;
	padding-right:11px;
	padding-top:4px;
}
#frame .contentPanel .midpanel ul li p, .contentPanel .midpanelmid ul li p{
	padding-top:8px;
}
#frame .contentPanel .rightpanel,  .contentPanel .rightpanelmid{
	float:left;
	width:266px;
	background:url("images/box-story.jpg") 4px 0px no-repeat;
	height:242px;
	padding-left:6px;
}
#frame .contentPanel .rightpanel h2, .contentPanel .rightpanelmid h2  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0;
padding:0;
float:left;
color:#fff;
padding-left:15px;
padding-top:22px;
}
#frame .contentPanel .rightpanel ul, .contentPanel .rightpanelmid ul{
	float:left;
	list-style:none;
	width:232px;
	padding-left:16px;
}
#frame .contentPanel .rightpanel ul li.last, .contentPanel .rightpanelmid ul li.last{
	background:none;
}

.righttop{ width:261px; height:180px;
  text-align:center;}
  
.link {
text-align:right;
color:#FFFFFF;
float:right;}

.link a {
text-align:right;
text-decoration:underline;
color:#FFFFFF}

.link a:hover{color:#01C8FE;}




#frame .contentPanel{
	float:left;
	background:#011629;
	width:975px;
	
}
#frame  .contentPanel .leftpanelmid{
	float:left;
	background:url("images/box-mid1.jpg") 18px 0px no-repeat;
	width:262px;
	padding-left:19px;
	padding-right:6px;
	height:237px;
}
#frame  .contentPanel .leftpanelmid h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:20px 0 3px 0;
padding:0;
float:left;
color:#fff;
padding-left:12px;

}
#frame  .contentPanel .leftpanelmid ul{
	float:left;
	width:220px;
	list-style:none;
	padding-left:17px;
	}
	
#frame .contentPanel .leftpanelmid ul li{
	float:left;
	width:180px;
	color:#fff;
	background:url("images/arrow_line.png") no-repeat;
	background-position:0 6px;
	line-height:24px;
	padding-left:25px;
}
#frame .contentPanel .leftpanelmid ul li a{
color:#FFFFFF;
text-decoration:none;}
#frame .contentPanel .leftpanelmid ul li a:hover{
color:#4EEAFF;}
#frame  .contentPanel .leftpanelmid ul li span.imgspan{
	float:left;
	padding-right:11px;
	padding-top:0px;
}
#frame .contentPanel .leftpanelmid ul li .arrowhead  {
background-color:#064978;
padding:4px 5px;
}

#frame  .contentPanel .leftpanelmid ul li p{
	padding-top:8px;
}
#frame .contentPanel .midpanelmid{
	float:left;
	width:391px;
	background:url("images/box-mid2.jpg") 4px 0px no-repeat;
	height:238px;
	padding-left:5px;
	padding-right:6px;
}
#frame  .contentPanel .midpanelmid h2 {
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0;
padding:0;
float:left;
color:#fff;
padding-left:17px;
padding-top:10px;
}
.miadcontant{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#FFFFFF;
text-align:justify;
padding-left:15px;
padding-right:10px;}

.miadcontant2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#FFFFFF;
text-align:justify;
padding-left:15px;
padding-right:10px;}
.topbanners img { padding-right:5px; }
.topbanners a {  text-decoration:none; color:#000000; font-weight:bold; }
.topbanners a:hover{ color:#ffffff;}
.banner_bottom1{
width:376px; 
height:200px; 
margin-top:10px;
overflow:auto;
}
.visita {  color:#ffffff !important; }
.visita1 { margin-left: 105px; color:#ffffff !important; }
.visita2 { margin-left: 75px; color:#ffffff !important; }
.visita3 { margin-left: 75px; color:#ffffff !important; }
.visita4 { margin-left:100px; color:#ffffff !important; }
.banner_bottom a { color:#FFFFFF; font-weight:bold; line-height: 18px; }
.banner_bottom ul { margin:0 !important; padding:0 !important;  }
.banner_bottom li { width:auto !important;   margin:0 !important; padding:0 !important; padding-left:15px !important; display:inline !important;}
#frame  .contentPanel .midpanelmid ul li{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
}
#frame  .contentPanel .midpanelmid ul li.lifirst{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	background:url("images/border.gif") center bottom no-repeat;
}
#frame .contentPanel .midpanelmid ul li.lisec{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	background:url("images/border2.gif") center bottom no-repeat;
}
span.more{
float:right; padding-right:30px;
}
span.more a{
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
span.more a:hover{
	text-decoration:underline;
}
#frame  .contentPanel .midpanelmid ul li span.imgspan{
	float:left;
	padding-right:11px;
	padding-top:4px;
}
#frame .contentPanel .midpanelmid ul li p{
	padding-top:8px;
}
#frame .contentPanel .rightpanelmid{
	float:left;
	width:266px;
	background:url("images/box-mid3.jpg") 5px 0px no-repeat;
	height:238px;
	padding-left:6px;
}
#frame  .contentPanel .rightpanelmid h2  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0;
padding:0;
float:left;
color:#fff;
padding-left:15px;
padding-top:10px;
}
#frame  .contentPanel .rightpanelmid ul{
	float:left;
	list-style:none;
	width:232px;
	padding-left:16px;
}
#frame  .contentPanel .rightpanelmid ul li.last{
	background:none;
}

#frame .contentPanel{
	float:left;
	background:#011629;
	width:975px;
	
}
#frame  .contentPanel .leftpanelbot{
	float:left;
	background:url("images/box-mydreams.jpg") 18px 0px no-repeat;
	width:262px;
	padding-left:19px;
	padding-right:6px;
	height:235px;
}
#frame  .contentPanel .leftpanelbot h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:10px 0 0;
padding:0;
float:left;
color:#fff;
padding-left:12px;
padding-top:10px;;
}
#frame  .contentPanel .leftpanelbot ul{
    float:left;
	width:190px;
	list-style:none;
	padding-left:50px;}
	
#frame .contentPanel .leftpanelbot ul li{
	float:left;
	width:180px;
	color:#fff;
	background:url("images/arrow_line.png") no-repeat;
	background-position:0 6px;
	line-height:24px;
	padding-left:25px;
}
#frame .contentPanel .leftpanelbot ul li a{
color:#FFFFFF;
text-decoration:none;}

#frame .contentPanel .leftpanelbot ul li a:hover{
color:#4EEAFF;}
#frame  .contentPanel .leftpanelbot ul li span.imgspan{
	float:left;
	padding-right:11px;
	padding-top:4px;
}
#frame .contentPanel .leftpanelbot ul li .arrowhead  {
background-color:#064978;
padding:4px 5px;
}
#frame  .contentPanel .leftpanelbot ul li p{
	padding-top:8px;
}
#frame .contentPanel .midpanelbot{
	float:left;
	width:391px;
	background:url("images/box-chat.jpg") 5px 0px no-repeat;
	height:235px;
	padding-left:5px;
	padding-right:6px;
}
#frame  .contentPanel .midpanelbot h2 {
font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
font-size:22px;
margin:5px 0;
padding:0;
float:left;
color:#fff;
padding-left:17px;
padding-top:18px;
}
#frame  .contentPanel .midpanelbot ul li{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
}
#frame  .contentPanel .midpanelbot ul li.lifirst{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	background:url("images/border.gif") center bottom no-repeat;
}
#frame .contentPanel .midpanelbot ul li.lisec{
	float:left;
	width:348px;
	color:#fff;
	list-style:none;
	padding-left:21px;
	padding-bottom:9px;
	background:url("images/border2.gif") center bottom no-repeat;
}
span.more{
float:right; padding-right:30px;
}
span.more a{
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
span.more a:hover{
	text-decoration:underline;
}
#frame  .contentPanel .midpanelbot ul li span.imgspan{
	float:left;
	padding-right:11px;
	padding-top:4px;
}
#frame .contentPanel .midpanelbot ul li p{
	padding-top:8px;
}
#frame .contentPanel .rightpanelbot{
	float:left;
	width:266px;
	background:url("images/box-blog.jpg") 6px 0px no-repeat;
	height:235px;
	padding-left:6px;
}
#frame  .contentPanel .rightpanelbot h2  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:13px 0 3px;
padding:0;
float:left;
color:#fff;
padding-left:15px;
padding-top:10px;
}
#frame .contentPanel .rightpanelbot .panBotCont{
	 float:left;
	width:244px;
	list-style:none;
	text-align:center;
	padding-left:10px;
}
#frame  .contentPanel .rightpanelbot ul{
	
	 float:left;
	width:190px;
	list-style:none;
	padding-left:50px;}

#frame  .contentPanel .rightpanelbot ul li{
	float:left;
	width:180px;
	color:#fff;
	background:url("images/arrow_line.png") no-repeat;
	background-position:0 6px;
	line-height:24px;
	padding-left:25px;
}

#frame  .contentPanel .rightpanelbot ul li a{
color:#FFFFFF;
text-decoration:none;
}

#frame  .contentPanel .rightpanelbot ul li a:hover{
color:#4EEAFF;}



#frame .contentPanel .leftBg{
	background:url("images/box-mydreams.jpg") 18px 0px no-repeat;
}
#frame .contentPanel .leftBg h2{
	padding-top:10px;
}
#frame .contentPanel .midpanel2{
	background:url("images/box-chat.jpg") 4px 0px no-repeat;
}
#frame .contentPanel .midpanel2 h2{
	padding-top:10px;
}
#frame .contentPanel .midpanel2 ul{
	float:left;
	width:353px;
	list-style:none;
	padding-left:20px;
}
#frame .contentPanel .midpanel2 ul li{
	float:left;
	color:#fff;
	list-style:none;
	width:86px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:0px;
	padding-left:0px;
	height:57px;
}
#frame .contentPanel .rightpanel2{
	float:left;
	width:261px;
	background:url("images/box-blog.jpg") 6px 0px no-repeat;
	height:235px;
	padding-left:6px;
}
#frame .contentPanel .rightpanel2 h2{
	padding-top:10px;
}
#frame .footer{
	float:left;
	background:url("images/footmenu-bg.png") 0px 0px no-repeat;
	width:975px;
	height:72px;
	padding-top:50px;
	text-align:center;
	color:#0D91E8;
}
#frame .footer a{
	
	color:#0D91E8; text-decoration:none;
}
#frame .footer a:hover{
	
	color:#00CCFF;
}

.topbonus{
width:240px;
padding-left:15px;
margin:5px;}


	.clear{
		clear:both;
	}
.clearfix::after{content:"";display:table;clear:both}