@charset "utf-8";
@import url("reset.css");

/* GLOBAL CLASSES */
.cboth {clear:both;}
.cleft {clear:left;}
.hide {display:none;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
* html .clear {height:1%;}
.clear {display:block;}

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #fafbfc url(../imgs/bg/bkg.png) repeat-x left top;
	color:#000;
}

li { vertical-align: text-top;}

h1,h2,h3,h4,h5,h6 { color:#02345d; font-family:Arial, Helvetica, sans-serif}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif}

a{ text-decoration: none}
a:hover{ text-decoration: none}
a:focus { text-decoration: none}

#wrapper { width:950px; margin:0 auto; padding:0 0 0 5px; background:#fff}

/* HEADER */
#header { position:relative; height:126px }
.logo { background:url(../imgs/pg-logo.png) no-repeat; width:300px; height:130px; text-indent:-9999px; position:absolute; right:0; top:39px; z-index:1}
#home .logo { background:url(../imgs/pg-logo.png) no-repeat; width:300px; height:130px; text-indent:-9999px; position:absolute; right:0; top:-87px; z-index:1}
#about .logo { background:url(../imgs/pg-logo.png) no-repeat; width:300px; height:130px; text-indent:-9999px; position:absolute; right:0; top:-87px; z-index:1}
#software .logo { background:url(../imgs/pg-logo.png) no-repeat; width:300px; height:130px; text-indent:-9999px; position:absolute; right:0; top:-101px; z-index:1}



	/* MAIN NAVIGATION*/
	#software #header { position:relative; height:140px }
	#header #main-nav {background: url(../imgs/dev/main_nav_bkg.gif) no-repeat; height:62px; width:937px; position:absolute; top: 64px; left:0; padding-left:13px}
	#software #header #main-nav {background: url(../imgs/dev/software_nav_bkg.gif) no-repeat; height:76px; width:937px; position:absolute; top: 64px; left:0; padding-left:13px}
	#header #main-nav ul { clear:both}
	#header #main-nav ul.bot {padding:5px 0 0 0}
	#header #main-nav ul.software {padding:5px 0 0 0;}
	#header #main-nav li { float:left; font-family:Arial, Helvetica, sans-serif}
	#header #main-nav ul.top li { font-size:14px; margin: 10px 15px 6px 0; font-weight:bold}
	#header #main-nav ul.bot li {font-size:11px;margin: 0 15px 0 0; color:#748ab6}
	#header #main-nav ul.software li {font-size:11px;margin: 0 15px 0 0; color:#748ab6}
	#header #main-nav ul.top li a { float:left; color:#fff}
	#header #main-nav ul.bot li a { float:left; color:#748ab6}
	#header #main-nav ul.software li a { float:left; color:#748ab6}
	#header #main-nav ul.top li a:hover,
	#header #main-nav ul.top li a:focus  { color:#69d4fd}
	#header #main-nav ul.top li.current a { color:#69d4fd}

	#header #main-nav ul.bot li a:hover,
	#header #main-nav ul.bot li a:focus  { color:#fff}
	#header #main-nav ul.bot li.current a { color:#fff}

	#header #main-nav ul.software li a:hover,
	#header #main-nav ul.software li a:focus  { color:#fff}
	#header #main-nav ul.software li.current a { color:#fff}

/* MASTHEAD */
#masthead {margin-bottom:2px;}
#home #masthead { height:248px; margin-bottom:0; position:relative}
#products #masthead { height:248px; margin-bottom:0}
#news #masthead { height:248px; margin-bottom:0; background:url(../imgs/banners/default.jpg) no-repeat}
#about #masthead { height:170px; margin-bottom:0; background:url(../imgs/banners/about.jpg) no-repeat; position:relative}
#contact #masthead { height:170px; margin-bottom:0; background:url(../imgs/banners/contact.jpg) no-repeat}
#clients #masthead { height:170px; margin-bottom:0; background:url(../imgs/banners/clients.jpg) no-repeat}
#services #masthead { height:170px; margin-bottom:0; background:url(../imgs/banners/services.jpg) no-repeat;}
#masthead_pc { height:170px; margin-bottom:0; background:url(../imgs/banners/part_counters.jpg) no-repeat}
#masthead_hhpc { height:170px; margin-bottom:0; background:url(../imgs/banners/hhpc.jpg) no-repeat}
#masthead_environ { height:170px; margin-bottom:0; background:url(../imgs/banners/environmental.jpg) no-repeat}
#masthead_alarm { height:170px; margin-bottom:0; background:url(../imgs/banners/alarm_panel.jpg) no-repeat}
#masthead_instru { height:170px; margin-bottom:0; background:url(../imgs/banners/instru_panel.jpg) no-repeat}
#masthead_cleanroom { height:170px; margin-bottom:0; background:url(../imgs/banners/clean_room.jpg) no-repeat}
#software #masthead { height:170px; margin-bottom:0; background:url(../imgs/banners/software.jpg) no-repeat; position:relative}
#demos #masthead { height:170px; margin-bottom:0; background:url(../imgs/banners/demos.jpg) no-repeat}

#home #masthead a.read_more {  font-size:14px; color:#fff; position:absolute; top:186px; right:213px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

#masthead h1 { font-size:24px; color:#fff; padding:10px 0 0 15px; font-weight:normal}
#software #masthead h1 { font-size:24px; color:#fff; padding:20px 0 0 15px; font-weight:normal}

#masthead h1 span { font-size:19px;}

#masthead_pc h1 { font-size:24px; color:#fff; padding:10px 0 0 15px; font-weight:normal}
#masthead_pc h1 span { font-size:19px;}
#masthead_hhpc h1 { font-size:24px; color:#fff; padding:10px 0 0 15px; font-weight:normal}
#masthead_hhpc h1 span { font-size:19px;}
#masthead_environ h1 { font-size:24px; color:#fff; padding:10px 0 0 15px; font-weight:normal}
#masthead_environ h1 span { font-size:19px;}
#masthead_alarm h1 { font-size:24px; color:#fff; padding:10px 0 0 15px; font-weight:normal}
#masthead_alarm h1 span { font-size:19px;}
#masthead_instru h1 { font-size:24px; color:#fff; padding:10px 0 0 15px; font-weight:normal}
#masthead_instru h1 span { font-size:19px;}
#masthead_cleanroom h1 { font-size:24px; color:#fff; padding:10px 0 0 15px; font-weight:normal}
#masthead_cleanroom h1 span { font-size:19px;}


#masthead img.dvd1 {position:absolute; top:-24px; left:213px}
#masthead img.dvd2 {position:absolute; top:-22px; left:395px}
#masthead img.services {position:absolute; top:-20px; left:164px}


/* CONTENT */
#content-wrap { width:940px; margin: 0 0 0 10px; background:#fff}
#home #content-wrap { position:relative}
#products #content-wrap { position:relative}
#home #content {float:left; width:737px;}
#content {float:left; width:620px;}

#news #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}
#about #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}
#contact #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}
#clients #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}
#services #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}
#product_listing #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}
#software #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}
#demos #content { background:url(../imgs/bg/content_bkg.png) no-repeat; min-height:460px}

/* HOME SIDE BAR */
#home #side-bar { float:right; width:172px; background: url(../imgs/bg/side-bar-bg.jpg) no-repeat; padding:20px 10px; min-height:459px; !important height: 459px}
#home #side-bar h3,
#home #side-bar h4 { color:#000}
#home #side-bar h3 { font-size:20px; background: url(../imgs/bg/sb-h-divide.png) no-repeat left bottom; padding-bottom:8px; margin-bottom:5px}
#home #side-bar h4 { font-size:16px}
#home #side-bar p { font-size:10px; margin-bottom:15px; color:#535353}
#home #side-bar p.more-link { background: url(../imgs/bg/sb-h-divide.png) no-repeat left bottom; padding-bottom:10px; margin-bottom:10px}
#home #side-bar p.more-link a { font: 13px Arial, Helvetica, sans-serif; font-weight:bold; color:#6b6b6b}	
#home #side-bar { /*position:absolute; top:-18px; right:0*/ margin-top:-18px}

/* SIDE BAR WIDE */
#side-bar { float:right; width:296px; background: url(../imgs/side-bar-bg.png) no-repeat; padding:0 10px 20px; min-height:459px; !important height: 459px}
#side-bar h3,
#side-bar h4 { color:#000}
#side-bar h3 { font-size:20px; background: url(../imgs/bg/sb-h-divide.png) no-repeat left bottom; padding-bottom:8px; margin-bottom:5px}
#side-bar h4 { font-size:16px}
#side-bar p { font-size:10px; margin-bottom:15px; color:#535353}
#side-bar p.more-link { background: url(../imgs/bg/sb-h-divide.png) no-repeat left bottom; padding-bottom:10px; margin-bottom:10px; height:16px}
#side-bar p.more-link a { font: 13px Arial, Helvetica, sans-serif; font-weight:bold; color:#6b6b6b}	
#side-bar { /*position:absolute; top:-18px; right:0*/ margin-top:-5px}
#side-bar img {margin:5px 0 15px 0}
#side-bar p.download_alarm { background:url(../imgs/dev/alarm_datasheet.jpg) no-repeat; text-indent:-9999px; height:75px; width:315px; margin:-10px 0 0 -10px }
#side-bar p.download_pc { background:url(../imgs/dev/pc_datasheet.jpg) no-repeat; text-indent:-9999px; height:75px; width:315px; margin:-10px 0 0 -10px }
#side-bar p.download_instru { background:url(../imgs/dev/analogue_datasheet.jpg) no-repeat; text-indent:-9999px; height:75px; width:315px; margin:-10px 0 0 -10px }
#side-bar p.download_instru_re { background:url(../imgs/dev/relay_datasheet.jpg) no-repeat; text-indent:-9999px; height:75px; width:315px; margin:-10px 0 0 -10px }
#side-bar p.download_envigil { background:url(../imgs/dev/envigil_datasheet.jpg) no-repeat; text-indent:-9999px; height:75px; width:315px; margin:-10px 0 0 -10px }
#side-bar p.download_wd { background:url(../imgs/dev/wd_datasheet.jpg) no-repeat; text-indent:-9999px; height:75px; width:315px; margin:-10px 0 0 -10px }
#side-bar p.download_prt { background:url(../imgs/dev/prt_datasheet.jpg) no-repeat; text-indent:-9999px; height:75px; width:315px; margin:-10px 0 0 -10px }
/*#product_listing #side-bar img {margin:5px 0 15px 0}
#product_listing #side-bar p.download {font-size:16px; text-align:right; color:#000;}
#software #side-bar img {margin:5px 0 15px 0}
#software #side-bar p.download {font-size:16px; text-align:right; color:#000;}*/





/* CALLOUTS */
#call-outs { width:737px; border-bottom: 1px dashed #bdbdbd; padding: 6px 0 15px}
#call-outs div { float:left; width:164px; background:url(../imgs/bg/callout-divide.png) no-repeat top right; margin-right:14px; padding-right:13px}
#call-outs div.last { background:none; margin-right:0; padding-right:0}
#call-outs div h2 { font-size:18px; margin-bottom:8px; font-weight:normal}
#call-outs div img {margin-bottom:8px}
#call-outs div p {color:#02345d}
#call-outs div p.more-link {margin-top:10px;}
#call-outs div p.more-link a {color:#02345d; margin-top:10px; font: 13px Arial, Helvetica, sans-serif; font-weight:bold}

/* PROMO */
#news #col-1 { float:left; width:358px; background:url(../imgs/bg/col1_bkg.png) no-repeat top right; min-height:290px}
#about #col-1 { float:left; width:358px; background:url(../imgs/bg/col1_bkg.png) no-repeat top right; min-height:290px}
#contact #col-1 { float:left; width:358px; background:url(../imgs/bg/col1_bkg.png) no-repeat top right; min-height:290px}
#clients #col-1 { float:left; width:258px; background:url(../imgs/bg/col1_bkg.png) no-repeat 215px 30px; min-height:290px}
#services #col-1 { float:left; width:210px; background:url(../imgs/bg/col1_bkg.png) no-repeat top right; min-height:290px}
#product_listing #col-1 { float:left; width:358px; background:url(../imgs/bg/col1_bkg.png) no-repeat top right; min-height:290px}
#software #col-1 { float:left; width:358px; background:url(../imgs/bg/col1_bkg.png) no-repeat top right; min-height:290px}
#demos #col-1 { float:left; width:358px; background:url(../imgs/bg/col1_bkg.png) no-repeat top right; min-height:290px}

#col-1 h2 { font-size:24px; margin-bottom:15px;}
#col-1 p { font-size:11px; margin-bottom:20px; width:340px}
#col-1 p.strap { font:19px Arial, Helvetica, sans-serif; color:#8f8f8f; margin-bottom:20px; width:340px}
#col-1 p.intro{ width:340px; float:left; margin-right:30px}
#col-1 img {margin:15px 0 0 0}
#col-1 a {color:#000; text-decoration:underline}
#col-1 a:hover {text-decoration: none}
#col-1 li { font-size:11px; margin-bottom:5px; width:340px}
#services #col-1 ul { margin:0 0 0 30px}
#services #col-1 li { font-size:11px; margin-bottom:5px; width:340px; list-style:disc}
#services #col-1 p { font-size:11px; margin-bottom:10px; width:300px}
#contact #col-1 p { font-size:11px; margin-bottom:10px; width:340px}


#product_listing #col-1 ul { margin:0 0 15px 15px}
#product_listing #col-1 li { font-size:11px; margin-bottom:5px; width:295px; list-style:disc}

#software #col-1 ul { margin:0 0 15px 15px}
#software #col-1 li { font-size:11px; margin-bottom:5px; width:295px; list-style:disc}


#col-2 { float:left; width:250px;}
#col-2 p { font-size:12px; margin:5px 0 20px 50px;color:#02345d}
#col-2 a {color:#02345d}
#col-2 a:hover { text-decoration:underline}

#home #col-1 h2 { text-indent:-9999px; background:url(../imgs/bg/home_h2.png) no-repeat; width:379px; height:23px; margin:20px 0 0 0}
#about #col-1 h2 { text-indent:-9999px; background:url(../imgs/bg/about_h2.png) no-repeat; width:267px; height:39px; margin:0 0 15px 0}
#col-1 h2.cfr { text-indent:-9999px; background:url(../imgs/bg/21cfrpart11_h2.png) no-repeat; width:270px; height:21px; margin:0 0 15px 0}
#col-1 h2.envigil_lite { text-indent:-9999px; background:url(../imgs/bg/envigil_lite_h2.png) no-repeat; width:267px; height:39px; margin:0 0 15px 0}
#col-1 h2.envigil { text-indent:-9999px; background:url(../imgs/bg/envigil_h2.png) no-repeat; width:267px; height:39px; margin:0 0 15px 0}
#col-1 h2.capability { text-indent:-9999px; background:url(../imgs/bg/capability_h2.png) no-repeat; width:189px; height:21px; margin:0 0 15px 0}
#col-1 h2.methodology { text-indent:-9999px; background:url(../imgs/bg/methodology_h2.png) no-repeat; width:189px; height:21px; margin:0 0 15px 0}
#col-1 h2.particle { text-indent:-9999px; background:url(../imgs/bg/particle_counters_h2.png) no-repeat; width:267px; height:35px; margin:0 0 15px 0}
#col-1 h2.hhpc { text-indent:-9999px; background:url(../imgs/bg/hhpc_h2.png) no-repeat; width:270px; height:17px; margin:0 0 15px 0}
#col-1 h2.environ { text-indent:-9999px; background:url(../imgs/bg/environmental_h2.png) no-repeat; width:270px; height:17px; margin:0 0 15px 0}
#col-1 h2.alarm_msg { text-indent:-9999px; background:url(../imgs/bg/alarm_message_h2.png) no-repeat; width:267px; height:35px; margin:0 0 15px 0}
#col-1 h2.alarm_ind { text-indent:-9999px; background:url(../imgs/bg/alarm_indicator_h2.png) no-repeat; width:267px; height:35px; margin:0 0 15px 0}
#col-1 h2.watchdog { text-indent:-9999px; background:url(../imgs/bg/watchdog_h2.png) no-repeat; width:267px; height:35px; margin:0 0 15px 0}
#col-1 h2.instru { text-indent:-9999px; background:url(../imgs/bg/instrumentation_h2.png) no-repeat; width:267px; height:39px; margin:0 0 15px 0}
#col-1 h2.clean_room { text-indent:-9999px; background:url(../imgs/bg/clean_room_h2.png) no-repeat; width:270px; height:21px; margin:0 0 15px 0}
#col-1 h2.our_clients { text-indent:-9999px; background:url(../imgs/bg/clients_h2.png) no-repeat; width:189px; height:17px; margin:0 0 15px 0}
#col-1 h2.contact { text-indent:-9999px; background:url(../imgs/bg/contact_h2.png) no-repeat; width:189px; height:17px; margin:0 0 15px 0}
#col-1 h2.demos { text-indent:-9999px; background:url(../imgs/bg/demos_h2.png) no-repeat; width:198px; height:20px; margin:0 0 15px 0}
#col-1 h2.software_op { text-indent:-9999px; background:url(../imgs/bg/software_op_h2.png) no-repeat; width:186px; height:20px; margin:0 0 15px 0}


#col-1 p.temp { text-indent:-9999px; background:url(../imgs/bg/temp_strap.png) no-repeat; width:200px; height:15px; margin:0 0 15px 0}
#col-1 p.humidity { text-indent:-9999px; background:url(../imgs/bg/humidity_strap.png) no-repeat; width:200px; height:16px; margin:0 0 15px 0}
#col-1 p.pressure { text-indent:-9999px; background:url(../imgs/bg/pressure_strap.png) no-repeat; width:200px; height:12px; margin:0 0 15px 0}
#col-1 p.av { text-indent:-9999px; background:url(../imgs/bg/air_velocity_strap.png) no-repeat; width:200px; height:16px; margin:0 0 15px 0}


#home #col-1 { background:url(../imgs/bg/machine.jpg) no-repeat 300px 40px; height:320px}
#home #col-1 p.intro{ width:340px; float:left; margin-right:30px}
#home #col-1 p.strap { text-indent:-9999px; background:url(../imgs/bg/home_strap.png) no-repeat; width:379px; height:17px}
#home #col-2 { float:left; width:379px;}
#home #col-2 p { font-size:12px; margin:5px 0 20px 40px;color:#02345d}
#home #col-2 a {color:#02345d}
#home #col-2 a:hover { text-decoration:underline}



#products #col-1 h2 { font-size:24px}
#products #col-1 { background:url(../imgs/bg/screenshot.jpg) no-repeat top right; height:441px}
#products #col-1 p.intro{ width:320px; float:left; margin-right:30px; clear:both}

#contact #col-1 h2 { margin: 0 0 10px;font-size:24px}
#contact #col-1 p.tel {font:19px Arial, Helvetica, sans-serif; margin:15px 0 10px 0;  color:#02345d; text-indent:-9999px; background:url(../imgs/bg/cont_tel.png) no-repeat; width:151px;; height:16px}
#contact #col-1 p.fax {font:19px Arial, Helvetica, sans-serif; margin-bottom:20px;color:#02345d; text-indent:-9999px; background:url(../imgs/bg/cont_fax.png) no-repeat; width:151px;; height:15px}

#clients #col-1 h2 { margin: 0 0 10px;}
#col-2 ul { margin:30px 0 0 20px;}
#col-2 li { font-size:11px; margin-bottom:5px; width:340px}
/* FOOTER */
#footer {width:924px; height:136px; background:#fff url(../imgs/footer_bkg.png) no-repeat 10px 0; padding: 0 0 0 0; clear:both; position:relative;}
#footer p { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; color:#545454; margin:23px 0 0 10px; width:300px; float:left}
#footer-nav {float:right; width:380px; margin:23px 10px 0 0}
#footer-nav ul {float:right;}
#footer-nav ul.contact { margin:6px 0 0 0}
#footer li {font-size:1.1em; color:#707070; text-decoration:none; font-weight:bold; float:left; margin: 0px 10px 0 0; padding-left:2px;}
#footer li.link { float:left; margin: 0 10px 0 0; padding-left:10px; border-left: solid 2px #969696;}
#footer li.link.first {padding-left:0; border-left: none}
#footer li.link.last {border-right: solid 2px #969696; padding-right:10px}
#footer li.tel {padding-left:31px}
#footer li.link a { font-size:1.0em; color:#707070; text-decoration:none; font-weight:bold}
#footer li.link a:hover { color:#707070; text-decoration: underline}
#footer a.akiko  { display:block; width:129px; height:20px; text-indent:-9999px; position:absolute; top:99px; right:21px; background:url(../imgs/akiko_logo.png)}

/* News and Events */
#news img.news {border:1px solid #909090; padding:5px 5px 0px; background:#fff; margin:25px 0 0 40px }
#contact img.news {border:1px solid #909090; padding:0px; background:#fff; margin:25px 0 0 40px }
#product_listing img.news {border:1px solid #909090; padding:0px; background:#fff; margin:25px 0 0 50px }
#software img.news {border:1px solid #909090; padding:0px; background:#fff; margin:25px 0 0 25px }
#software #col-2 p { font-size:12px; margin:5px 0 20px 25px;color:#02345d}
#demos img.news {border: none; padding:0px; background:#fff; margin:25px 0 0 60px }
#about img.news {border: none; padding:0px; background:#fff; margin:25px 0 0 55px }