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

body{
	margin: 0px;
	padding: 0px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.bg{
	background: url(../images/main_bg.gif) repeat-x left top #F4F8FB;

}

.globebg{
	background: #B74324 url(../images/globe_bg.gif) repeat-x left top;
}

.nav_bg {
	background:url(../images/nav_bg.gif) no-repeat left top;
}

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

#left_nav li{
	padding: 10px 0px 17px 32px;
}

#left_nav a{
	font: bold 11px tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}

#left_nav a:hover{
	background: url(../images/nav_arrow2.gif) no-repeat 8px 12px;
	color: #A7D3E5;
	text-decoration:underline;
}

.head_bg{
	background:url(../images/welc_bg.gif) repeat-x top left;
}

.globe{
	width:217px;
	height: 449px;
	float:left;
	background: url(../images/globe.jpg) no-repeat top left;
}

.globe1{
	width:217px;
	float:left;
	background: url(../images/gl_bg.gif) no-repeat top left;
}


.t1{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:10px 5px;
	text-align:justify;
}

.footer{
	height: 40px;
	padding-top: 15px;
	padding-bottom:10px;
	font: 11px normal Arial, Helvetica, sans-serif;
	background-color: #44618B;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
}

.footer ul{
	margin:0;
	padding:0px;
}

.footer li{
	display:inline;
	list-style-type:none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
	text-decoration:none;
	padding-left: 8px;
	padding-right: 8px;
}

.footer a{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
	text-decoration:none;
}

.footer a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}


.head1{
	background:url(../images/welc_bg.gif) repeat-x top left;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003399;
}

.head2{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #C83E16;
	text-transform: uppercase;
}
.head3{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #003399;
	text-transform: uppercase;
}
.head4{
	background:url(../images/welc_bg.gif) repeat-x left top;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003399;
}
.bi_flow{
	width:541px;
	height:341px;
	background:url(../images/bi_flow.gif) no-repeat left top;
}

.content{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #EDEEF1;
	padding: 0px 10px 5px 10px;
	text-align:justify;
}
.content1{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 10px 5px 10px;
	text-align:justify;
}

.sub_nav{
	font: bold 11px tahoma, Arial, Helvetica, sans-serif;
	color: #44618b;
	text-decoration:none;
}

.sub_nav a{
	color: #44618b;
	text-decoration:none;
}

.sub_nav a:hover{
	color: #C83E16;
	text-decoration:underline;
}

.sub_nav a:select{
	color: #C83E16;
	text-decoration:underline;
}

.more{
	float:right;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #C83E16;
}

.more a{
	float:right;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #C83E16;
	text-decoration:underline;
}

.more a:hover{
	float:right;
	text-decoration:none;
}

.read{
	float:right;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #0D66B2;
	background-color: #EDEEF1;
	padding: 0px 0px 0px 10px;;
}

.read a{
	color: #0D66B2;
	text-decoration:none;
}

.read a:hover{
	color: #0D66B2;
	text-decoration:underline;
}

.inner_bg{
	margin: 0px;
	padding: 0px;
	background: url(../images/inner_main_bg.gif) repeat-x top left;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.erp_pmm{
	width: 450px;
	height: 308px;
	background: url(../images/erp_impl.gif) no-repeat left 10px;
}

.laptop{
	background: url(../images/laptop1.gif) no-repeat center 10px;
}

.arrowlistmenu{
width: 168px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Arial;
color: #44618B;
background: url(../images/titlebar.gif) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 15px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
color: #44618B;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
background: url(images/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 3px 1px;;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #0F6CBA;
font: normal 11px Arial, Helvetica, sans-serif;
color: #44618B;

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
color: #A70303;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
	color:#44618B;
	text-decoration:none;
}

.arrowlistmenu .menuheader a:hover{ /*CSS class for menu headers in general (expanding or not!)*/
	text-decoration:none;
	color: #44618B;
}


.home a{
	width: 138px;
	float: left;
	background: url(../images/home.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.home a:hover, a.hactive{
	width: 138px;
	float: left;
	background: url(../images/home_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.about_us a{
	width: 138px;
	float: left;
	background: url(../images/about_us.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.about_us a:hover, a.aactive{
	width: 138px;
	float: left;
	background: url(../images/about_us_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.services a{
	width: 138px;
	float: left;
	background: url(../images/services.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.services a:hover, a.sactive{
	width: 138px;
	float: left;
	background: url(../images/services_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.delivery_model a{
	width: 138px;
	float: left;
	background: url(../images/delivery_model.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.delivery_model a:hover, a.dactive{
	width: 138px;
	float: left;
	background: url(../images/delivery_model_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.facilities a{
	width: 138px;
	float: left;
	background: url(../images/facilities.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.facilities a:hover, a.factive{
	width: 138px;
	float: left;
	background: url(../images/facilities_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.why_propart a{
	width: 138px;
	float: left;
	background: url(../images/why_propart.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.why_propart a:hover, a.wactive{
	width: 138px;
	float: left;
	background: url(../images/why_propart_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.clients a{
	width: 138px;
	float: left;
	background: url(../images/clients.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.clients a:hover, a.cactive{
	width: 138px;
	float: left;
	background: url(../images/clients_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.partners a{
	width: 138px;
	float: left;
	background: url(../images/partners.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.partners a:hover, a.practive{
	width: 138px;
	float: left;
	background: url(../images/partners_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}


.people a{
	width: 138px;
	float: left;
	background: url(../images/people.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.people a:hover, a.pactive{
	width: 138px;
	float: left;
	background: url(../images/people_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.downloads a{
	width: 138px;
	float: left;
	background: url(../images/downloads.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.downloads a:hover, a.dwactive{
	width: 138px;
	float: left;
	background: url(../images/downloads_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}

.contacts a{
	width: 138px;
	float: left;
	background: url(../images/contacts.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.contacts a:hover, a.cnactive{
	width: 138px;
	float: left;
	background: url(../images/contacts_hover.gif) no-repeat right top;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px  6px 30px;
	text-decoration: underline;
}
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 95px; /*marquee height */
overflow: hidden;
border: 0px solid orange;
padding: 2px;
padding-left: 4px;
}