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

body{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #626161;
}

p, blockquote, span, table, td, tr, form{
	padding: 0px;
	margin: 0px;
}

#wrapper{
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 860px;
	
}

/* mainPan */

#mainPan{
	float: left;
	width: 860px;
	background: #FFFFFF;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* mainPan end */

/* topheaderPan */

#topheaderPan{
	float: left;
	width: 860px;
	height: 75px;
}

/* topheaderPan end */

/* tabmenu */

#tabMenu{
	float: left;
	width: 860px;
	height: 40px;
	background: url(images/topbar_bg.gif) 0 0 repeat-x;
}

#tabMenu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#tabMenu li{
	float:left;
	padding: 7px 0 0 19px;
	margin: 0 0 0 0;
	width: 100px;
	height: 33px;
	display: block;
	background: url(images/topmenu_arrow.gif) 100% 17px no-repeat;
}

#tabMenu a{
	float: left;
	padding: 6px 6px 6px 6px;
	margin: 0 0 0 0;
	display: block;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#tabMenu a:hover{
	text-decoration: none;
	color: #ffffff;
	background-color: #ee8e2a;
	moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#tabMenu .active a{
	text-decoration: none;
	color: #ffffff;
	background: #ee8e2a;
	moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* tabmenu end */

#bannerPan{
	float: left;
	width: 860px;
	height: 200px;
	background: url(images/banner.gif) 0 0 no-repeat;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* boxPan */

#boxPan{
	float: left;
	width: 860px;
	margin: 12px 0 0 0;
}

.box1{
	float: left;
	width: 270px;
	margin-top: 0;
	margin-right: 21px;
	margin-bottom: 0;
	margin-left: 0;
}

.box1_header{
	float: left;
	width: 277px;
	height: 41px;
	background: url(images/box1_header_bg.gif) 0 0 no-repeat;
}

.box_header_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding: 7px 0 0 0;
	color: #FFFFFF;
}

.box_body_text{
	float: left;
	width: 231px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626161;
	font-size: 12px;
	line-height: 1.4em;
	padding: 11px 0 0 0;
	text-align: justify;
}

.box_body_text a{
	float: left;
	 text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626161;
	font-size: 12px;
	
	text-align: justify;
}
.lernmore_text{
	float: left;
	width: 231px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #335aa6;
	padding: 8px 0 0 0;
}

.lernmore_text a{
	text-decoration: underline;
	color: #335aa6;
}

.lernmore_text a:hover{
	text-decoration: underline;
	color: #626161;
}

.box_middle{
	float: left;
	width: 248px;
	border-left: 1px #c6cbcb solid;
	border-right: 1px #c6cbcb solid;
	padding-top: 11px;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 13px;
}

.box1_image{
	float: left;
	width: 250px;
	height: 84px;
	background: url(images/whatweprovide_img.gif) 0 0 no-repeat;
	text-align: center;
}

.box_bottom{
	float: left;
	width: 277px;
	height: 11px;
	background: url(images/box_bottom_mid.gif) 0 0 repeat-x;
}

.box2{
	float: left;
	width: 270px;
	margin-top: 0;
	margin-right: 22px;
	margin-bottom: 0;
	margin-left: 0;
}

.box2_header{
	float: left;
	width: 277px;
	height: 41px;
	background: url(images/box2_header_bg.gif) 0 0 no-repeat;
}

.box2_image{
	float: left;
	width: 250px;
	height: 84px;
	background: url(images/softwaresol_img.gif) 0 0 no-repeat;
}

.box3{
	float: left;
	width: 260px;
}

.box3_header{
	float: left;
	width: 277px;
	height: 41px;
	background: url(images/box3_header_bg.gif) 0 0 no-repeat;
}

.box3_image{
	float: left;
	width: 250px;
	height: 84px;
	background: url(images/why_img.gif) 0 0 no-repeat;
}

/* boxPan end */

/* bodyPan */

#bodyPan{
	float: left;
	width: 860px;
	margin: 12px 0 0 0;
}

#bodyPanTop{
	float: left;
	width: 860px;
	height: 11px;
	background: url(images/bodyPan_top_mid.gif) 0 0 repeat-x;
}

#bodyPanMiddle{
	float: left;
	width: 831px;
	border-left: 1px #c6cbcb solid;
	border-right: 1px #c6cbcb solid;
	padding-top: 0;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 13px;
}

#bodyPanBottom{
	float: left;
	width: 860px;
	height: 11px;
	background: url(images/bodyPan_bottom_mid.gif) 0 0 repeat-x;
}

/* bodyPan end */

/* index_leftCol */

#index_leftCol{
	float: left;
	width: 233px;
	/*min-height: 453px;
	height: auto !important;
	height: 453px;*/
	padding: 0 13px 0 0;
	background: url(images/ver_line.gif) 100% 0 repeat-y;
}

.index_leftCol_header_bg{
	float: left;
	width: 199px;
	height: 28px;
	background: #335aa6 url(images/blue_corner_img.gif) 0 0 no-repeat;
}

.index_leftCol_header_bg_One{
	float: left;
	clear: left;
	width: 199px;
	height: 28px;
	margin: 15px 0 0 0;
	background: #335aa6 url(images/blue_corner_img.gif) 0 0 no-repeat;
}

.index_leftCol_header_text{
	font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 3px 0 0 20px;
	
}

.index_leftCol_body{
	float: left;
	clear:left;
	width: 222px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	font-weight: normal;
	padding: 11px 0 0 0;
}

.readmore{
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2f3133;
	padding: 7px 0 0 0;
}

.readmore a{
	text-decoration: underline;
	color: #2f3133;
}

.readmore a:hover{
	text-decoration: underline;
	color: #a6304a;
}

/* index_leftCol end */


/* loginPan */

#loginPan{
	float: left;
	width: 233px;
	margin: 15px 0 0 0;
}

.login_header_bg{
	float: left;
	width: 233px;
	height: 31px;
	background: url(images/login_head_bg.gif) repeat-x;
}

.login_header_text{
	font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 4px 0 0 20px;
}

.login_middle{
	float: left;
	width: 209px;
	border-left: 1px #c6cbcb solid;
	border-right: 1px #c6cbcb solid;
	padding: 11px 11px 0 11px;
}

.login_bottom{
	float: left;
	width: 233px;
	height: 11px;
	background: url(images/login_bottom_mid.gif) 0 0 repeat-x;
}

.input_box{
	float: left;
	width: 209px;
}

label {
	float: left;
	width: 60px;
    padding: 4px 0 0 0;
    text-align: right;
	color: #0c0c0c;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.fieldHolder{
	width: 140px;
	height: 20px;
	background: url(images/textfield_img.gif) 0 0 no-repeat;
	float: right;
}

.textInput{
	width: 134px;
	height: 16px;
	background: none;
	border: none;
	color: #000000;
	margin-top: 2px;
	margin-left: 2px;
}

.loginbutPan{
	float: left;
	width: 209px;
	padding: 10px 0 0 0;
}

.forgot_pass{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #292c2d;
	padding: 5px 0 0 0;
}

.forgot_pass a{
	text-decoration: underline;
	color: #292c2d;
}

.forgot_pass a:hover{
	text-decoration: underline;
	color: #292c2d;
}

.login_but{
	float: right;
	width: 60px; 
}


/* loginPan end */

/* index_rightCol */

#index_rightCol{
	float: left;
	width: 831px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.index_rightCol_header{
	float: left;
	width: 571px;
	padding: 0 0 5px 0;
	font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #393937;
	background: url(images/hr_line.gif) 0 bottom repeat-x;
}

/* index_rightCol end */

.servicesPan{
	float: left;
	width: 831px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.servicesbox1{
	float: left;
	width: 250px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 0px;
}

.servicesbox1_left{
	float: left;
	width: 45px;
	margin: 0px;
}

.servicesbox1_right{
	float: left;
	width: 190px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-left: 10px;
}

.services_sub_text{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #335aa6;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 3px 0;
	text-decoration: underline;
}

.services_body_text {
	float: left;
	width: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	line-height: 1.4em;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: justify;
	text-decoration: none;
}
.services_body_text a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	text-align: justify;
	text-decoration: none;
}
.body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	text-align: justify;
	text-decoration: none;
}
.servicesbox2{
	float: left;
	width: 250px;
	margin-right: 1px;
	margin-left: 35px;
}
.servicesbox3{
	float: left;
	width: 245px;
	margin-right: 0px;
	margin-left: 40px;
}

.more{
	float: left;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 11px;
	color: #010101;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.more a{
	text-decoration: none;
	color: #010101;
}

.more a:hover{
	text-decoration: none;
	color: #010101;
}

.whatnew_content{
	float: left;
	width: 571px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	padding: 6px 0 0 0;
	line-height: 1.4em;
}

.whatnew_content ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.whatnew_content li{
	padding: 5px 0 0 20px;
	margin: 0px;
	display: block;
}

/* footerPan */

#footer{
	float: left;
	width: 860px;
	height: 36px;
	clear: both;
	padding: 0;
	background: url(images/footer_bg.gif) 0 0 repeat-x;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.footer_text{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #303030;
	padding: 10px 0 0 0;
}

.footer_text a{
	text-decoration: none;
	color: #303030;
}

.footer_text a:hover{
	text-decoration: none;
	color: #303030;
}

.footer_text_one{
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #303030;
	padding: 10px 0 0 0;
}

/* footerPan end */

/* colLeft */

#colleft{
	float: left;
	width: 219px;
	background: #f1f1f2;
}

.colleft_Top{
	float: left;
	width: 219px;
	height: 11px;
}

.colleft_mid{
	float: left;
	width: 219px;
	padding: 0;
	min-height: 265px;
	height: 315px !important;
	height: 265px;
}

.colleft_mid ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.colleft_mid li{
	padding: 0px;
	margin: 3px 0 0 0;
	display: block;
}

.colleft_mid li a{
	padding: 4px 14px 4px 30px;
	margin: 0px;
	width: 175px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9a1230;
	text-decoration: none;
	background: url(images/list_icon.gif) 14px 7px no-repeat;
}

.colleft_mid li a:hover{
	text-decoration: none;
	color: #000000;
}

.colleft_mid li a.active{
	color: #FFFFFF;
	background: #3a4984 url(images/list_icon2.gif) 14px 7px no-repeat;
}

.colleft_bottom{
	float: left;
	width: 219px;
	height: 11px;
}


/* colLeft end */


/* colRight */

#colright{
	float: left;
	width: 590px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

.body_heading{
	float: left;
	width: 590px;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.heading_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.body_content{
	float: left;
	width: 590px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 300px;
	line-height: 18px;
	text-align: justify;
}
.innerheading {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
}


.body_content ul{
	padding: 10px 0 0 0;
	margin: 0px;
	list-style: none;
}

.body_content li{
	padding: 5px 0 0 0;
	margin: 0px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #626161;
}


/* colRight end */


/* contact_form */

.contact_form{
	float: left;
	width: 592px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	padding: 11px 0 0 0;
}

.sub_heading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #393937;
}
.linktext {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	text-align: justify;
	text-decoration: none;
}
.linktext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626161;
	text-align: justify;
	text-decoration: none;
}

/* contact_form end */