@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ededed url(images/bg.jpg) top repeat-x;}
html { padding:0; margin:0;}


/* STANDARD STYLES ---------------------------------------------------------- */


.clear { clear: both; }

#content { margin: 0 auto; background:#999;  margin:0 auto; padding:20px 0;}


/* HOMEPAGE ---------------------------------------------------------- */

	  
	  #content-top{ margin:0 auto; padding:0px; width:957px; height:315px; background:#FFF; padding:10px; }

      #content-top .tab-section {background:url(images/bg_text.jpg) top left no-repeat;overflow: visible; border:1px solid #e3e3e3; margin:0; padding:0px; width:950px; height: 260px;}

      #content-top .text { float:left; width: 491px; padding: 5px 15px; margin-left:10px; margin-right:-10px;}
		*HTML #content-top .text { float:left; width: 480px; padding: 5px 15px; margin-left:10px; margin-right:-10px;}	  
	  #content-top .text p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; margin:0; line-height:1.6em;}
	  #content-top .text h1 { margin:0 0px 5px 0;}
	  #content-top .text h2 { font:bold 19px Arial, Helvetica, sans-serif; color:#036; margin:10px 0px 5px 0;text-transform:capitalize;} 
      #content-top .text .button a:hover { color: #3A4035; }

      #content-top ul#tabs { list-style: none; clear: left; position:absolute; top: 412px;margin:0 0 0 -40px; width: 957px; }
	  	*html #content-top ul#tabs { margin:0px 0px 0px 0px;}

      #content-top ul#tabs li { float: left; text-align: center; padding:7px 5px 0 5px;height: 50px; width: auto; background: #FFF no-repeat top left; margin-top: -10px;}	 
	  #content-top ul#tabs li a { padding: 5px; color: #6D6C61; font-family:"Arial"; font-size:12px; font-weight:bold; overflow:hidden; display: block; text-decoration: none; }
	  *HTML #content-top ul#tabs li a { margin-top:13px; }
      #content-top ul#tabs li a:hover, #content-top ul#tabs li.active a, .ui-state-active a, .ui-tabs-selected a  { color: #930 !important; }
	 /* { color: #333 !important; } */
	 
	 

      #content-top ul#tabs li#home  { background: url('images/thumb_1.gif') top left no-repeat; width: 165px;}
      #content-top ul#tabs li#value { background: url('images/thumb_1.gif') top left no-repeat; width: auto;}
      #content-top ul#tabs li#learning  { background: url('images/thumb_1.gif') top left no-repeat; width: 140px;}
      #content-top ul#tabs li#extend { background: url('images/thumb_1.gif') top left no-repeat; width: auto;}
      #content-top ul#tabs li#offers { background: url('images/thumb_1.gif') top left no-repeat; width: auto;}
	  #content-top ul#tabs li#more { background: url('images/thumb_1.gif') top left no-repeat; width: auto;}
	  #content-top ul#tabs li#summary { background: url('images/thumb_1.gif') top left no-repeat;  width: 90px;}
      #content-top ul#tabs li.active, .ui-state-active, .ui-tabs-selected  { background-position: 0 -57px !important; }
	 
	 
	 
	 

.tab-section { display: none; }
.ui-tabs-panel { display: block; }
.ui-tabs-hide { display: none !important; }








/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:955px; margin:0 auto;}

/********** header **********/
.header {  background:#232323; border-bottom:5px solid #fff;}
.block_header {margin:0 auto; width:980px; }
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}

/* logo */
.logo { float:left; padding:0; margin:0 0 -107px 0; width:200px;}


/* search */
.search { display:none;float:right; width:304px; padding:20px 0 10px 0; height:40px;}
.search span { display:block; float:left;}
.search a { display:block; float:left; padding:10px 10px 0 10px; line-height:1.6em; color:#4270a1; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.search a:hover { text-decoration:underline;}
.search form { display:block; float:left; padding:5px 10px 0 10px;}
.search form .keywords { float:left; background:url(images/search_bg.gif) no-repeat; border:0; height:17px; width:190px; padding:4px 10px; line-height:17px; margin:0 10px 0 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#CCC;}
.search form .button { float:left;}

/* menu */
.menu { padding:0; margin-top:79px; width:700px; float:right;}
.menu ul { float:right; padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding: 7px 0; color:#2b2b2b; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; background:#dfdfdf url(images/l_menu.gif) no-repeat left top;}
.menu ul li a span { padding:7px 10px; background:url(images/r_menu.gif) no-repeat right top;}
.menu ul li a:hover { color:#2b2b2b; background:#fafafa url(images/l_menu_h.gif) no-repeat left top;}
.menu ul li a:hover span { background:url(images/r_menu_h.gif) no-repeat right top;}
.menu ul li a.active { color:#2b2b2b; background:#fafafa url(images/l_menu_h.gif) no-repeat left top;}
.menu ul li a.active span { background:url(images/r_menu_h.gif) no-repeat right top;}

/********** slider **********/
.slider { background:#999;  margin:0 auto; padding:20px 0;}
.slider div.slice1 { margin:0 auto; width:957px; border:1px solid #e3e3e3; background:#fff; padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:0px; width:943px; border:1px solid #dadada; background:url(images/slider_bg.gif);}
.slider div div div { margin:0; padding:0px 0 0 45px; width:898px; height:285px; border:0; background:url(images/slider_bg.jpg) repeat-x top;}
.slider div div div p.img { float:right; padding:0; margin-right:-7px;}
.slider div div div h2 { font:bold 19px Arial, Helvetica, sans-serif; color:#036; margin:10px 0px 5px 0;text-transform:capitalize;}
.slider div div div p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; margin:0; line-height:1.6em;}
.simple_text { width:964px; margin:0 auto; padding:0; background: url(images/slider_bg.gif); border:7px solid #ffffff;}
.simple_text h3 { font:normal 30px Arial, Helvetica, sans-serif; color:#252525; padding:5px 20px; margin:0; border:1px solid #b4bebd;}
.simple_text h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#930; padding:5px 20px; margin:0; border:1px solid #b4bebd;}

/********** block index **********/
.body { background:#e8e8e8; border:0; border-top:1px solid #f2f2f2; border-bottom:1px solid #fbfbfb;}
.body h2 {
	font:500 18px Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	margin-bottom:5px;
}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:1.8em;}
.body_resize { width:980px; margin:10px auto; padding:0;}

/*Welcome*/
.Welcome { width:655px; border:1px solid #d5d5d5; background:#F4F4F4; margin:5px 0; padding:10px 20px; float:left; color:#6e6e6e;}
.Welcome ul { list-style:none; border:5px solid #e5e5e5; background:#FFF; margin:20px auto; padding:10px;}
.Welcome li { background:url(images/ul_lu_bg.gif) left no-repeat; padding:5px 0 5px 30px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:1.8em;}
.Welcome a {color:#930;}
.Welcome li strong { color:#930; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.Welcome h2 {font:500 18px Arial, Helvetica, sans-serif;color:#2c2c2c;margin-bottom:5px;}
.Welcome h4 { font:bold 18px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;margin:0;letter-spacing:.01em;}
.Welcome h5 { font:normal 16px Arial, Helvetica, sans-serif; color:#036;}
.Welcome h6 { font:bold 14px Arial, Helvetica, sans-serif; color:#000;}



/*Services*/
.Services { width:655px; border:1px solid #d5d5d5; background:#F4F4F4; margin:5px auto; padding:10px 20px; float:right;}
.Services ul {
	list-style:none;
	border:5px solid #e5e5e5;
	background:#F9F9F9;
	margin:20px auto 15px auto;
	padding:10px 10px;
	font-size: 12px;
}
.Services li { padding:5px 0 5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#222222; line-height:1.8em;}
.Services li strong {
	color:#292929;
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.Services ul ul{ list-style:disc; border:none; margin:5px 0 10px 10px; padding:0;}
.Services ul ul li { margin:1px; padding:0;}
.Services ul ul ul { list-style:circle; border:none; margin:0 0 0 20px; padding:0;}
.Services ul ul ul li { margin:0; padding:0;}
.Services img { float:left; margin:10px 10px; padding:0;}
.Services h3 {
	background:url(images/ul_lu_bg.gif) left no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
}
.Services .color {
	background:url(images/ul_lu_bg.gif) left no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#930;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
}
.Services .subtitle{font-size:14px;font-weight:bold;color:#930;line-height:30px;}
.Services h4 { font:bold 16px Arial, Helvetica, sans-serif; color:#930; margin:0 0 0 -20px;}
.Services a { font:normal Arial, Helvetica, sans-serif; color:#0000ff;}
.Services ul ul li.nobullet { list-style:disc; border:none; margin: 5px 0 5px 30px; padding:0;}

/*BoX HOME*/
.BoxHome { width:220px;  border:1px solid #d5d5d5; background:#F4F4F4; margin: 5px auto; padding:10px 20px; float: right;}
.BoxHome a { background:url(images/link_NEWS.gif) left no-repeat; margin-left:0px; padding:0 0 0 20px; font: bold  11px Arial, Helvetica, sans-serif; color:#0000ff;}
.BoxHome span { font:bold 11px Arial, Helvetica, sans-serif; color:#959595;}
.BoxHome h2 { color:#930; margin-bottom: 2px; font:normal 18px Arial, Helvetica, sans-serif;}
.BoxHome h3 { color:#930; margin: 10px 0px 2px 0px; font:bold 14px Arial, Helvetica, sans-serif;}

/*BoX INVERT HOME*/
.BoxInvert_Home { width:220px; border:1px solid #960; background:#FF9; margin: 5px auto; padding:10px 20px; float: right;}
.BoxInvert_Home a { margin-left:0px; padding:0px; font: bold  11px Arial, Helvetica, sans-serif; color:#0000ff;}
.BoxInvert_Home span { font:bold 11px Arial, Helvetica, sans-serif; color:#959595;}
.BoxInvert_Home h2 { color:#F00; margin-bottom: 2px; font:bold 18px Arial, Helvetica, sans-serif; letter-spacing:-.01em;}
.BoxInvert_Home h3 { color:#930; margin: 10px 0px 2px 0px; font:bold 14px Arial, Helvetica, sans-serif;}


/*BoX INVERT*/
.BoxInvert { width:220px; border:1px solid #999; background:#FF9; margin: 5px auto; padding:10px 20px; float: left;}
.BoxInvert a { margin-left:0px; padding:0px; font: bold  11px Arial, Helvetica, sans-serif; color:#0000ff;}
.BoxInvert span { font:bold 11px Arial, Helvetica, sans-serif; color:#959595;}
.BoxInvert h2 { color:#F00; margin-bottom: 2px; font:bold 18px Arial, Helvetica, sans-serif;letter-spacing:-.01em;}
.BoxInvert h3 { color:#930; margin: 10px 0px 2px 0px; font:bold 14px Arial, Helvetica, sans-serif;}




/*BoX*/

.Box { width:240px; border:1px solid #d5d5d5; background:#F4F4F4; margin: 5px auto; padding:5px 10px; float: left;}
*html .Box { padding: 10px;}
.Box a { background:url(images/link_NEWS.gif) left no-repeat; padding:0 0 0 20px; margin-left: 0px;font: bold  11px Arial, Helvetica, sans-serif; color:#0000ff;}
.Box span { font:bold 11px Arial, Helvetica, sans-serif; color:#959595;}
.Box h3 {
	color:#930;	margin: 10px 0px 2px 0px; font:bold 14px Arial, Helvetica, sans-serif;}

.Box ul li { list-style:disc; border:none; padding:0; font-size:12px; font-weight:bold;}

*html .Box ul li { padding:0; font-size:12px; font-weight:bold; padding-left:30px;}



/********** contact form **********/

#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#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 110px;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#505050; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#505050; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.FBG { border-top:8px solid #fff; background:#727272; border-bottom:1px solid #cfcfcf;}
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#fffaf7; border-bottom:1px dashed #ffffff; padding:8px 5px; margin:0;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#e8e8e8; line-height:1.8em;}
.FBG_resize { width:980px; margin:10px auto; padding:0; }
.fbg_box { width:220px; float:left; margin:10px 5px; padding:5px 5px;}
/********** footer **********/
.footer { background:#dedede; padding:15px 0; border-top:1px solid #7a7a7a;}
.footer .resize div { float:left; color:#363636; font:normal 11px Arial, Helvetica, sans-serif;}
.footer .resize div a { color:#363636; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px; text-decoration:none;}
.footer .resize div a:hover { text-decoration:underline;}
.text_left { text-align:right;}

li.bg, .bg { clear:both; border-top:1px dashed #d2d2d2; padding:0px 5px; margin:0; background:none;}
p.clr, .clr, li.clr { clear:both; padding:0; margin:0; background:none;}
h1 { font:normal 20px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;margin:0; padding-top: 20px;letter-spacing:.01em;}
h3 { font:bold 20px Arial, Helvetica, sans-serif; color:#930; margin:0 0 10px 0;}


.red {
	color: #900;
	font-weight: bold;
	font-size: 14px;
}
.body .body_resize .Box ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0 0 -15px;
	font-weight: bold;}
	
.body .body_resize .Box ul li{
	margin: 10px 0 10px 0;}
