/*
Name: OfficeChatter Ver 2
Date: 
Coder: Ace_luffy
Author URI: http://www.creationcrew.com/
*/
/******************* Body *******************/
@font-face
{
font-family: coolvetica;
src: url('fonts/coolvetica.eot') format('truetype'); /* IE9 */
src: url('fonts/coolvetica.eot?#iefix') format('embedded-opentype'),
     url('fonts/coolvetica.woff') format('woff'),
     url('fonts/coolvetica.ttf') format('truetype'),
	 url('fonts/coolvetica.svg#Ccoolvetica') format('svg'); 
	 font-style: normal;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.clear
{
	clear:both;
}
ul {
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
}
img {	border:0px none;
	overflow:hidden;
	filter:progid:DXImageTransform} 


body {
	background: #fff;
	color: #424242;
	font: 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	position: relative;

}


.space { height:20px; width:100%;}
.space1 { height:20px; width:989px;}
.center { margin-left:auto; margin-right:auto;}
.clear {clear:both;}

#centerpix{ width:988px;margin:0 auto; }

/********header********/
#header_bg {height:64px; width:100%; background: #0b0b0b url('images/bg_header.jpg')}
#header_bg #header_holder{ width:1000px; margin:0 auto; }
#header_bg #header_holder .logo{ float:left; width:340px;  padding-top:10px; }

/********login********/
#header_bg #header_holder .login-wrapper{
padding-top:10px;
   font-family: Trebuchet;
   float:right;
   color:#b29781;
   font-size:13px;
   width:533px; 
   padding-left:20px;
   height:45px;
background: url('images/login_bg.png') center no-repeat; margin:0 auto;
}


.login{
   opacity: 1;
      margin-top:10px;

}
.login input{

   font-family: Tahoma;
   width:119px;
   height:21px;
   padding-left:5px;
   font-size:13px;
   margin-right:10px;
   background:#000;
   border:1px solid #8c8c8c;
      vertical-align: top;
	  color:#fff;
   

}
.login .submit_btn{
   border:none;
   background:transparent url('images/login_buttons.png');
   width:64px;
   height:27px;
   top:20;

}
.login label{

   display:inline-block;
   width:69px;
   padding-left:5px;
   min-height: 19px;
   font-size: 13px;
   font-family: Tahoma;
   color:#fff;
      vertical-align: top;
}



/***************************************content********/


/********slider********/
#slider_bg {height:305px; width:100%; background: #0b0b0b url('images/slider_bg.jpg');}
#slider_holder { width:1000px;margin:0 auto;}

#slider_text{ float:left; margin-top:40px;width:500px;}
#slider_money { float:left; width:1000px; height:305px; background: url('images/money.png') right no-repeat ;}
#slider_text .header{ float:left; margin-top:5px; padding-top: font-family: Arial, Helvetica, sans-serif; font-size:33px; font-weight:bolder; color:#fff;line-height:1.2}
#slider_text .text{   width:450px; font-family: Arial, Helvetica, sans-serif; font-size:14px;  color:#fff; line-height:1.2}

/********features********/
#features_bg { height:180px; width:100%; background: #fff url('images/feature_bg.jpg')}
#features_bg #base{ width:937px;margin:0 auto; padding-top:20px;}
#features_bg #base .text{ float:left; padding-right:50px;padding-top:20px;}
#features_bg #base .thumbs{ float:left; padding-right:50px;}
#features_bg #base .thumbs1{ float:left;}



/********About US********/
#about_bg { height:158px; width:100%; background: #fff}

#why { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:27px; color:#343434; font-weight:bold; padding-top:30px; padding-bottom:20px; }
#texth {line-height:1.2 ; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:19px; color:#ffd800; font-weight:bold; padding-top:30px; padding-bottom:20px; }
#base { width:950px;margin:0 auto; }
#base #list1 { float:left; width:470px;}
#base #list1 .text{ padding-top:15px; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#343434; font-weight:bold;}
#base #list2 { float:right; width:400px;}
#base #list2 .text{ padding-top:15px; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#343434; font-weight:bold;}

#start { width:837px; margin:0 auto; margin-top:40px;  }


/***************************************content********/


/********footer********/
#footer_bg {text-align:center; height:100px; width:100%; background: #fff}
#footer_holder { width:800px;margin:0 auto; margin-top:20px;}
#footer_bg .logo{ float:left; width:340px;  padding-top:10px;}
#footer_bg .nav { float:right; width:330px;margin:0 auto; margin-top:25px; }
#footer_bg .nav ul{ text-align:center; }
#footer_bg .nav li{ float:left; }
#footer_bg .nav a{ text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#424242; font-weight:bold; }
#footer_bg .nav .space{ float:left; padding-right:20px; }


/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


.slider{
   width:1300px;
   height:400px;
   padding-top:30px;
   margin:0 auto;
}
.slider ul li{
   text-align: center;
   margin-bottom:15px;
}
.bjqs-prev a{
   margin-top:30px;
   background:transparent url('images/left.png') no-repeat;
   opacity:0.5;
   display:inline-block;
   width:69px;
   height:70px;
   color:transparent;
}
.bjqs-next a{
   margin-top:30px;
   background:transparent url('images/right.png') no-repeat;
   opacity:0.5;
   display:inline-block;
   width:69px;
   height:70px;
   color:transparent;
}
ol.bjqs-markers {
   padding-left:5px;
   width:168px;
   height:34px;
   background: url('images/bg_market.png') no-repeat;
   margin:0 auto;
}
ol.bjqs-markers li{
   color: #000000;
   margin-top: 10px;
   display: inline-block;
   margin-right: 15px;
   text-align: center;
   width: 22px;
   height: 22px;
   background:transparent url('images/inactive.png') no-repeat;
}
ol.bjqs-markers li.active-marker{
   background:transparent url('images/active.png') no-repeat;
}


ol.bjqs-markers li a{
   color: transparent;
   text-decoration: none;
}

ul.bjqs-controls.v-centered li.bjqs-next a{
   right: -110px;
}

ul.bjqs-controls.v-centered li.bjqs-prev a{
   left: -110px;
}