/* CSS Document */

body { 
	color: #000; 
	font-size: 14px; 
	line-height: 16px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 

    margin: 0px;
	padding: 0px;
 	background: #fff;

}

#container {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px;
	top: 0px;
}


#top {
 	width: 100%;
     height: 19px;
background-color: rgb(68,104,142);
/*	background:#414850;*/
	margin: 0px auto 3px auto;
	padding:  0px;

	}
#top2 {
 	width: 100%;
     height: 23px;
	background:#dadada;
	margin: 0px auto 0px auto;
	padding:  0px;
	}

#top3 {
 	width: 906px;
     height: 28px;
	background:#6088ba;
	margin: 0px auto 0px auto;
	padding:  0px 0px 0px 0px;
	}

#topnav {
 	width: 890px;
color:#fff;
text-align:right;
    height: 13px;
	background:#082231;
background:#224773;
	margin: 0px auto 0px auto;
	padding:  2px 6px 4px 6px;

	}
#header {
 	width: 877px;
    height: 237px;
	background:#eee;
		margin: -5px auto -6px auto;
	padding:  0px 25px 0px 0px;
	z-index:0;

	}
#header img,
#logo img {
 border: none;
	}
#logo {
position:absolute;
float:left;
 	width: 264px;
    height: 73px;
	background:#none;
		margin: 15px 0 0px 15px;
	padding:  0px 0px 0px 0px;
	z-index:110;
	}

#tagline {
position:absolute;
float:left;
 	width: 364px;
    height: auto;
	color: #19334E; 
	font-size: 20px; 
	line-height: 24px;
	font-family: "Times New Roman", times, serif; 
	background:none;
	margin: 155px 0 0px 85px;
	padding:  0px 0px 0px 0px;
	z-index:110;
	}
#casestudy img{
 border: none;
margin: 10px 0px 0px 0px;
	}
#navwrapper2 {
 	width: 100%;
	height: 31px;
	background: #bdbfc2;
	margin: 0px auto 0px auto;
	padding: 4px 0px 0px 0px;
z-index:0;
}	
#navwrapper {
 	width: 100%;
	height: 30px;
	background: #414850;
background:#567fab;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	z-index:0;


	}

#navwrapper-sub {
 	width: 100%;
	height: 31px;
	background: #414850;
	margin: 2px auto 0px auto;
	padding: 1px 0px 0px 0px;
	z-index:0;
}
#nav {
 	width: 902px;
	height: 34px;
	/*background: #082231 url(images/nav-bg-right-blue.jpg) no-repeat top right;*/
	background: #224773;
    margin: -37px auto 0px auto;
	padding: 0px 0px 0px 0px;
	z-index:3;
	
}
#nav2 {
 	width: 902px;
	height: 37px;
	background: #082231 url(images/nav-bg-right-gray.jpg) no-repeat top right;
    margin: -8px auto 0px auto;
	padding: 0px 0px 0px 0px;
	z-index:3;
}
#navwrapper3 {
 	width: 906px;
     height: 37px;
	background:#6088ba;
	margin: 0px auto 0px auto;
	padding:  0px 0px 0px 0px;
border:#ffff00 1px solid;
	}

#main {
     position:relative;
 	width: 904px;
    height: auto;
		margin: 20px auto 0px auto;
		padding: 0px 0px 0px 10px;
}

#rightcol {
 float:left;
   position:relative;
	width: 197px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	margin:  20px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
#leftcol {
       float:left;
       position:relative;
	width: 180px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
       margin:  20px 35px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#leftcol li{
        list-style: none;
        list-style-type:none;
        list-style-position:outside;
	font-size: 12px;
	line-height: 15px;
	margin:  0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
#leftcol ul{
        margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#midcol {
        float:left;
        position:relative;
	width: 460px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
        text-align:justify;
	margin:  20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightcolsub {
        float:right;
        position:relative;
	width: 640px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
        text-align:left;
	margin:  20px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightcolsub img {
        float:right;
	margin:  10px 10px 20px 30px;
	padding: 0px 0px 0px 0px;
border: 1px solid #a9acb0;
}
#leftcolsub {
       float:left;
       position:relative;
	width: 200px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	margin:  20px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightcol-sm {
        float:right;
        position:relative;
	width: 500px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
        text-align:left;
	margin:  20px 25px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#more {
        float:right;
	margin:  0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p {
	font-size: 14px; 
	line-height: 18px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	   text-align:left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#midcol p {
	font-size: 13px; 
	line-height: 18px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	   text-align:justify;
	margin: 0px;
	padding: 0px;
}
#sidenav h1{
  
font-size:15;
	color: #000;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sidenav {
       position:relative;
	width: 190px;
	height: auto;
	color: #000;
background: #eff8fe;
	margin:  0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
border: 1px solid #a9acb0;
}
.side-nav li{
list-style-type:none;
list-style-position:outside;
list-style-image:url(images/triangle.gif);
	font-size: 12px;
	line-height: 18px;
	margin:  0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

h1{
    background: none;
	color: #000;
	font-size: 14px; 
	line-height: 16px;
	font-weight: bold; 
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif;  
	margin: 0px 0px 0px 0px;
	padding:  2px 0px 0px 0px;
}
h2 {
     background: none;
	 color: #000;
	font-size: 13px; 
	line-height: 16px;
	font-weight: bold; 
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
     margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}
h3 {
    background: none;
	color: #000;
	font-size: 15px; 
	line-height: 18px;
	font-weight: bold; 
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; text-align: left; 
	margin: 0px 4px 2px 2px;
	padding: 0px 0px 4px 0px;
}
li {
        list-style: disc;
       
        list-style-position:outside;
	font-size: 13px;
	line-height: 16px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.rssdate {
	font-size: 11px; 
	line-height: 13px;
       color:#b12611;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	text-align: left; 
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#footer {
position:relative;
 	width: 904px;
	color:#19334E;
	font-size: 11px; 
	line-height: 14px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
text-align: center;
	margin: 2px auto 2px auto;
	padding: 0px 0px 0px 0px;

}
#footer2 {
position:relative;
 	width: 904px;
	color:#19334E;
	font-size: 12px; 
	line-height: 14px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
text-align: center;
	border-bottom: 1px #666 solid;
	margin: 40px auto 0px auto;
	padding: 5px 0px 0px 0px;

}
a:link,
a:active {
    font-style: normal;
	text-decoration: none; 
	color: #000;
	}
a:visited  {
	font-style: normal;
	text-decoration: none; 
	color:#000;
	}	
a:hover {
	font-style: normal;
	text-decoration: underline; 
	color: #666;
}

#topnav a:link,
#topnav a:active {
	font-size: 12px; 
	line-height: auto;
    font-style: normal;
	text-decoration: none; 
	color: #fff;
	}
#topnav a:visited  {
font-size: 12px; 
	font-style: normal;
	text-decoration: none; 
	color:#ececec;
	}	

#topnav a:hover {
font-size: 12px; 
	font-style: normal;
	text-decoration: underline; 
	color: #ececec;

}
#footer a:link,
#footer a:active {
    font-style: normal;
	text-decoration: none; 
	color: #000;
	}
#footer a:visited  {
	font-style: normal;
	text-decoration: none; 
	color:#000;
	}	

#footer a:hover {
	font-style: normal;
	text-decoration: underline; 
	color: #666;

}


/*-------------------------

 menu begins here 

-------------------------*/

#multi-level {height:42px;
 position:relative;
 margin: 3px 0px 0px 0px; 
z-index:5;

}

#multi-level .pad {float:left;}

/* 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:32px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover yimages into the lists */
.menu li.p1 {width:122px; background:transparent url(images/newnav/home-on.jpg) center center repeat-x;}
.menu li.p2 {width:122px; background:transparent url(images/newnav/services-on.jpg) center center repeat-x;}
.menu li.p3 {width:127px; background:transparent url(images/newnav/about-on.jpg) center center repeat-x;}
.menu li.p4 {width:144px; background:transparent url(images/newnav/casestudies-on.jpg) center center repeat-x;}
.menu li.p5 {width:130px; background:transparent url(images/newnav/contact-on.jpg) center center repeat-x;}


/* set up the normal unhovered yimages in the links */
.menu li a#home {width:102px; background:transparent url(images/newnav/home-on.jpg) center center repeat-x;}
.menu li a#services {width:122px; background:transparent url(images/newnav/services-off.jpg) center center repeat-x;}
.menu li a#about_us {width:127px; background:transparent url(images/newnav/about-off.jpg) center center repeat-x;}
.menu li a#case_studies {width:144px;background:transparent url(images/newnav/casestudies-off.jpg) center center repeat-x;}
.menu li a#contact {width:130px; background:transparent url(images/newnav/contact-off.jpg) center center repeat-x;}


/* 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#services:hover, 
.menu li:hover a#services,
.menu li a#about_us:hover, 
.menu li:hover a#about_us,
.menu li a#case_studies:hover, 
.menu li:hover a#case_studies,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}


/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:33px; background: #83a1b3; padding:0px 0; border-bottom:1px solid #fff; white-space:nowrap; width:225px; height:auto;}
.menu :hover ul.sub li {display:block; height:26px; position:relative; float:left; width:230px; border-bottom:1px solid #fff;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:25px; width:225px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; padding:1px 0 0 0;}
.menu :hover ul.sub li a.fly {background:#83a1b3  225px 7px no-repeat; border-bottom:1px solid #fff;}
.menu :hover ul.sub li a:hover {background:#082231; color:#fff; border-bottom:1px solid #fff;}
.menu :hover ul.sub li a.fly:hover {background:#082231  225px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#082231  225px 7px no-repeat; color:#fff;} 


/* 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;}

.testimonial-top {
width: 197px;
height: 24px;
	background-image:url(images/testimonial_top.gif); 
	background-repeat:no-repeat; 
	background-position:left top; 
	  padding: 0px 0px 0px 0px;
	  margin: 0px;
}
.testimonial-bottom {
width: 197px;
height: 16px;
	background-image:url(images/testimonial_bottom.gif); 
	background-repeat:no-repeat; 
 	background-position:left top; 
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
}

.testimonial {
width: 182px;
	background-image:url(images/testimonial_mid.gif); 
	background-repeat:repeat-y; 
	background-position:left top; 
	  padding: 0px 5px 0px 10px;
}
.testimonial p {
	color:#000; 
	font-style:italic; 
	  font-size:12px;
	  line-height: 18px;
	    text-align:center;
	background-image:url(images/end_quote.gif); 
	background-position:right bottom; 
	background-repeat:no-repeat; 
	margin:-5px 0 0px 0;
}
.testimonial-top-sub {
width: 197px;
height: 24px;
	background-image:url(images/testimonial_top.gif); 
	background-repeat:no-repeat; 
	background-position:left top; 
	  padding: 0px 0px 0px 0px;
	  margin: 0px;
}
.testimonial-bottom-sub {
width: 197px;
height: 16px;
	background-image:url(images/testimonial_bottom.gif); 
	background-repeat:no-repeat; 
 	background-position:left top; 
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
}

.testimonial-sub {
width: 182px;
	background-image:url(images/testimonial_mid.gif); 
	background-repeat:repeat-y; 
	background-position:left top; 
	  padding: 0px 5px 0px 10px;
}
	
#author {
text-align:left;
	color:#000; 
	  font-size:11px;
	    line-height: 15px;
	  font-weight:bold;
	  font-style:normal;
	margin:8px 0 0px 5px;
	padding:0px 0 0px 0px;
	font-style:normal;
	background:none;
	}

.side-nav-top {
width: 197px;
height: 15px;
	background-image:url(images/side_nav_top.gif); 
	background-repeat:no-repeat; 
	background-position:left top; 
	  padding: 0px 0px 0px 0px;
	  margin: 0px;
}
.side-nav-bottom {
width: 197px;
height: 16px;
	background-image:url(images/side_nav_bottom.gif); 
	background-repeat:no-repeat; 
 
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
}

.side-nav {
width: 182px;
	background-image:url(images/side_nav_mid.gif); 
	background-repeat:repeat-y; 
	background-position:left top; 
	  padding: 0px 5px 0px 10px;
}

#team {
width: 455px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

#team img {
float: right;
margin: 0px 0px 8px 8px;
padding: 0px 0px 0px 0px;

}

#emp_quote {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}