/*------------------------------------------------*/
/*---------------[BASIC STYLES]---------------*/
/*------------------------------------------------*/

body{ 
	font-family: Arial, sans-serif;
	font-size: .7em;
	margin:0 0 0 0;
	background-image:url('/images/bg.png');
	background-repeat:repeat-x;
}

ul, li, h4, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}

h1{
	color: #113c61;
	font-family: Arial, sans-serif;
	font-size: 2em;
}

h2{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1.5em;
}

h3{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1.20em;
}

h4{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1em;
}

img{  
	border-style: none;
}

ol{font-size:12px;}


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/


/*---------------[HEADER]---------------*/

#header {
	margin: 15px; 
	padding: 0px;
	width: 963px;
	height: 351px;
  	margin-left: auto;
  	margin-right: auto;
	margin-bottom: 25px;
	background-image:url('/images/header.png');
	background-repeat:no-repeat;

	
}

#header #content img { behavior: url(iepngfix.htc) }


/*---------------[BODY]---------------*/

#body{
	position:relative;
	margin-left: auto ;
  	margin-right: auto ;
	width:100%;
	height:485px;
	margin-top:-78px;
	margin-bottom:0px;
	background-image:url('/images/bt_div_bg-1.png');
	background-repeat:repeat-x;
}

#slideshow {
	margin-left:50px;
	zoom: 1;
	
}




/*---------------[NAVIGATION]---------------*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {width: 930px; height:57px; position:relative; z-index:100; margin-left:auto; margin-right:auto; top:-30px;}

/* 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:57px;}
.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 images into the lists */
.menu li.p1 {width:120px; background:url(/images/nav_home_over.png) no-repeat;;}
.menu li.p2 {width:115px; background:url(/images/nav_about_over.png) no-repeat;;}
.menu li.p3 {width:115px; background:url(/images/nav_products_over.png) no-repeat;;}
.menu li.p4 {width:115px; background:url(/images/nav_services_over.png) no-repeat;;}
.menu li.p5 {width:115px; background:url(/images/nav_tech_over.png) no-repeat;;}
.menu li.p6 {width:115px; background:url(/images/nav_education_over.png) no-repeat;;}
.menu li.p7 {width:115px; background:url(/images/nav_lab_over.png) no-repeat;;}
.menu li.p8 {width:120px; background:url(/images/nav_contact_over.png) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:120px; background:url(/images/nav_home.png) no-repeat;}
.menu li a#about {width:115px; background:url(/images/nav_about.png) no-repeat;}
.menu li a#products {width:115px; background:url(/images/nav_products.png) no-repeat;}
.menu li a#services {width:115px; background:url(/images/nav_services.png) no-repeat;}
.menu li a#tech {width:115px; background:url(/images/nav_tech.png) no-repeat;}
.menu li a#education {width:115px; background:url(/images/nav_education.png) no-repeat;}
.menu li a#lab {width:115px; background:url(/images/nav_lab.png) no-repeat;}
.menu li a#contact {width:120px; background:url(/images/nav_contact.png) 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#about:hover, .menu li:hover a#about,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#tech:hover, .menu li:hover a#tech,
.menu li a#education:hover, .menu li:hover a#education,
.menu li a#lab:hover, .menu li:hover a#lab,
.menu li a#contact:hover, .menu li:hover a#contact {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:57px; background: #effaff; border:1px solid #fff; white-space:nowrap; width:180px; height:auto;}
.menu :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:180px; background-image:url('/images/sub_menu_bg.png');}
.menu :hover ul.sub li a {display:block; font-size:11px; height:30px; width:180px; line-height:30px; text-indent:8px; color:#0b3c65; text-decoration:none;}
.menu :hover ul.sub li a:hover {background-image:url('/images/sub_menu_bg_hover.png');; color:#fff;}

/*---------------[CONTENT]---------------*/

#content{
	position:relative;
	top:-10px;
	margin-left: auto ;
  	margin-right: auto ;
	margin-bottom:0px;
	width:963px;
	height:387px;
	background-image:url('/images/body_bg.png');
	background-repeat:no-repeat;
}

#content img { behavior: url(iepngfix.htc) }

#content-welcome img { behavior: url(iepngfix.htc) }

#content-welcome{
	position:absolute;
	margin-left: auto ;
  	margin-right: auto ;
	margin-bottom:0px;
	color: #fffffe;
	top:40px;
	left:40px;
}

#content-text h1{
	color: #fffffe;
}

#content-text1{
	position:absolute;
	margin-left: auto ;
  	margin-right: auto ;
	margin-bottom:0px;
	top:125px;
	left:95px;
}

#content-spacer{
	position:absolute;
	left:540px;
}

#content-team{
	position:absolute;
	top:30px;
	left:620px;
}

#our_team_btn{
	position:absolute;
	top:300px;
	left:670px;
}

#content-text2{
	position:absolute;
	margin-left: auto ;
  	margin-right: auto ;
	margin-bottom:0px;
	width:350px;
	top:390px;
	left:130px;
}

#content-text3{
	position:absolute;
	margin-left: auto ;
  	margin-right: auto ;
	margin-bottom:0px;
	width:450px;
	top:150px;
	left:60px;
}

#content-img{
	display:inline;
	float:left;
	position:absolute;
	margin-left: auto ;
  	margin-right: auto ;
	margin-bottom:0px;
	top:135px;
	left:70px;
}

/*-----------------[FOOTER]-----------------------*/
.accordion {
            padding:5px;
            border-right:1px solid #3881B0;
        }
        .accordion .heading {
            padding:3px;
            margin:0 0 2px;
        }
        .accordion .items {
            margin:0;
            padding:0;
            list-style-type:none;
        }
        .accordion .items li {
            margin:0 0 2px;
            background:#8FB3D1;
            padding:2px;
        }

#footer {
	clear: both;
	background: url(/images/bg_footer.png) repeat-x;
	position: relative;
	text-align: left;
	height: 40px;
	margin-top: -40px;
	margin-left: auto ;
  	margin-right: auto ;
	width: 100%;
	font-family:arial;
	font-size:11px;
} 

#footer-contents {
	position: relative;
	margin-top: 40px;
	margin-left: auto ;
  	margin-right: auto ;
	width: 980px;	
}

#footer .col, #footer .col-last {
	display:inline;
	float: left;
	margin-top:30px;
	margin-left: auto ;
  	margin-right: auto ;
	padding: 1px 0;
	width: 120px;
	height: 30px;
	position: relative;
}

#footer .col-last {
	border: none;
}

#footer .col-last  a {
	color: #0D4A7E;
	text-decoration:none;
}

#footer .col-last a:hover {
	color: #fffffe;
	background: #0D4A7E;
	text-decoration: none;
	padding: 3px 4px;

}

#footer .col-last a:active {
	color: #0D4A7E;
	background: #fffffe;
	text-decoration:none;
	padding: 1px 4px;

}

#footer .col  a {
	color: #0D4A7E;
	text-decoration:none;
}

#footer .col a:hover {
	color: #fffffe;
	background: #0D4A7E;
	text-decoration: none;
	padding: 3px 4px;

}

#footer .col a:active {
	color: #0D4A7E;
	background: #fffffe;
	text-decoration:none;
	padding: 1px 4px;

}


#footer dl {
	margin: 0;
}

#footer dl.col-prime {
	margin-bottom: 0.7em;
}

#footer dd {
	margin: 0;
	padding: 3px 10px;
	font-size: 85%;
}

#footer dd a:hover {
	color: #0D4A7E;
	background: #fffffe;
	text-decoration: none;
	padding: 2px 5px;

}

#footer dd a:active {
	color: #fffffe;
	background: #3278A8;
	text-decoration:none;
	padding: 2px 5px;

}

#footer dd a {
	color:#fffffe;
	font: 100% tahoma, sans-serif;
	text-decoration: none;
	background: #3278A8;
	padding: 2px 5px;

}

#footer dd a span {
	text-transform: none;
}

#footer dt {
	color:#0D4A7E;
	text-align:center;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: -0.02em;
	padding: 10px 10px;
	margin-bottom: 5px;
}

#footer .footer-feature {
	position: absolute;
	right: 10px;
	top: 28px;
}

.foot-clear {
	height: 0;
}
	 	 	 
.copyright span { 	 	 
	padding: 0 10px; 	 	 
	color: #bbb; 	 	 
} 

.copyright {
	margin-left: auto ;
  	margin-right: auto ;
	text-align:center;
	font-size: 100%;
	color: #fffffe;
	clear: both;
	background: #0D4A7E; 
	font-family:arial;
	font-size:11px;
}

.copyright div {
	margin-top:15px;
	padding: 10px 15px 10px 0;
}

.copyright a {
	color: #999;
}
.site_by { color: #fff; }
.site_by  a { color: #fff; text-decoration:none; padding: 3px 4px; }
.site_by a:hover { color: #0D4A7E; background: #fff; text-decoration: none; padding: 3px 4px; }
.site_by a:active { color: #fff; background: #0D4A7E; text-decoration:none; padding: 3px 4px; }