.messagepresident {
	font-family: Pristina;
	font-size: 18px;
	color: #333333;
}



.footer {
	clear:both;
	width:100%;
	height:auto;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}
.searchform input.field {float:left; width:160px; height:15px; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:75%;margin-top:1px;}
.searchform input.button {width:3.0em; background:rgb(230,230,230); border:solid thin 1px #999999; text-align:center; font-family:verdana,arial,sans-serif; color:#666666; font-size:80%; width:65px; height:20px; margin-left:5px;}
.searchform input.button:hover {cursor:pointer; border:solid 1px #999999; background:rgb(220,220,220); color:rgb(80,80,80);}

/* HEADER */
.header {
	position:relative;
	padding:0;
	font-family: "Eras Medium ITC";
	font-size: 16px;
	color: #003366;
	font-weight: bold;
}
#navcontainer{
	position: absolute;
	width: 968px;
	height: 33px;
	padding: 0;
	margin: 0 0 10px 0;
	top:84px;
	left:1px;
	z-index:2;
}

#nav {height:33px; position:relative; z-index:100; top:-2px; left:2px;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:33px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; font-size:10px; font-weight:bold;} /* move the link text off screen */
.menu li.p5 {
	width:113px;
	background:url(../images/homeclients_2.gif) no-repeat;
	font-family: Calibri;
}
.menu li.p6 {width:116px; background:url(../images/homecareers_2.gif) no-repeat;}
.menu li.p7 {width:139px; background:url(../images/homecontact_2.gif) no-repeat;}
.menu li.p8 {width:149px; background:url(../images/homeonline_2.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:85px; background:url(../images/navhome_1.gif) no-repeat;}
.tableborder {
	border: 1px solid #CCCCCC;
}

.menu li a#company {width:125px; background:url(../images/homecompany_1.gif) no-repeat;}
.menu li a#solutions {width:121px; background:url(../images/homesolns_1.gif) no-repeat;}
.menu li a#services {width:115px; background:url(../images/homeservices_1.gif) no-repeat;}
.menu li a#clients {width:113px; background:url(../images/homeclients_1.gif) no-repeat;}
.menu li a#careers {width:116px; background:url(../images/homecareers_1.gif) no-repeat;}
.menu li a#contact {width:139px; background:url(../images/homecontact_1.gif) no-repeat;}
.menu li a#online {width:149px; background:url(../images/homeonline_2.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#company:hover, .menu li:hover a#company,
.menu li a#solutions:hover, .menu li:hover a#solutions,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#clients:hover, .menu li:hover a#clients,
.menu li a#careers:hover, .menu li:hover a#careers, 
.menu li a#contact:hover, .menu li:hover a#contact,
.menu li a#online:hover, .menu li:hover a#online {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:33px; white-space:nowrap; width:165px; height:21px;}
.menu :hover ul.sub li {display:block; height:21px; position:relative; float:left; width:165px;}
.menu :hover ul.sub li a {display:block; background:url(../images/submenusactive.gif); font-size:11px; height:21px; width:165px; line-height:20px; text-indent:5px; color:#666666; text-decoration:none; background:url(../images/submenusactive.gif) no-repeat;}
.menu :hover ul.sub li a:hover {background:url(../images/submenushover.gif) no-repeat; color:#fff;}
.menu :hover ul li:hover {background:url(../images/submenushover.gif) no-repeat; color:#fff;} 


/******************/
/*  MAIN SECTION  */
/******************/

.main{
background:url(../images/bgstretch.png) repeat-y; width:975px; margin-top:13px;
}

.main2{
background:url(../images/bgstretchmain.png) repeat-y; width:975px; margin-top:13px;
}

#videocontainer
{
background:#ffffff; position:relative; width:968px; height:238px; padding:0; left:3px; top:10px;
}

#navigation
{float:left; background:#333333; position:relative; width:968px; height:18px; border-top:1px #666666 solid; font-family:Arial; font-size:10px; font-weight:bold; color:#686868; text-decoration:none; line-height:1.4em; text-indent:.2em; margin-top:-4px;}

#navigation a
{font-family:Arial; font-size:10px; font-weight:bold; color:#686868; text-decoration:none; line-height:1.4em;}

#navigation a:hover
{color:#999999; text-decoration:none; line-height:1.4em;}

#navigation #current{
font-family:Arial; font-size:10px; font-weight:bold; color:#999999; text-decoration:none; line-height:1.4em; cursor:default;
}

#navigation2
{float:left; background:#333333; position:relative; width:968px; height:18px; border-top:1px #666666 solid; text-align:right;font-family:Arial; font-size:11px; font-weight:bold; color:#686868; line-height:1.4em; margin-top:-4px;}

#navigation2 a
{font-family:Arial; font-size:10px; font-weight:bold; color:#686868; text-decoration:none; line-height:1.4em;}

#navigation2 a:hover
{color:#999999; text-decoration:none; line-height:1.4em;}

#navigation2 #current2{
font-family:Arial; font-size:10px; font-weight:bold; color:#999999; text-decoration:none; line-height:1.4em; cursor:default;
}

h1
{
	font-family:Times New Roman;color: #990000; font-size:20px; font-style:italic; text-align:justify;font-weight:bold;
}

a:link, a:active, a:visited
{
	color:#006699;
	size:70%;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial;
	font-size: 10px;
}

a:hover
{
	color:#0099CC;
	size:70%;
	font-weight:normal;
	text-decoration:underline;
	font-family: Arial;
	font-size: 10px;
}
/********************/
/*  Left Navigation  */
/********************/
#leftcontainer
{
background:#FFFFFF; width:240px; float:left; margin-left:3px; font-family:Arial; font-size:70%; color:#666666;
}

#leftcontainer2
{
position:relative; background:#ffffff url(../images/leftnavtile.gif) top no-repeat;width:240px;float:left;margin-left:3px; }

.leftheader
{
	background:url(../images/inner_header.gif) left top no-repeat;	margin-top:3px; margin-left: 2px;width:244px; height:32px; line-height:1.4em;
}

.leftheadertext
{
font-family:Arial; color:#666666; font-size: 115%; font-weight:bold; padding-top:9px; margin-left:28px;
}

.leftnav1 a
{
position:absolute;display: block;background: url(../images/leftnav_tab.gif) no-repeat;overflow:hidden;width: 115px;	height: 22px;
left:5px;top:2px;font-family:Arial;font-size:80%;font-weight:bold;color:#666666;text-decoration:none;text-align:center; line-height:1.7em;
}

.leftnav1 a:hover{
	 background-position: 0px -22px;
	 color:#666666;text-decoration:none;
}

.leftnav2 a
{
position:absolute;display: block;background: url(../images/leftnav_tab.gif) no-repeat;overflow:hidden;width: 115px;	height: 22px;
left:125px;top:2px;font-family:Arial;font-size:80%;font-weight:bold;color:#666666;text-decoration:none;text-align:center; line-height:1.7em;
}

.leftnav2 a:hover {
	 background-position: 0px -22px;
	 color:#666666;text-decoration:none;
}
#container {width:230px; margin-left:3px; margin-top:2em; height:30em; overflow: hidden;}
.contenttab { height:30em;}
.contenttab a
{font-family:Arial;font-size:10px; font-weight:bold; color: #666666;text-decoration:none; line-height:1.4em;}
.contenttab a:hover
{font-family:Arial;font-size:10px;color:#666666; font-weight:bold; text-decoration:none; line-height:1.4em;}

#containerclient {width:230px; margin-left:3px; margin-top:2em; height:41em; overflow: hidden;}
.contenttabclient { height:41em;}
.contenttabclient a
{font-family:Arial;font-size:10px; font-weight:bold; color: #666666;text-decoration:none; line-height:1.4em;}
.contenttabclient a:hover
{font-family:Arial;font-size:10px;color:#666666; font-weight:bold; text-decoration:none; line-height:1.4em;}

/********************/
/*  Content Area    */
/********************/
#contentbox
{background:#FFFFFF; width:710px; float:right; margin-right:4px; font-family:Arial; font-size:70%; color:#666666;
}

#contentboxnew
{background:#FFFFFF; width:968px; padding:0; margin-left:3px; font-family:Arial; font-size:70%; color:#666666;
}

.contentheaderbg
{
	background:url(../images/inner_header.gif) top left no-repeat; width:650px; height:30px; margin-top:3px; margin-left:1px;
}

.contentheadertext{
	font-family:Arial; color:#666666; font-size: 110%; font-weight:bold; padding-top:9px; margin-left:28px;
}

.contentheadertabbed
{	background:url(../images/navright_tile.gif) left top no-repeat; margin-top:6px; margin-left:2px;width:685px;height:23px;
}

.splashbg
{
	background:url(../images/inner_splashbg.jpg) top left no-repeat;width:687px;height:216px;margin-top:25px;margin-left:12px;
}

.text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	width: auto;
	text-decoration: none;
}

.text2
{
	margin-left:15px;
	margin-top:100px;
	padding-right:5px;
	font-family:Calibri;
	color:#006699;
	font-size:14px;
	text-align:justify;
	font-weight: normal;
	text-decoration: none;
	height: auto;
}

#newsbox
{
float:left; width:475px;margin-left:10px;margin-top:10px;padding-right:10px;font-family:Arial;color:#666666;font-size:100%;text-align:justify;}

#eventsbox
{
	float:left;
	background:#fff url(../images/eventsbg.jpg) no-repeat;
	width:200px;
	margin-top:10px;
	font-family:Arial;
	color:#666666;
	font-size:10px;
	text-align:justify;
	border:1px solid #DFDFDF;
}

#eventsbox #heading
{padding:5px; font-family:Arial; color:#993300; font-size:10px; font-weight:bold;}

#eventsbox #heading a:link, #eventsbox #heading a:active, #eventsbox #heading a:visited
{text-decoration:underline;}
#eventsbox #heading a:hover
{color:#333333; text-decoration:none;}

#eventsbox #date
{font-family:Arial; color:#666666; font-size:10px; font-weight:bold;}

#eventsbox #info
{font-family:Arial; color:#333333; font-size:10px; font-weight:bold;}

.info{
width:500px; padding-left:10px; margin-top:200px; font-family:Arial;color:#666666;font-size:100%;text-align:justify;}

.infomgmt{
width:500px; padding-left:10px; margin-top:50px; font-family:Arial;color:#666666;font-size:100%;text-align:justify;}

.boldtext
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:normal;
}

.boldtext2
{
	font-family:Arial;
	color: #003366;
	font-size:14px;
	font-weight:bold;
}

.boldtext3
{
	font-family:Arial;
	color: #006699;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
}

.boldtext4
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:11px;
	text-align:justify;
	font-weight:normal;
}

#imageleft
{
  float:left;  padding-right:7px;  padding-bottom:7px;  }
  
#imageleft2
{
  float:left;  padding-right:7px;  padding-bottom:15em;  }
  
#imageleft3
{
  float:left;  padding-right:7px;  padding-bottom:20em;  }
  
 #imageleft7
{
  float:left;  padding-right:7px;  padding-bottom:10em;  }
  
#imageleft4
{
  float:left;  padding-right:2em;  padding-bottom:10em;  }
  
#imageleft5
{
  float:left;  padding-right:2em;  padding-bottom:10px;  }
  
#imageleft6
{
  float:left;  padding-right:2em;  padding-bottom:65px;  }
  
  
#keypoints
{float:left;  padding-right:4px;  padding-bottom:20px; }

#keypoints2
{float:left;  padding-right:4px;  padding-bottom:45px; }
  
.keytext
{
	font-family:Arial;
	color: #0DD5EF;
	font-size:70%;
	font-weight:bold;
}
  
  
#imagemgmt
{
  float:left;  padding-right:2em;  padding-bottom:5em;  }
  
#imageright
{
  float:right;  padding-left:17px;  padding-right:20px; padding-bottom:40px;  }
#imageright2
{
  float:right;  padding-left:17px;  padding-right:20px; padding-bottom:2px;  }
  
#imageright3
{
  float:right;  padding-left:17px;  padding-right:10px; padding-bottom:7px;  }
  
#imageright4
{
  float:right;  padding-left:17px;  padding-right:10px; padding-bottom:60px;  }
  
.gototop
{float:right; margin-right:15px; background:url(../images/Icons/top.png) no-repeat; width:40px; height:14px;}

.navigate
{float:right; margin-right:5px; margin-top:10px; margin-bottom:5px; background:url(../images/Icons/navigate.png) no-repeat; width:150px; height:14px;}

.navigate2
{float:right; margin-right:5px; margin-top:10px; margin-bottom:5px; background:url(../images/Icons/top.png) no-repeat; width:80px; height:14px;}

.iformicons
{float:left; clear:both; margin-top:2px; background:url(../images/iform/ie-word.png) no-repeat; width:500px; height:16px; line-height:1.4em; padding-left:20px;}

.headings
{float:left; background:url(../images/Icons/header.png) no-repeat; width:170px; height:20px; padding-top:3px; padding-left:20px; font-family:Arial; font-size:12px; font-weight:bold; color:#333333;}

.audioppt
{float:left; background:url(../images/Icons/audio-ppt.png) no-repeat; width:400px; height:20px; padding-top:3px; padding-left:25px;}




/**********************/
/*DEMO PAGE INPUT FIELDS*/
/**********************/
.fname {width:148px;}
.lname {display:none;}
.companyname {display:none;}

/************************/
/* SITE MAP**********/
/************************/
.rootdirectory{font-family:arial;font-weight:bold;font-size:16px;padding-bottom:5px;padding-top:12px;}
.firstbranch{font-family:arial;padding-left:30px;line-height:20px;}
.secondbranch{font-family:arial;padding-left:60px;line-height:16px;}
.thirdbranch{font-family:arial;padding-left:90px;line-height:16px;}

/*****************/
/* Contact us   */
/***************/
.contactheading {font-family:Arial; font-size:12px; padding-left:40px; padding-top:20px; padding-bottom:3px; font-weight:bold;}
.contactdetails {font-family:Arial; font-size:10px; padding:11px,0px,4px,25px; font-weight:bold; text-align:center;}
.contactnumbers {font-family:Arial; font-size:15px; color:#333333; padding:20px,0px,4px,25px; font-weight:bold; text-align:center; line-height:1.4em}
/********************/
/*  FOOTER SECTION  */
/********************/
#menubottom
{position:relative;	width:975px; background:url(../images/footer.gif) no-repeat; height:25px;font-family: Arial;color:#999999;	font-size:70%;font-weight:bold; margin-top:10px;line-height:2em;}
#menubottom a, menubottom a:active, menubottom a:visited
{font: Arial; color:#999999; size:10px; font-weight:bold; text-decoration:none;}

#menubottom a:hover
{font: Arial; color:#999999; size:10px; font-weight:bold; text-decoration:underline;}


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .searchform:after, .header:after, .main:after,.footer:after

.searchform {
	position:relative;
	float:right;
	width:270px;
	margin-top:2px;
	color:#CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.toplinebottomline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}