@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#dfdfdf;}
html { padding:0; margin:0;}
/* main */
.main { width:100%; padding:0; margin:0 auto;}
/********** header **********/
.header { background: url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto;}
.block_header { margin:0 auto; width:960px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:216px;}
/* menu */	
.menu { float:left; padding:45px 0 0 0; margin:0; width:380px; float:right;}
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 0; color:#2f2f2f; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px 9px; background:none;}
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left;}
/* header_top*/ 
.header_top { height:230px; background: url(images/about_bg_02.jpg) top center repeat-x; margin:0 auto 30px auto; padding:0;}
.header_top_resize { width:960px; margin:0 auto; padding:0;}
.header_top_resize h2 { margin:0; padding:40px 0 60px 10px; font: normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
/* top */
.top { border-bottom:1px solid #fff; background:#000; padding:0; margin:0;}
.top_resize { width:960px; margin:0 auto; padding:10px 0 20px 0;}
.top_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#f4f4f4; padding:5px; margin:0;}
.top_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px; margin:0; line-height:1.8em;}
.top_resize img { float:left; margin:5px; padding:0;}
.top_resize .block { width:290px; float:left; margin:10px; padding:0;}
/*FBG*/
.FBG { padding:10px 0; width:960px; margin:0 auto;}
.FBG img.rec { float: right; margin:5px; padding:0;}
.FBG img.rec2 { float:left; margin: 5px; padding:0;}
.FBG h2.rec { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#585858; padding:10px 0; margin:0;}
.FBG h2.rec span { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2;}
/********** block index **********/
.body { margin:0; padding:0 0 20px 0;}
.body_resize { width:958px; margin:0 auto; padding:20px 0; background: #f2f2f2; border:1px solid #fff;}
.body_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px 15px 15px; margin:0;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#808080; padding:5px 15px; margin:0; line-height:1.8em;}
.body_resize p span { color:#ca650a; font: normal 11px Arial, Helvetica, sans-serif;}
.body_resize a { color:#a5a5a5; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body_resize a.port { font: normal 12px Arial, Helvetica, sans-serif; color:#ca650a; background:url(images/port_a_bg.gif) left no-repeat; padding:0 0 0 20px;}
.left ul { list-style:none; margin:10px 0 10px 15px; padding:0; width:190px; float:left;}
.left li { background:url(images/ul_li.gif) left no-repeat; padding:2px 0 2px 20px; margin:0; font:  bold 12px Arial, Helvetica, sans-serif; color:#808080; line-height:1.8em;}
.body_resize img { float:left; margin:10px 10px; padding:0;}
.body_resize img.floated { float:right; margin:15px 5px; padding:0;}
.body_resize img.RSS {  margin:10px 1px; padding:0;}
.right { width:330px; float:right; margin:0; padding:10px 10px;}
.left { width:525px; float:left; margin:0; padding:10px 15px;}
.full_size { margin:0; padding:10px 15px;}
.blog { width:250px; float:left; margin:0; padding:10px 5px;}
.blog_port { width:286px; margin:15px 10px !important; margin:15px 10px 15px 5px; padding:0; float:left; border:1px solid #ddd; background:#f6f6f6;}

/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:20px 0 0 0; background:#f7faf9; border:1px solid #e8e6e6;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#6d6d6d; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:460px; border:1px solid #e8e8e8; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:460px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 380px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0; background:#f2f2f2; border:1px solid #e5e5e5;}
.footer { padding:0 0 20px 0; margin:0;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:5px 0 0 20px; float:left;}
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 20px 0 0; float:right;}
p.clr,
.clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:0; margin:0 10px 0 15px; background:none; list-style:none;}

/* Slider */
#slider { width: 100%; padding:0 0 0 0; margin: 0; background:#000000;}
#slider h3 { font-weight: normal; color: #fff; font-size: 24px; width: 215px; float: left;}
#slider span.author { float: right; text-align: right; width: 120px; font-size: 12px; color: #000; margin-top: 8px;}
div#slideshow { float: left; width: 100%; height:377px;}
.slider-item { width: 100% !important; height:377px;}
.slider_center { width: 960px; margin-left: auto; margin-right: auto;}
.slider_content { float: left; margin-top: 70px; width: 470px; position: relative; left: 0;}
.slider_content_inner { float: left; width: 440px; padding: 15px;}
.slider_content .small { float: left; width: 300px; padding: 30px 20px 30px 0;}
.slider_content_inner h2 { font:normal 24px/1.4em Arial, Helvetica, sans-serif; padding:0 0 0 40px;}
.slider_content_inner p { margin: 0 0px 8px 0px; padding:0 0 0 40px; float: left; clear: both; display: block; font:normal 12px/1.6em Arial, Helvetica, sans-serif;}
.slider_content_inner h2.simple_1 { color: #FFF;}
.slider_content_inner p.simple_1 { color: #f2f8eb;}
.slider_content_inner img { border: none;}
.controls-center { width: 960px; margin-left: auto; margin-right: auto;}
#slider_controls { float: right; position: relative; top: -25px; margin:0; z-index: 1000; width:960px; height:23px;}
#slider_controls ul { margin: 0 auto; padding: 0; width:75px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none;}
#slider_controls ul li { float: left; display: block;}
#slider_controls ul li a { width: 11px; height: 11px; background:url('images/slider_nav_normal.gif') no-repeat center center; display: block; float: left; padding: 2px; margin:2px; outline: none;}
#slider_controls ul li a:focus { outline: none;}
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/slider_nav_active.gif') no-repeat center center;}