@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:#dadada;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,img,p{ margin:0; padding:0;}
img a{ padding:0; margin:0; border:0;}
a{margin:0; padding:0; text-decoration:none;outline: none;}
a:hover{}
label{margin:0; padding:0;}
fieldset{margin:0; padding:0;}
.clear{clear:both; display:block;}

/***********************************************************/
#wrapper{
	width:100%;
	background:url(../images/footer_shadow.gif) center bottom no-repeat;
	padding-bottom:50px;
}

#maincon{
width:100%;
margin:0px auto;
height:auto;
overflow:hidden;
background:url(../images/bg_shadow.jpg) no-repeat top;

}


#container{
	width:961px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}
/***********************************************************
header starts here
************************************************************/
#header{
	width:964px;
	height:109px;
	margin:0 auto;
	padding-left:60px;
}
.logo{
	width:280px;
	height:109px;
	float:left;
	background:url(../images/logo.jpg) top no-repeat;
}
.logo a{
	width:280px;
	height:109px;
	display:block;
	outline: none;
}
/****************************************************
navigation starts here
*************************************************/
.navigation_main{
	width:961px;
	height:36px;
	float:left;
	background:url(../images/nav_bg.gif) top repeat-x;
}
.navigation_left{
	width:804px;
	height:36px;
	float:left;
	background:url(../images/nav_leftc.gif) left no-repeat;
	padding-left:7px;
}
.navigation{
	width:788px;
	height:36px;
	float:left;
	background:url(../images/nav_bg.gif) top repeat-x;
	padding-left:22px;	
}

*html .navigation{
	width:782px;
	height:36px;
	float:left;
	background:url(../images/nav_bg.gif) top repeat-x;
	padding-left:22px;	
	
}

.navigation ul{
	float:left;
	list-style:none;
}
.navigation li{
	float:left;
	list-style:none;
	height:36px;
	background:url(../images/nav_line.gif) left no-repeat;
}
.navigation li.none{
	background:none;
}
*html .navigation li a{
	font-family:verdana;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	padding:12px 11px 0px 11px;
	display:block;
	position:relative;
	outline: none;
}
.navigation li a{
	font-family:verdana;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	padding:12px 13px 0px 12px;
	display:block;
	position:relative;
	outline: none;
}
.navigation li a:hover{
	color:#9cff00;
}
.navigation li a.selected{
	color:#9cff00;
	font-weight:bold;
}
/*****************************************************************/
.navigation_right{
	width:150px;
	height:31px;
	float:left;
	background:url(../images/nav_rightc.gif) right no-repeat;
	padding-top:5px;
	
}
.navigation_right label{
	font-family:Arial;
	font-size:11px;
	color:#9cff00;
	font-weight:bold;
	margin-left:127px;
}
.navigation_right label a{
	font-family:Arial;
	font-size:11px;
	color:#9cff00;
	font-weight:bold;
	float:left;
	margin-left:167px;
	margin-top:5px;
	outline: none;
}
.navigation_right label a:hover{
	text-decoration:underline;
}
.navigation_right .signup{
	width:89px;
	height:20px;
	font-family:"BellCent NamNu..." Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-top:3px;
	padding:2px;
	background:#6469ae;
	border:none;
	margin-left:20px;
	color:#cacce3;
	cursor:pointer;
}
.signup_btn{
	width:53px;
	height:20px;
	/*background:url(../images/signup_btnbg.gif) top no-repeat;*/
	float:right;
	margin-right:20px;
	margin-top:3px;
}
.signup_btn a{
	height:20px;
	font-size:12px;
	color: #9cff57;
	font-family:"BellCent NamNu..." Arial, Helvetica, sans-serif;
	display:block;
	outline: none;
}
.member_login{
	width:250px;
	float:left;
	text-align:right;
}
/*******************************************
banner section
*****************************************/
.banner_main{
	width:961px;
	height:288px;
	float:left;
	background:url(../images/banner.jpg) top no-repeat;
}
.flash{
	width:652px;
	height:263px;
	float:left;
	padding:25px 0px 0px 29px;
}
.news{
	width:270px;
	height:263px;
	float:left;
	padding:25px 0px 0px 10px;
}
.news_box{
	width:225px;
	height:216px;
	float:left;
	background:url(../images/news_bg.gif) top no-repeat;
	padding:16px 10px 10px 12px;
}
.news_box h5{
	font-family:"BellCent NamNu..."Arial, Helvetica, sans-serif;
	color:#392f91;
	font-size:16px;
	background:url(../images/news_headbg.gif) left no-repeat;
	padding-left:17px;
	margin-bottom:20px;
}
.news_box h6{
	font-family:Arial;
	font-size:12px;
	color:#392f91;
	background:url(../images/news_textarrow.gif) left no-repeat;
	padding-left:17px;
}
.news_box p{
	font-family:Arial;
	font-size:12px;
	color:#392f91;
	padding-left:17px;
	margin-bottom:8px;
}
.news_box p a{
	font-family:Arial;
	font-size:12px;
	color:#392f91;
	text-align:right;
	float:right;
	text-decoration:underline;
	outline: none;
}
.news_box p a:hover{
	color:#392f91;
	text-decoration:none;
}
/**********************************************************/

.body_text{
	width:901px;
	float:left;
	background:url(../images/body_textbg.gif) top repeat-x #ffffff;
	padding:35px 30px 20px 30px;
}
.welcome_text_main{
	width:901px;
	float:left;
	padding-bottom:10px;
}
.welcome_text{
	width:501px;
	float:left;
	padding:0px 10px;
}
.welcome_text h2{
	font-family:Arial;
	font-size:22px;
	color:#7e7e7e;
	margin-bottom:30px;
}
.welcome_text h2 span{
	color:#392f91;
}
.welcome_text p{
	font-family:Arial;
	color:#323233;
	font-size:12px;
	line-height:18px;
}
.products{
	width:429px;
	float:left;
	padding-left:20px;
}
.products h3{
	font-family:"BellCent NamNu..."Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#392f91;
	margin-left:50px;
	margin-bottom:13px;
}
.products p a{
	font-family:Arial;
	font-size:11px;
	color:#392f91;
	text-decoration:underline;
	text-align:right;
	float:right;
	margin-right:60px;
	margin-top:5px;
	outline: none;
}
.products p a:hover{
	color:#392f91;
	text-decoration:none;
}
/**********************************************************************/
.stepcarousel{
position: relative;
margin:0 auto; /*leave this value alone*/
border: 8px solid #d9d9d9;
overflow: scroll; /*leave this value alone*/
width: 308px; /*Width of Carousel Viewer itself*/
height: 164px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
text-align:center;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 308px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*********************************************************/
.technology_main2{
	width:901px;
	padding:0px 30px;
	float:left;
	background:#FFFFFF;
}
.technology_main{
	width:250px;
	float:right;
	border-left:#c3c0de solid 1px;
	background:#FFFFFF;
}

.technology{
	width:278px;
	float:left;
	border-right:#c3c0de solid 1px;
	padding:10px 44px 10px 15px;
	height:122px;
}
.technology img{
	float:left;
	margin:5px;
}
.technology h3{
	font-family:"BellCent NamNu..."Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#392f91;
	margin-bottom:13px;
}
.technology p{
	font-family:Arial;
	color:#323233;
	font-size:11px;
}
.technology p a{
	font-family:Arial;
	font-size:11px;
	color:#392f91;
	text-decoration:underline;
	margin-top:5px;
	outline: none;
}
.technology p a:hover{
	color:#392f91;
	text-decoration:none;
}
.hiring{
	width:200px;
	float:left;
	padding:10px 39px 10px 15px;
	height:122px;
	border-bottom:1px solid #c3c0de;
}
.hiring h6{
	font-family:Arial;
	font-size:12px;
	color:#474a43;
	font-weight:normal;
	background:url(../images/accordian_c.gif) 5px 8px no-repeat #edf7e1;
	height:22px;
	margin-bottom:2px;
	padding-top:5px;
}
.hiring h6 a{
	font-family:Arial;
	font-size:12px;
	color:#474a43;
	font-weight:normal;
	height:22px;
	margin-bottom:2px;
	padding-top:5px;
	padding-left:15px;
	outline: none;
}
.hiring h6 a:hover{
	color:#009900;
}
.hiring h3{
	font-family:"BellCent NamNu..."Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#392f91;
	margin-bottom:13px;
}
.newsletter{
	width:238px;
	float:left;
	padding:10px 15px 10px 20px;
}

.newsletter h3{
	font-family:"BellCent NamNu..."Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#392f91;
	margin-bottom:13px;
}
.newsletter .signup{
	width:130px;
	height:20px;
	/*background:url(../images/signup_bg.gif) top no-repeat;
	border:none;*/
	border:1px solid #EAE8E8;
	background:#fff;
	color:#979797;
	float:left;
	padding-left:5px;
}
.newsletter .signup_btn{
	width:65px;
	height:18px;
	background:url(../images/signup_btn.gif) top no-repeat;
	float:right;
	border:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	padding-right:5px;
}
.newsletter .form{
	width:100%;
	float:left;
	margin-bottom:5px;
}
.newsletter label{
	font-family:Arial;
	font-size:12px;
	color:#333333;
	margin-right:10px;
}

/*******************************************************
footer starts here
*******************************************************/
#footer{
	width:919px;
	height:38px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) top no-repeat;
	padding-left:22px;
	padding-top:18px;
	padding-right:20px;
}
#footer p a{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	background:url(../images/footer_navline.gif) left no-repeat;
	padding:5px;
	outline: none;
}
#footer p a.none{
	background:none;
}
#footer p a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#footer_left{
	width:400px;
	float:left;
}
#footer_right{
	width:400px;
	float:right;
	text-align:right;
}

#footer_right div{	
	float:right;
	text-align:right;
	font-family:Arial;
	font-size:9px;
	color:#FFFFFF;
}

#footer p{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}
/**********************************/
#marqueecontainer{
position: relative;
width:100%; /*marquee width */
height: 140px; /*marquee height */
background-color: white;
overflow: hidden;

}