/* CSS Document */
@import url("effects.css");
@font-face {
    font-family: 'FranklinGothicDemiCond';
    src: url('../font/franklin-gothic-demi-cond.eot');
    src: url('../font/franklin-gothic-demi-cond.eot?#iefix') format('embedded-opentype'),
         url('../font/franklin-gothic-demi-cond.woff') format('woff'),
         url('../font/franklin-gothic-demi-cond.ttf') format('truetype'),
         url('../font/franklin-gothic-demi-cond.svg#FranklinGothicDemiCond') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ----------RESET-------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{ outline:none;}

.txt_yellow { color:#f6b955;}
.txt_white { color:#fff;}
.fl { float:left;}
.fr { float:right;}
.mt7 { margin-top:7px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.mr20 { margin-right:20px;}
.line { overflow:hidden;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.txt_bold { font-weight:bold;}
.txt_center { text-align:center;}
body{ background:#000 url(../images/bg_main.jpg) no-repeat top center; font:normal 14px/19px "Segoe UI", Arial, Helvetica, sans-serif; color:#bbbbbb;}

#wrapper { width:960px; margin:0 auto;}
#wrapper_inner { background:url(../images/bg_footer.jpg) no-repeat bottom center;}
#header { height:338px; }
	.logo { overflow:hidden;}
	.logo  a { background:url(../images/logo.png) no-repeat scroll 0 0 transparent; display: block; margin: 0; text-indent: -9999px; width: 680px;height:261px; margin:0 auto;}

.topmenu { overflow:hidden; background:url(../images/bg_black_transparent.png) repeat 0 0; margin:11px 0 0;}
	.topmenu ul li { float:left;}
	.topmenu ul li.menu_1.active,
	.topmenu ul li.menu_1:hover { background:url(../images/menu/menu_1.png) no-repeat center  bottom;}
	.topmenu ul li.menu_2.active,
	.topmenu ul li.menu_2:hover,
	.topmenu ul li.menu_3.active,
	.topmenu ul li.menu_3:hover { background:url(../images/menu/menu_2.png) no-repeat center  bottom;}
	.topmenu ul li.menu_4.active,
	.topmenu ul li.menu_4:hover { background:url(../images/menu/menu_4.png) no-repeat center  bottom;}
	.topmenu a{ color:#fff; font:normal 20px/22px Georgia, "Times New Roman", Times, serif; text-decoration:none; padding:5px 30px 24px; margin:14px 0 0; float:left;}

#wrapcontent { margin:8px 0 0; padding:43px 0 30px 28px; overflow:hidden;}
	#wrapcontent .content { float:left; width:655px;}
	#wrapcontent .widget { float:right; width:253px;}
	
#wrapcontent .content h1 { color:#fff; font:normal 30px/34px Georgia, "Times New Roman", Times, serif;}
#wrapcontent .content h2 { color:#fff; font:normal 24px/28px Georgia, "Times New Roman", Times, serif;}
#wrapcontent .content strong,
#wrapcontent .widget strong { font-weight:bold;}
#wrapcontent .content a,
#wrapcontent .widget a { color:#9e21ff;}
		#wrapcontent .content a:hover,
		#wrapcontent .widget a:hover { text-decoration:none} 

.pic_block { position:relative;}
.pic_block .text { position:absolute; display:block; padding:6px 0; bottom:0; right:0; background:url(../images/bg_black_transparent.png) repeat 0 0; font-size:11px; width:100%; text-align:center; color:#fff;}
ul.show_icon { margin:15px;}
ul.show_icon li { background:url(../images/bullet_li.jpg) no-repeat 0 5px; padding:5px 3px 3px 27px;}	

	.layout1 { background:url(../images/home_block_rep.jpg) repeat-y 0 0;}
	.layout1_inner { background:url(../images/home_block_top.jpg) no-repeat  0 0; padding:18px 0 0;}
	.layout1_innest { background:url(../images/home_block_bottom.jpg) no-repeat bottom left; padding:0 0 18px;}
	.layout1  .title { padding:0 78px; margin-bottom:15px; text-align:center;}
	.layout1 .text { padding:29px 32px 10px 35px;}
	
	.frame { background:url(../images/frame_top.jpg) no-repeat 0 0; padding:38px 0 0;}
	.frame_inner { background:url(../images/frame_bottom.jpg) no-repeat bottom left; padding:0 0 37px;}
	.frame_innest {background:url(../images/frame_rep.jpg) repeat-y 0 0; padding:0px 48px 6px; }
	
	.widget_normal { background:url(../images/widget/widget_rep.jpg) repeat-y 0 0;}	
	.widget_normal .title { background:url(../images/widget/widget_top.jpg) no-repeat 0 0; min-height:67px;}
		.widget_normal .title h3 { color:#fff; font:normal 23px/26px Georgia, "Times New Roman", Times, serif;/* padding:7px 20px;*/ padding:15px 20px; text-align:center;}
	.widget_normal .widget_normal_inner { background:url(../images/widget/widget_bottom.jpg) no-repeat bottom left; padding: 0 20px 25px;}
	.widget_normal .widget_normal_inner ul { overflow:hidden;}
		.widget_normal .widget_normal_inner ul li { overflow:hidden; border-bottom:1px solid #2b2b2b;}
		.widget_normal .widget_normal_inner ul li:last-child { border-bottom:none;}
		.widget_normal .widget_normal_inner ul li a{ color:#fff !important; font:normal 14px/16px  "Segoe UI", Arial, Helvetica, sans-serif; text-decoration:none; padding: 6px 11px; display:block;}
		.widget_normal .widget_normal_inner ul li:hover a { background:#9e21ff;}
	.block_list { border-bottom:1px solid #2b2b2b; font-size:13px; line-height:16px; margin-bottom:10px; padding-bottom:8px; position:relative;}
	.block_list .link_more { background:url(../images/bg_text_link.jpg) no-repeat 0 0; width:150px; height:35px; position:absolute; bottom:-42px; left:33px; text-align:center;}
		.block_list .link_more a { color:#fff !important; text-decoration:none; font-size:20px; line-height:22px; display:block; padding-top:5px;}
		.block_list .link_more a:hover { text-decoration:underline !important;}
	.block_list:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0;}
	.block_list .detail { padding:5px 0;}
		.block_list .detail img { float:left; margin:5px 7px 2px 0;}
	.block_list h4 { color:#9e21ff; font-size:16px; line-height:18px;}

.footermenu { border-top:1px solid #333333; margin:0px 30px; padding:20px 0 28px; overflow:hidden;}
.footermenu .block { float:left; width:300px;}
	.footermenu .block ul {}
	.footermenu .block ul li { background:url(../images/bullet_nav.png) no-repeat 0 6px; padding:2px 14px;}
	.footermenu .block ul li a { color:#ffffff; font-size:13px; line-height:14px; text-decoration:none;}
	.footermenu .block ul li a:hover { text-decoration:underline;}
.credit	{ color:#fff;  font-size:13px; line-height:14px; padding:18px 0; text-align:center;}
	
	