@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:normal;
	font-size:12px;
	margin:0px;
	text-decoration:none;
	padding:0px;
	}
	
td{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:normal;
	font-size:12px;
	margin:0px;
	text-decoration:none;
	padding:0px;
	}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:normal;
	font-size:12px;
	margin:0px;
	text-decoration:none;
	padding:0px;
	}	
	
li,ul,ol{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:normal;
	font-size:12px;
	list-style:none;
	margin:0px;
	text-decoration:none;
	padding:0px;
	}
	
form{
	margin:0px;
	padding:0px;
	}
	
img{
	border:0px;
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}
	
#main-container{
	width:100%;
	float:left;
	}
	
/*--------- Header Start Here ---------*/	
	
#header-container{
	width:100%;
	background-color:#000000;
	float:left;
	}

#header-middle{
	width:978px;
	margin:0 auto;
	}

#tpmenu-container{
	width:833px;
	float:left;
	background:url(../images/tp-menu-bg.gif) repeat-x left top;
	}

#flash-container{
	float:left;
	width:978px;
	}
	
	
.tpmenu{
	float:left;
	margin:0px;
	padding:0px;
	width:833px;
	}
	
.tpmenu ul{
	float:left;
	margin:0px;
	padding:0px;
	}
	
.tpmenu ul li{
	float:left;
	margin:0px; 
	color:#000000;
	text-decoration:none;
	font-size:12px;
	padding:0px;
	background:url(../images/dvd.gif) no-repeat right top;
	}
	
.tpmenu ul li a{
	color:#000000;
	text-decoration:none;
	font-size:12px;	
	float:left;
	margin:0px;
	height:40px;
	line-height:40px;
	padding:20px 15px 20px 14px;
	}
	
.tpmenu ul li a:hover{
	color:#fff;
	line-height:40px;
	padding:20px 15px 20px 14px;
	margin:0px; 
	background:url(../images/tp-menu-over-bg.gif) repeat-x top left ;
	}
	
/*.tpmenu .select{
	color:#fff;
	padding:41px 15px 40px 15px;
	margin:0px; 
	display:block;
	background:url(../images/tp-menu-over-bg.gif) repeat-x top left ;
	}									
*/
/*--------- Body Start Here ---------*/	
	
#body-container{
	width:100%;
	float:left;
	}
	
#body-middle{
	width:978px;
	margin:0 auto;
	padding-top:15px;
	}	
	
#left-container{
	width:270px;
	float:left;
	}
	
.left-menu{
	width:258px;
	float:left;
	}
	
.left-menu-bg{
	width:258px;
	float:left;
	background:url(../images/lft-menu-bg.jpg) repeat-y left top;
	}
	
.left-menu-tbbg{
	width:258px;
	float:left;
	height:60px;
	background:url(../images/lft-menu-tpbg.jpg) repeat-y left top;
	}	
	
.lft-red-heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#bc0000;
	text-align:left;
	float:left;
	padding:10px 0 0 0px;
	width:180px;
	}
	
.red-heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#bc0000;
	text-align:left;
	float:left;
	padding:0px 0 3px 0px;
	width:682px;
	border-bottom:1px solid #e2e2e2;
	}
	
.black-heading{
	font-size:18px;
	color:#000;
	}		
	
.left-menu-links{
	width:236px;
	margin:0 auto;
	}			
	
.left-menu-links ul{
	width:236px;
	margin:0px;
	padding:0px;
	}	

.left-menu-links ul li{
	width:236px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	background:url(../images/lft-dvd.gif) repeat-x left bottom;
	line-height:35px;
	}	
	
.left-menu-links ul li a{
	color:#FFFFFF;
	font-size:14px;	background:url(../images/lft-arrow.gif) no-repeat left;
	margin:0px 0 0 15px ;
	padding:0px 0 0 15px;
	text-decoration:none;
	}
	
.left-menu-links ul li a:hover{
	color:#FFFFFF;
	font-size:14px;
	text-decoration:underline;
	}
	
.left-menu-links last{
	color:#FFFFFF;
	background-image:none;
	font-size:14px;
	}								
	
#right-container{
	width:708px;
	float:left;
	}			

#right-bx{
	width:708px;
	float:left;
	}
	
.bx-tp-bg{
	width:688px;
	float:left;
	height:10px;
	background:url(../images/bx-tb-bg.gif) repeat-x left top;
	}
	
.bx-btm-bg{
	width:688px;
	float:left;
	height:10px;
	background:url(../images/bx-btm-bg.gif) repeat-x left top;
	}	
	
.bx-lft-bg{
	width:10px;
	float:left;
	height:0 auto;
	background:url(../images/bx-lft-bg.gif) repeat-y left top;
	}
	
.bx-center-whiet{
	width:684px;
	float:left;
	padding:0px 12px  10px 12px;
	background:url(../images/bx-lft-bg.gif) repeat-y left top;
	}
	
	
.service-container{
	width:700px;
	float:left;
	margin:10px 0 0 0;
	}	
	
.para{
	color:#333333;
	float:left;
	width:672px;
	padding:8px 5px 0 5px;
	font-size:12px;
	}
	
#news-container{
	width:215px;
	margin:0 auto;
	}	
	
.news-area{
	width:215px;
	float:left;
	color:#FFFFFF;
	background:url(../images/dotted-brdr.gif) repeat-x left bottom;
	padding:8px 0 8px 0; 
	font-size:12px;
	}
	
.news-content{
	width:215px;
	float:left;
	color:#FFFFFF;
	padding:5px 0 5px 0;
	font-size:12px;
	}
	
	
.read-more{
	float:right;
	color:#FFFFFF;
	text-align:right;
	font-size:12px;
	}
	
.read-more:hover{
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	}			
	
.date-area{
	float:left;
	background-color:#FFFFFF;
	color:#000;
	font-weight:bold;
	padding:5px;
	font-size:12px;
	}
	
/* slider Css starts  */

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 930px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
	margin:10px 0px 0 0px;
	float:left;
	}

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

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 0px 0px 0 0px; 
	width: 978px; 
	}

.case-studies{
	color:#FFFFFF;
	float:left;
	font-size:15px;
	font-weight:bold;
	}

.slider-container {
	width:580px;
	height:259px;
	float:left;
	padding: 0 0 0 10px;
	}

.slide-img {
	float:left;
	height:259px;
	padding-left:60px;
	}
	
.slide-small-txt  {
	color:#FFF;
	width:570px;
	line-height:normal;
	font-size:12px;
	padding-top:10px;
	}

.slide-txt  {
	width:570px;
	color:#01aaff;
	font-size:40px;
	float:left;
	padding:0px 0px 0 20px; 
	font-weight:normal;
	}

.view-more  {
	color:#a0dc37;
	line-height:20px;
	font-size:12px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	}

.view-more:hover  {
	color:#a0dc37;
	text-decoration:underline;
	line-height:20px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	}		


.mail  {
	color:#bc0000;
	line-height:20px;
	font-size:12px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	}

.mail:hover  {
	color:#000;
	text-decoration:underline;
	line-height:20px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	}		

	
/* slider Css End  */			

/*--------- Footer Start Here ---------*/	
#footer-container{
	width:100%;
	margin-top:15px;
	background-color:#000;
	float:left;
	height:85px;
	}
	
#footer-middle{
	width:978px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	color:#FFFFFF;
	}
	
.footer-links{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.footer-links a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.footer-links a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}				
	
/*--------- Footer End Here ---------*/