@charset "UTF-8";
/* CSS Document */

#news-cnt{margin-top:20px; float:left;}

h1 {font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
	margin:0px 0px 0px 10px;
	padding:10px 0px 0px 0px;
	color:#008c99;
   }

p {font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
	padding:20px 10px 10px 10px;
}


a{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px;}


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#80888b;
	padding:0px;
	margin:0px;
}


	
#table{padding-left:10px;}
	

#wrapper {
	padding: 5px 0px 0px 0px;
	margin-left:0px;
	position:relative;
    float:left;
	width: 1024px;
	height: 768px;
	text-align: left;
	color: #000000;
	font-size: 18px;
	z-index: 6000;
	border:0px solid #000000;
}

.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
}

#element{
	position: relative;
	top: 0px;
	display: none;
}

#tab {
	 width: 200px;
	 height: 36px;
	 background: url(images/tab-bg.png) no-repeat;
	 position: absolute;
	 z-index: 9999;
	 top: 0px;
	 left: 50px;
}


#logo
{
height:127px;
width:175px;
background: url(images/QA_I_Neg.png) no-repeat 50px 5px;
}
.home #logo
{
height:127px;
width:175px;
background: url(images/QA_I_Blue.png) no-repeat 50px 5px;
}

	
#menu {
width: 1000px;
float: left;
margin-left:50px;
margin-top:30px;
z-index:10000;
}

#menu ul {
list-style: none;
width: 7.23em;
float: left;
padding-right:3px; /*Spacing hozi between bars*/
padding-bottom:2px;
}

#menu li {
list-style: none;
width: 7.23em;
float: left;
padding-right:3px; /*Spacing hozi between bars*/
padding-bottom:0px;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 3px;
padding-left:0px;
}

#menu a{padding-left:3px; /*padding left of nav text*/
        padding-bottom:2px;
		background-image:url(images/gradient.png);
		}



#menu h2 {
color: #000;
}


#menu a {
text-decoration: none;
padding-right:0px;
padding-left:3px;
font-size:10px;
}


#menu a.one:link {color:#fff; background-color:#00ab8b;}
#menu a.one:visited {color:#fff; background-color:#00ab8b}
#menu a.one:hover {color:#000; padding-left:3px;}

#menu a.two:link {color: #fff; background-color:#82c55b; }
#menu a.two:visited {color:#fff;  background-color:#82c55b;}
#menu a.two:hover {color:#000; padding-left:3px;}

#menu a.three:link {color:#fff; background-color:#00bbe3; }
#menu a.three:visited {color:#fff; background-color:#00bbe3;}
#menu a.three:hover {color:#000; padding-left:3px;}

#menu a.four:link {color:#fff; background-color:#00794b; }
#menu a.four:visited {color:#fff; background-color:#00794b;}
#menu a.four:hover {color:#000; padding-left:3px;}

#menu a.five:link {color:#fff; background-color:#008899; }
#menu a.five:visited {color:#fff; background-color:#008899;}
#menu a.five:hover {color:#000; padding-left:3px;}

#menu a.six:link {color: #fff; background-color:#00ab8b; }
#menu a.six:visited {color: #fff; background-color:#00ab8b;}
#menu a.six:hover {color:#000; padding-left:3px;}


#menu a:hover { 
display:block; background:#000; padding:0px; margin:0px; padding-left:3px; color:#000000;
}


#menu li {position: relative;}

#menu ul ul {
position:absolute;
z-index:900;
}

#menu ul ul ul {
position:absolute;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


#copybox {
          background:#FFFFFF;
          width:350px;
          height:auto;
		  margin-top:160px;
		  margin-left:50px;
		 }
		 
#copyboxinner {
          background:#FFFFFF;
          width:200px;
          height:525px;
		  margin-bottom:40px;
		  margin-left:20px;
		  }

#copyboxprod {
          width:350px;
          height:auto;
		  margin-top:150px;
		  margin-left:0px;
		 }
		 
#line {
       border-top:1px solid #ffffff;
	   width:920px;
      } 
	  
#footer {
         background-image: url(images/tile.png);
		 margin-left:50px;
		 width:920px;
		 background-image: url(images/tile.png);
		 height:200px;
		 padding:8px;
		 overflow:hidden;
	    }
	  
#footerprod {
         margin-left:0px;
		 width:920px;
		  background-image: url(images/tile.png);
		 height:200px;
		 padding:8px;
		 overflow:hidden;
		 margin-top:350px;
	    }
		
#footerprod p{padding:0px; margin:0px; color:#FFFFFF;}
				
#sublogo {
         margin-left:0px;
		 margin-top:200px;
		 color:#FFFFFF;
		 width:780px;
		 }
		 
#sublogoprod {
         margin-left:0px;
		 margin-top:50px;
		 color:#FFFFFF;
		 width:780px;
		 }
		
#footer p{padding:0px; margin:0px; color:#FFFFFF;}
		
#logo {
      }
      
#logo img {float: left; margin-left:805px;}


#gallery {position:relative; width:686px; margin:0px 40px 40px 0px; padding:10px; background-color:#FFFFFF;}
#images {height:225px; margin-bottom:20px;}
#image {position:relative; width:686px; height:375px; padding:5px; background:#ffffff url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:0px; padding:10px 5px 10px 10px; width:671px; height:100px;}
#thumbarea {position:relative; overflow:hidden; height:100px; width:671px; margin-right:0px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px;}
#thumbs li {float:left; margin-right:2px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:10%; z-index:100; height:375px; width:10%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; }
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; }
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

#copyboxinner li {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; padding:0px 10px 10px 10px; list-style:none;}