*{
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	background-color: #FFFFFF;
	text-align: center;
}

/****Styling the link in different section *********/
a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #FFCECE;
}
 
a,a:visited{
	text-decoration: none;
	color:#000000;
}


#aboutus_section a:hover{background-color: #cee6e6;}
#bp_section a:hover{background-color: #ffffb7;}
#exp_section a:hover{background-color: #FFCECE;}
#faq_section a:hover{background-color: #ffd7bd;}
#glossary_section a:hover{background-color: #FFDFFF;}
#contact_section a:hover{background-color:#D8C9F2;}
#contact_section .container p a{ 
color: #4848FF;
}
/*********************************/


#wrapper{
	background-color:#FFFFFF;
	margin: 15px auto auto auto;
	border: 0 px;
	text-align: left;
	width: 770px;
}

#banner{
	width: 100%;
	height: 56px;
	
}

/* For the left nav menu */
#leftcol #leftnav h3{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 8px 12px;
	margin-bottom: 8px;
	border-left: #C30204 5px solid;
	color: #C30204;
}

#leftcol #leftnav ul{
padding: 0;
margin: 0;
list-style-type: none;
background-color:transparent
}

#leftcol #leftnav ul li{
	margin: 0 0 3px 0;
	padding: 0;
}

#leftcol #leftnav ul li a{
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial;
	padding-left: 18px;
	width: 150px;
}


#leftcol #leftnav  ul li a:hover
{
	background-image: url(../img/menu_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

/*End of the left navi menu */

#content {
	margin-left: 200px;
	margin-top: 24px;
	margin-right: 10px;
}




.leftimage{
	float: left;
	margin: 0px 12px 4px 0px;
	clear:left;
}

.rightimage{
float: right;
margin: 4px 10px 4px 12px;
clear:right;
}

.clearit{
clear: both;
}

.imagemargin{
	margin: 8px -2px 8px 2px;

}

#leftcol{
	float: left;
	width: 170px;
	background-color: transparent;
	margin-top: 24px;
	margin-left: 4px;
	margin-bottom: 10px;
	clear: both;
	text-align: left;
  }
  
  
  
  
.container{
	width: 99%;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 5px;
 }
 
 
.container p{
	font-size: 100%;
	line-height: 1.5em;
	margin: 14px;
}

.container h1{
	font-size: 130%;
	color: #3333CC;
	padding: 0;
	margin: 0px;
	text-decoration: underline;
}

.container h2{
font-size: 110%;
color: #C30204;
padding: 0;
margin: 2px 5px 5px 5px;
}
   
.container h2 a ,.container h2 a:visited {  /*For the (top) in the glossary section*/
	margin-right: 20px;
	text-decoration: underline;
	color: #333333;

}


.glossary_container{
	width: 99%;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 5px;
	border-bottom:1px dotted #777777;
}   

.glossary_container p{
	font-size: 100%;
	line-height: 1.5em;
	margin: 14px;
}

.glossary_container h2{
	font-size: 110%;
color: #C30204;
padding: 0;
margin: 2px 5px 5px 15px;
}

.glossary_container h3{
	margin-left: 15px;
	margin-top:12px;
	color: #C81E3B;
	font-size: 110%;
	font-weight: bold;
	background-image: url(../img/reddot.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 10px;
}


   
/***List style****/
 ul.RedDotList {
	margin-left: 15px;
	margin-top:12px;
}

ul.RedDotList li{
	line-height: 1.3em;
	background-image: url(../img/reddot.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 3px;
} 

#contact_section .container a {
	text-decoration: underline;

}

 

ul.SiteMapList  {
	margin-left: 15px;
	margin-top:12px;
}

ul.SiteMapList li{
	line-height: 1.3em;
	background-image: url(../img/reddot.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 3px;
	margin-bottom: 10px;

} 

ul.SiteMapList li li{
	padding-left: 20px;
	margin-bottom: 2px;
	background-image:url(../img/redtri.gif);
	background-position: 10px 2px;
} 

ul.SiteMapList li ul{
	margin-top: 10px;
} 

ul.SiteMapList li li li{
	padding-left: 20px;
	margin-bottom: 2px;
	background-image:url(../img/redrect.gif);
	background-position: 10px 2px;
} 

/*Header top*/
 #headertop {
	background-color: transparent;
	text-align: right;
	float: right;
	margin-bottom: 10px;
}


/*Header top  end*/


/* Footer */
#footer{
	background-color: #FFFFFF;
	color: #000000;
	clear: both;
	text-align: center;
	font-size: 10px;
	height: 16px;
	margin-top: 20px;
}
/*Footer end*/

div.leftblock{
	background-color: #FCB6B1;
	float: left;
	width: 40%;
	font-size: 14px;
	line-height: 1em;
	margin: 5px 5px 5px 0px;

}

div2.leftblock{
	background-color: #FCB6B1;
	float: left;
	width: 40%;
	font-size: 14px;
	line-height: 1em;
	margin: 5px 5px 5px 0px;

}

div.rightblock{
	background-color: #F4FC61;
	float: right;
	width: 40%;
	font-size: 14px;
	line-height: 1em;
	margin: 5px 5px 5px 0px;

}

/* My Spanning style */
.style1 {
	color: #FFFFFF;
	font-size: 36px;
}

/* Copyright declaration :Nifty corners by  Alessandro Fulciniti --http://pro.html.it*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/**************************/

/******************For the navigation menu***********************/
#nav {   /*The navigation layer*/
	height: 29px;
	visibility: visible;
	float: right;
}

/*#nav div {
	left: 3px;
	margin: 0;
	position: absolute;
	right: 8px;
	top: -59px;
}*/


#nav ul {  
	height: 29px;
	margin: 0 0;
	position: relative;
	width: 540px;
	background-repeat: no-repeat;
	background-position: 0 -29px;
	background-image: url(../img/NewMenu.png); 
}

#nav li {
	float: left;
	height: 29px;
}

/*Configure  each button 's width */
#n-aboutus {
	width: 66px;
}
#n-expertise {
	width: 97px;
}
#n-bp {
	width: 109px;
}
#n-faq {
	width: 40px;
}
#n-glossary {
	width: 59px;
}
#n-contact {
	width: 59px;
}

#n-home {
	width: 108px;
}
#nav a {
	border: none;
	color: #777;
	display: block;
	font-weight: normal;
	height: 29px;
	padding: 0 5px;
	background-image: url(../img/NewMenu.png);
	background-repeat: no-repeat;
	text-indent: -9999px; 
}

/*Configure each button 's background image location*/
#nav #n-aboutus a {
	background-position: 0 0;
}
#nav #n-expertise a {
	background-position: -66px 0;
}
#nav #n-bp a {
	background-position: -163px 0;
}
#nav #n-faq a {
	background-position: -272px 0;
}
#nav #n-glossary a {
	background-position: -312px 0;
}
#nav #n-contact a {
	background-position: -371px 0;
}
#nav #n-home a {
	background-position: -430px 0;
}

#nav a:hover,
#nav li:hover a,
#nav li.mnhover a {
	background: none !important;
}

/*Make the BG to be the "indicating section button" if browsing that section*/
#aboutus_section #n-aboutus a {
	background-position: 0 -58px;
}
#exp_section #n-expertise a {
	background-position: -66px -58px;
}
#bp_section #n-bp a {
	background-position: -163px -58px;
}
#faq_section #n-faq a {
	background-position: -272px -58px;
}
#glossary_section #n-glossary a {
	background-position: -312px -58px;
}
#contact_section #n-contact a {
	background-position: -371px -58px;
}

#nav li ul { /*For the pop up list */
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 0;
	position: absolute;
	background-image: url(../img/white_bg.png); /* Use a white BG to cover up the epsnav.gif */
    background-repeat: repeat-x;
	background-color: transparent;
	left: -9999px; /* Make the pop up list to shift to left temporary (invisible) in the normal state*/
	z-index: 3; 
}
#nav li:hover ul,  /* When hover the navigation menu , then the pop-up menu ....*/
#nav li.mnhover ul {
	left: auto;
}

/*#nav li#n-about:hover ul,  --When hover the about navigation menu(Special case) , then the pop-up menu....--
#nav li#n-about.mnhover ul {
	left: auto;
	right: 15px;
}*/

#nav li ul li,  /* configure the items in the pop-up menu menu*/
#nav li ul li a {
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;

}
#nav li ul li a {
	border: 1px #fff;
	border-style: none solid;
}

/* make pop-up menu become horizontal */
#nav li#n-expertise ul{  
	width: 340px;
}

#nav li#n-bp ul{  
	width: 355px;
}

#nav li#n-glossary ul{ 
	width: 150px;
}

#nav li#n-aboutus ul{ 
	width: 300px;
}


#nav li:hover ul li a, /*Configure the button text in the pop-up menu*/
#nav li.mnhover ul li a,
#nav li ul li a {
	background: none;
	display: inline; /* make pop-up menu become horizontal */
	font-size: 0.9em;
	padding: 8px 5px 8px 20px;
	color: #444;
}
#nav li li {  /*Configure the style image in the pop-up menu*/
	background-image: url(../img/menu_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 14px 50%;

}

/***********Configure the bg color of the pop-up menu**********/
#nav li#n-aboutus li.mnhover,
#nav li#n-aboutus li:hover {

	background-position: 100% 0;
	background-color: #cee6e6;
}

#nav li#n-expertise li.mnhover,
#nav li#n-expertise li:hover {

	background-position: 100% 0;
	background-color: #FFCECE;
}

#nav li#n-bp li.mnhover,
#nav li#n-bp li:hover {

	background-position: 100% 0;
	background-color: #ffffb7;
}

#nav li#n-faq li.mnhover,
#nav li#n-faq li:hover {

	background-position: 100% 0;
	background-color: #ffd7bd;
}

#nav li#n-glossary li.mnhover,
#nav li#n-glossary li:hover {

	background-position: 100% 0;
	background-color: #FFEAFF;
}

#nav li##n-contact li.mnhover,
#nav li#n-contact li:hover {

	background-position: 100% 0;
	background-color: #333399;
}

#nav li#n-home li.mnhover,
#nav li#n-home li:hover {

	background-position: 100% 0;
	background-color: #e8ffb9;
}

#nav li ul li a:hover {
	background: url(../img/menu_arrow2.gif) no-repeat 12px 50% !important;
	color: #000000;
}

.highlight {color:#FF0000;}

.solutions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FF0000;
	background-color: #FFFFFF;
}
/******************End of the navigation menu***********************/

