@charset "UTF-8";
/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	margin: 0px;
	color: #ccc;
	font-size: 13px;
	font-family: Arial;
	font-family: Arial, Verdana, Univers;
	background-color: #545454;
	background-image: url(images/page_bkgd.jpg);
	padding-bottom: 30px;
}


h1 {
	color: #ffffff;
	font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	white-space: normal;
}
h2 { color: #ffffff; font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
font-size: 20px; font-weight: normal; margin: 0px 0px 15px 0px; }

a {color: #66ccff;}
a:visited {color: #66ccff;}
a:hover {color: #66ccff;}
img { border: none;}

.blue_text {
	color: #3CF;
	font-weight: 300;
}


#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
color:#000000;
line-height:18px;
z-index:100;
}

.pagetitle {
	text-align: center;
	color: #ffffff;
	font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	float: right;
	margin: 0px 0px 10px 0px;
	width: 600px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	background-image: url();
	background-repeat: repeat-x;
	border-bottom: 0px solid #999;
	
}
.pagetitle_bio {
	text-align: center;
	color: #000000;
	font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	float: right;
	margin: 0px 0px 10px 0px;
	width: 650px;
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	background-repeat: repeat-x;
	border-bottom: 0px solid #999;
	
}

.pagetab_process {
	text-align: center;
	color: #ffffff;
	font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	float: left;
	margin: 0px 0px 10px 0px;
	width: 760px;
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-image: url();
	background-repeat: no-repeat;
	border-bottom: 0px solid #999;
	
}
.pagetab_mfg {
	text-align: center;
	color: #ffffff;
	font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	float: left;
	margin: 0px 0px 10px 0px;
	width: 760px;
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-image: url();
	background-repeat: no-repeat;
	border-bottom: 0px solid #999;
	
}
.pagetab_prod {
	text-align: center;
	color: #ffffff;
	font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	float: left;
	margin: 0px 0px 10px 0px;
	width: 760px;
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-image: url();
	background-repeat: no-repeat;
	border-bottom: 0px solid #999;
	
}

.pagetab_pages {
	text-align: center;
	color: #ffffff;
	font-family: OCR A Extended, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	float: left;
	margin:0px 0px 0px 0px;
	width: 760px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-image: url();
	background-repeat: no-repeat;
	border-bottom: 0px solid #999;
	
}

.container {
	width: 1000px;
	margin-left: 0;
	margin-right: 0;
	background-image: url(images/content_bkgd_tile.jpg);
	float: left;
	position: relative;
}



/* BANNER AREA */
.bannerArea {
	width: 980px;height: 145px;
	background-color: #545454;
	background-image: url(images/banner_bkgd.jpg);
	background-repeat: no-repeat;
}



.bannernav {
	padding-top: 10px;
	padding-right: 20px;
	float: right;
	color: #ffffff;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bannernav a {
	color: white;
	text-decoration: none;
}
.bannernav a:visited {
	color: white;
}
.bannernav a:hover {
	color: #9cc;
}

.toplogo {
	margin-left: 20px;
	padding-top: 20px;
}



.content {
	padding-top: 0px;
	padding-bottom: 20px;
	background-image: url(images/content_bkgd.jpg);

}


/* LEFT NAVIGATION */


.leftnavigation {
	width: 200px;
	margin: 65px 10px 0px 0px;
	padding-left: 8px;
	float: left;
	list-style-type: none;
}
	
	   
/* --- apDiv1 is the world clock css --- */

#apDiv1 {
	position:absolute;
	width:192px;
	height:141px;
	top: 600px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}



.leftnavigation a{
	margin-left: 0px;
	width: 156px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(images/nav_down.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom: 2px solid #999;
}

.leftnavigation a:visited{
	color: #ffffff;
}
.leftnavigation a:hover{
	color: #ffffff;
	background-image: url(images/nav_normal.jpg);
}

.left_text_nav a{
	margin-left: 0px;
	width: 156px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 2px solid #999;
}


/* CENTER NAV AREA */
.center_leftnavigation a{
	margin-left: 0px;
	margin-top: 12px;
	width: 250px;
	height: 350px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(images/left_nav_off.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	border-bottom: 0px;
}

.center_leftnavigation a:visited{
	color: #ffffff;
}
.center_leftnavigation a:hover{
	color: #ffffff;
	background-image: url(images/left_nav_on.jpg);
}

.rightnavigation a{
	margin-left: 10px;
	margin-top: 12px;
	width: 250px;
	height: 350px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(images/right_nav_off.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	border-bottom: 0px;
}

.rightnavigation a:visited{
	color: #ffffff;
}
.rightnavigation a:hover{
	color: #ffffff;
	background-image: url(images/right_nav_on.jpg);
}

.centernavigation a{
	margin-left: 5px;
	margin-top: 12px;
	width: 250px;
	height: 350px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(images/center_nav_off.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	border-bottom: 0px;
}

.centernavigation a:visited{
	color: #ffffff;
}
.centernavigation a:hover{
	color: #ffffff;
	background-image: url(images/center_nav_on.jpg);
}


/* CONTENT AREA */

.contentleft {
	width: 760px;
	float: left;
	height: 380px;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	

}
.contentleft_bio {
	width: 730px;
	float: left;
	height: auto;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	background-image: url(images/linepaper.jpg);
	color: #000000;
	margin: 5px;
	padding: 10px;
	font-size: 13px;
	background-repeat: repeat-y;
	
}
.contentright {
	padding-top: 5px;
	float: left;
	width: 210px;
}

.imageright {
	margin-top: 10px;
	margin-left: 10px;
	float: right;	
}
.imageleft {
	margin-right: 10px;
	float: left;
}

div.figure {
	float: left;
	width: 20%;
	border: none;
	margin: 0.5em;
	padding: 0.5em;
	padding-bottom: 40px;
	padding-top: 0px;
	vertical-align: top;
	padding-left: 0px;
}
div.figure2 {
	float: left;
	width: 250px;
	border: none;
	margin: 0.0em;
	padding: 0.5em;
	padding-bottom: 46px;
	padding-top: 0px;
	vertical-align: top;
	padding-left: 0px;
}

div.figure p {
  text-align: center;
  font-style: italic;
  font-size: small;
  text-indent: 0;
}
/* FOOTER AREA */
.footerArea {
	width: 980px;height: 88px;
	background-color: #616161;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: no-repeat;
		
}

.copyright {
	border-top: solid;
	border-color: #737a90;
	border-width: 2px;
	margin-right: 10px;
	padding-top: 12px;
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	float: none;
	
	
}
.textbox {
	float: right;
	position: absolute;
	left: 760px;
	width: 200px;
	visibility: visible;
	top: 194px;
	height: 100px;
	border: none;
	background-image: url(images/textbox_process_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
}
.textbox1_product {
	float: right;
	position: absolute;
	left: 760px;
	width: 200px;
	visibility: visible;
	top: 194px;
	height: 450px;
	border: none;
	background-image: url(images/textbox_process_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
}
.textbox2_product {
	float: right;
	position: absolute;
	left: 760px;
	width: 200px;
	visibility: visible;
	top: 344px;
	height: 150px;
	border: none;
	background-image: url(images/textbox_process_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
}
.textbox3_product {
	float: right;
	position: absolute;
	left: 760px;
	width: 200px;
	visibility: visible;
	top: 494px;
	height: 150px;
	border: none;
	background-image: url(images/textbox_process_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
}

.textbox_process_page {
	float: right;
	position: absolute;
	left: 665px;
	width: 285px;
	visibility: visible;
	top: 210px;
	height: 355px;
	background-image: url(images/textbox_process_bg.jpg);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
	font-size: 14px;
	border-right-width: medium;
	border-right-style: none;
}
#thumbnails {
	position: absolute;
	left: 214px;
	top: 500px;
	width: 479px;
}
#main_image {
	position: absolute;
	top: 175px;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#66ccff;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #66ccff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #333333;
    text-align: left;
	filter: alpha(opacity:100);
	KHTMLOpacity: 1.0;
	MozOpacity: 1.0;
	opacity: 1.0;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #66ccff;
    background: url(images/bubble.gif) no-repeat bottom;
}
/*---------- bubble tooltip for bio page only-----------*/
a.tt2{
    position:relative;
    z-index:24;
    color:#36C;
	font-weight:normal;
    text-decoration:none;
}
a.tt2 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt2:hover{ z-index:25; color: #36C; background:;}
a.tt2:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #333333;
    text-align: left;
	filter: alpha(opacity:100);
	KHTMLOpacity: 1.0;
	MozOpacity: 1.0;
	opacity: 1.0;
}
a.tt2:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt2:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt2:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #36C;
    background: url(images/bubble.gif) no-repeat bottom;
}