@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#dde3e1 url(images/main_bg.gif) top center repeat-x;}
html { padding:0; margin:0;}
.main { margin:0 auto; padding:0;}
/********** header **********/
.header_resize { margin:0; padding:0;}
.header { width:960px; padding:0; margin:0 auto;}
.header_blog { padding:0; margin:0;}
.header_blog_reize { width:960px; margin:0 auto; padding:0; background:#000;background:url(images/slogan_bg.gif) top repeat-x;}
.header_blog_reize_about { width:960px; margin:0 auto; padding:0; background:#000;background:url(images/hdr-about.jpg) top no-repeat;}
.header_blog h2 { font:normal 36px Arial, Helvetica, sans-serif; color:#fff; padding:20px; margin:0;}
/* logo */
.logo { padding:0; margin:0; width:261px; float:left;}
/*menu*/
.menu img { float:right; margin:0; padding:5px 0 0 0;}
.menu { padding:73px 0 0 0; margin:0; width:410px; float:right;}
.menu ul { text-align:right; 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:12px 0; color:#292929; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover { color: #fff; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color: #fff; background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { color: #fff;background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left;}
/* search */
.search { padding:25px 20px 0 0; margin:0; width:260px; float:right;}
.search form { float:right; padding:0; margin:0;}
.search span { display:block; float:left; background:url(images/search_bg.gif) left top no-repeat; width:206px; padding:0 5px; height:29px;}
.search form .keywords { width:206px; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:13px; height:13px; float:left; background:none; border:0; padding:8px 0; margin:0;}
.search form .button { float:left; margin:0; padding:0;}
/* body */
.body_resize { background:#f6f7f7; border:1px solid #f7f9f9; padding:0; width:958px; margin:0 auto;}
.body_resize p {text-align: justify;}
.body { padding:10px 0 0 0; margin:0 auto;}
/*resize*/
.resize { width:958px; padding:0; margin:0 auto; background:url(images/slogan_bg.gif) top repeat-x; height:79px;}
.resize img.slogan {  margin:0; padding:0;margin-top: 15px;}
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#0369a3; padding:10px 5px; margin:0;}
.body h3 { color:#6e2700; font:bold 17px Arial, Helvetica, sans-serif; border-top:1px solid #dbdbdb; margin:10px 0 5px 0; padding:10px 5px 5px 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#3d3d3d; line-height:1.5em; padding:5px; margin:0;}
.body p span { color:#171717; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.5em; padding:5px 0; margin:0;}
.body a { color:#c52100; text-decoration:none;}
.body img { margin:10px auto; padding:0;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#606060; line-height:1.5em;}
.body img.floated { float:left; margin:5px 10px; padding:0;}
.work {  margin:0; padding:15px 10px;}
.work .divv { width:270px; margin:0 35px 0 0 !important; margin:0 25px 0 0; padding:10px 0; float:left;}
.work .divv img { float:none; margin:5px; padding:0;}
.right { width:315px; margin:10px 5px 10px 0; padding:0 10px; float:right;}
.right ul { list-style:none; margin:10px 0; padding:0;}
.right li { border-bottom:1px solid #d8d8d8; padding:5px; margin:0;}
.right li a { font:bold 14px Arial, Helvetica, sans-serif; color:#a83b00; text-decoration:none; background:url(images/ul_li.gif) left no-repeat; padding:0 0 0 15px;}
.right li a:hover { color:#830900;}
.right li a.active { color:#830900;}

/*system */
/* sub nav */
.sub_nav h2 { padding:10px 5px 0 10px;}
.sub_nav ul { padding:10px; margin:0; list-style:none;}
.sub_nav ul li { padding:4px 10px; margin:0;}
.sub_nav ul li { background:url(images/sub_menu_h.gif) no-repeat left top; padding:0 0 0 20px; color:#3a3c3c; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.8em;}

/*ul.sub_nav li a:hover { background:url(images/sub_menu_h.png) no-repeat left; color:#208fa1; text-decoration:underline;}
ul.sub_nav li a.active { background:url(images/sub_menu_h.png) no-repeat left; color:#208fa1;}*/


.left { width:580px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.left_blog { width:459px; margin:0; padding:15px 10px; float:left;}
.left_blog .blog { width:209px; float:left; margin:0; padding:10px;}
.left ul { list-style:none; margin:0 0 0 20px; padding:0;}
.left li { background:url(images/pagination_next.gif) left top no-repeat; padding:0 20px; margin:0;  font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; line-height:1.8em;}


/* java_blog */
.java_blog { width:459px; margin:0; padding:15px 10px; float:left;}
.java_blog a.hidegadget img { border:none; float:right; background:url(images/gadget_dropdown.gif) no-repeat top left;}
.java_blog .java_title {}
.java_blog .java_content {}
/* FBG */
.FBG_resize { margin:1px 0; padding:0;}
.FBG { background:#e9edeb; border:1px solid #f7f9f9; padding:0; width:958px; margin:0 auto;}
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:15px 5px; margin:0;}
.FBG ul { list-style:none; margin:0; padding:5px;}
.FBG li { padding:0; margin:0;}
.FBG li a { font:normal 11px Arial, Helvetica, sans-serif; color:#5d6965; text-decoration:none; text-transform:none; line-height:1.5em;}
.FBG li a:hover { text-decoration:none; color:#c52100;}
.FBG a { color:#c52100; text-decoration:none;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#5d6965; line-height:1.5em; padding:5px; margin:0;}
.FBG img { margin:5px 0 5px 5px; padding:0;}
.FBG .blog { width:219px; float:left; margin:0; padding:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0; clear:both;}
#contactform label { margin:0; width:130px; display:block; padding:10px 0; color:#171717; font:normal 11px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#c52100;}
#contactform input.text { width:260px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:400px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0 3px 130px; margin:10px 0 0 0; border:0; color:#FFF; float:left;}
/*************footer**********/
.footer_resize { width:950px; margin:0 auto; padding:2px 10px;}
.footer { padding:10px 0; margin:0;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#737373;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#737373; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 5px 0; float:left;}
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 0 5px 0; float:right;}
p.clr,
.clr { clear:both; padding:0; margin:0; background:none;}
li.bg,
.bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}
/* Slider */
#slider { width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float:left; width:100%; height:330px;}
.slider-item { width:100% !important; height:330px;}
.slider_content_inner img { border:none;}
.controls-center { width:960px; margin:0 auto;}
#slider_controls { position:relative; background:url('images/tabs_bg.gif') center no-repeat; margin:-9px auto 5px auto; z-index:1000; width:86px; height:24px;}
#slider_controls ul { margin:0; padding:0 3px; width:80px; list-style:none; display:block;}
#slider_controls ul li { width:16px; height:16px; float:left; display:block; padding:0 2px; margin:-5px 0 0 0 !important; margin:4px 0 0 0;}
#slider_controls ul li a { width:16px; height:16px; background:url('images/tabs_2.gif') no-repeat center center; display:block; padding:0; margin:0; 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/tabs_1.gif') no-repeat center center;}



/*-------------------------------------------------------------------------------------------------*/
	/*TABS */
/*-------------------------------------------------------------------------------------------------*/

.left .section { background: #f9f9f9; }
.left ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #fff;
}
.left .tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 10px 1px;
	cursor: pointer;
	background: #ddfaa6;
	border: 1px solid #e9e9e9;
	border-bottom: 1px solid #f9f9f9;
	position: relative;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
}
.left .tabs li:hover,
.left .vertical .tabs li:hover {
	padding: 0 10px;
	background: #ededed;
	border: 1px solid #e4e4e4;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.left .tabs li.current {
	background: #FFF;	
	padding: 0 10px 2px;
	border: 1px solid #d4d4d4;
	border-bottom: 1px solid #FFF;
}
.left .box {
	display: none;
	border: 1px solid #E6E5E5;
  	border-width: 0 1px 1px;
	background: #FFF;	
	padding: 15px 10px 15px;
	margin-bottom:30px;
	width: 580px;
}
.left .box.visible {
	display: block;
}
.left .box p{
	margin-bottom:15px;
}
.left .section.vertical {
	border-left: 160px solid #fff;
	margin-bottom: 30px;	
}
.left .vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.left .vertical .tabs li {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 33px;
}
.left .vertical .tabs li:hover {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 131px;
	height: 33px;
}
.left .vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #f3f3f3;
	border: 1px solid #D4D4D4;
	border-right: 1px solid #f3f3f3;
	margin-right: -1px;
}
.left .vertical .box {
  border-width: 1px;
  padding-top:15px;
}

.left .box p {
line-height: 15px; margin-bottom: 0; 
}