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

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

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

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;}
#topper {
	width: 100%;
	height: 312px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	background-image:url('/images/bg.png');
	background-repeat:repeat-x;
	position: absolute;
	top: 0px;
}
#topperSub {
	width: 100%;
	height: 205px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	background-image:url(../images/bg2.png);
	background-repeat:repeat-x;
	position: absolute;
	top: 0px;
}




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


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

#header {
	background-image:url('/images/header.png');
	background-repeat:no-repeat;
	width: 963px;
	margin-right: auto;
	margin-left: auto;
	height: 249px;
	margin-top: 15px;
	position: relative;

	
}
#headerSub {
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	height: 222px;
	margin-top: 0px;
	position: relative;
}


#mainBody {
	width: 963px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/BkgdNEW.png);
	background-color: #5bb7df;
	margin-bottom: 40px;
	margin-top: 25px;
	border-bottom-color: #1A5B94;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#mainBodySub {
	width: 963px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/body_bgSUB.png);
	background-color: #4499CF;
	margin-bottom: 40px;
	margin-top: 45px;
	border-bottom-color: #1A5B94;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-repeat: no-repeat;
}
.hr {
	color: #4499CF;
	border-bottom-width: 1px;
	border-bottom-color: #006;
	border-bottom-style: dashed;
}
.hrShort {
	color: #4499CF;
	border-bottom-width: 1px;
	border-bottom-color: #006;
	border-bottom-style: dashed;
	width: 330px;
	float: left;
}



#linkBkgd {
	width: 930px;
	height: 57px;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	margin-top: 25px;
}
#linkBkgdSub {
	width: 930px;
	height: 57px;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	margin-top: -55px;
}

#welcome {
	width: 500px;
	margin-left: 30px;
}
#homeLeftText {
	width: 475px;
	margin-left: 50px;
	margin-top: 15px;
}
#SubHeading {
	width: 650px;
	height: 57px;
	margin-left: 275px;
	margin-right: auto;
	z-index: 100;
	margin-top: 50px;
}
#SubMainCategoryDiv {
	width: 650px;
	margin-left: 275px;
	margin-right: auto;
	z-index: 100;
	margin-top: 50px;
}
#SubHeadingContact {
	width: 450px;
	height: 57px;
	margin-left: 515px;
	margin-right: auto;
	z-index: 100;
	margin-top: 50px;
}




#mainText {
	width: 620px;
	margin-left: 305px;
	margin-right: auto;
	margin-top: 40px;
}
#mainTextTestimonials {
	width: 650px;
	margin-left: 305px;
	margin-right: auto;
	margin-top: 40px;
}
#mainTextArticles {
	width: 650px;
	margin-left: 305px;
	margin-right: auto;
	margin-top: 40px;
}
#mainTextContact {
	width: 350px;
	margin-left: 515px;
	margin-right: auto;
	margin-top: 40px;
}



#homeRightContent1 {
	width: 324px;
	top: 420px;
	margin-left: 620px;
	position: absolute;
}
#SUB_RightContent1 {
	width: 295px;
	top: 420px;
	margin-left: 320px;
	position: absolute;
}

#LeftLinkBox {
	width: 475px;
	margin-left: 50px;
	margin-top: 15px;
}

#vertLine{
	position:absolute;
	top: 387px;
	margin-left: 500px;
}
#vertLineSub {
	position:absolute;
	top: 387px;
	margin-left: 620px;
}
#vertLineContact {
	position:absolute;
	top: 366px;
	margin-left: 420px;
}

.TestimonialTableBkgd {
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
}
.ArticlesTableTop {
	background-image: url(../images/art_bg_top.png);
	background-repeat: no-repeat;
}
.ArticlesTableMiddle {
	background-image: url(../images/art_bg.png);
	background-repeat: repeat-y;
}
.ArticlesTableBottom {
	background-image: url(../images/art_bg_bot.png);
	background-repeat: no-repeat;
}




#our_team_btn{
	position:absolute;
	top:702px;
	margin-left: 665px;
}
#footerNEW {
	background: url(/images/bg_footer.png) repeat-x;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
	background-color: #F8FDFF;
}
#footerLINKS {
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	width: 963px;
	background-color: #F8FDFF;
	position: relative;
	top: 35px;
}
#copyright {
	background-color: #0D4A7E;
	width: 100%;
	height: 35px;
	position: relative;
}



.copyright {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-size: 100%;
	color: #fffffe;
	font-family:arial;
	font-size:11px;
	padding-top: 15px;
}
#contactForm {
	width: 350px;
	margin-left: 30px;
	margin-top: 75px;
	position: absolute;
}

#content-header{
	position:absolute;
	margin-bottom:0px;
	top:270px;
	margin-left: 35px;
}

#breadcrumb {
	position:relative;
	color: #083052;
	font-family: Arial, sans-serif;
	font-size: 0.95em;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#breadcrumb a:hover { color: #fffffe; background: #3278A8; text-decoration: none; padding: 1px 4px; }
#breadcrumb a:active { color: #0D4A7E; background: #fffffe; text-decoration:none; padding: 1px 4px; }
#breadcrumb a { color:#3278A8; font: 100% tahoma, sans-serif; text-decoration: none; background: #fffffe; padding: 1px 4px; }



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

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

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

/*-----------------[FOOTER]-----------------------*/
.accordion {
            padding:5px;
            border-right:1px solid #3881B0;
        }

.tw_list {margin-left: 20px;}

#rash {
	position:absolute;
	margin-top:190px;
	margin-left:60px;
	top: 300px;
}
.scott{ width:500px; }
#content-img{ display:inline; float:left; position:absolute; margin-left: auto ; margin-right: auto ; margin-bottom:0px; top:135px; left:70px; }
#playlist{ font-size:14px; color:#0D4A7E; }
#playlist tbody tr.even td { background-color: #eee; padding: 6px 8px; border-left: 1px solid #346DBE; }
#playlist tbody tr.odd  td { background-color: #fff; padding: 6px 8px; border-left: 1px solid #346DBE;}
td.col_first{ width:250px; }
td.col_second{width:60px; }
        .accordion .heading {
            padding:3px;
            margin:0 0 2px;
        }
.motivate {color:#113C61; font-family:verdana,arial,sans-serif; font-size:1.6em;}
        .accordion .items {
            margin:0;
            padding:0;
            list-style-type:none;
        }
        .accordion .items li {
            margin:0 0 2px;
            background:#8FB3D1;
            padding:2px;
        }

.ver_liste li { margin: 0; padding: 0;  font-family: 'segoe ui', 'Tahoma', 'Verdana', 'lucida grande', sans-serif; font-size: 11px; list-style:none;}


.ver_menu_about { position:absolute; left:55px; top:70px; height: auto; width: 110px; }
.ver_menu_products {
	position:absolute;
	top:355px;
	height: auto;
	width: 165px;
	margin-left: 60px;
}
.ver_menu_about .ver_liste li a { display:block; padding-top: 5px; padding-bottom: 5px; padding-left: 4px; text-decoration:none; color: #fff; border-bottom: 1px solid #0D4A7E; }
.ver_menu_products .ver_liste li a { display:block; padding-top: 5px; padding-bottom: 5px; padding-left: 4px; text-decoration:none; color: #fff; border-bottom: 1px solid #0D4A7E; }

.more a { color: #113c61; text-decoration:none; }
.more a:hover { color: #fffffe; background: #0D4A7E; text-decoration: none; padding: 3px 4px; }
.more a:active { color: #0D4A7E; background: #fffffe; text-decoration:none; padding: 1px 4px; }