/* global rules */

*	{margin:0;padding:0;}

body	{background:#112429 url(../images/bg_body.jpg) repeat-x top left;}

#allcontent	{
		width:962px;
		margin-left:20px;
		position:relative;
		}

img {
		border:none;
		behavior: url(iepngfix.htc);
		}
		
ul		{list-style:none;}
		
.bold {font-weight:bold;}
.hidden {position:absolute; left:-999em;}

/*colors and typography*/
body {font-family:Arial, Helvetica, sans-serif; color:#404040;}
#index_services h3, #index_products h3, #index_services li, #index_products li, #nav a.mainnav, #nav a.secondarynav, #masthead a, #masthead p  {color:#fff;}
#cont_home_sub_right, #cont_home_sub_left, h6, #products h4 {color:#000;}
h3, h4, h5, #page_path, .warning, a {color:#ff0000;}

h3, #togglelinks a, #top a {font-size:1em; font-weight:bold;}
#index_services h3, #index_products h3 {font-size:.8em;}
#index_services li, #index_products li {font-size:.69em;}
h4 {font-size:.8em; font-weight:bold;}
h5 {font-size:.69em; font-weight:bold;}
h6 {font-size:.69em; font-weight:bold;}

p, address, #maincontent li, td {font-size:.69em;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

#page_path a, .link_patents a{text-decoration:underline;}

#nav a.mainnav {font-size:13px;}
#nav a.secondarynav {font-size:11px;}

#masthead a {text-decoration:underline;}
#masthead p {font-size:12px;}

#footer p, #nav_footer a {font-size:.6em;color:#21414a;}
 .success, #footer a {color:#21414a;font-weight:bold;}


/*layout structure*/
#masthead {height:219px;}
#promo-home-page {position:absolute; top:7px; right:0;}
#portfolio #masthead {background:url(../images/banner_products.jpg) no-repeat bottom left;}
#products #masthead {background:url(../images/banner_products.jpg) no-repeat bottom left;}
#company #masthead, #management #masthead, #patents #masthead, #customers #masthead {background:url(../images/banner_company.jpg) no-repeat bottom left;}
#support #masthead {background:url(../images/banner_support.jpg) no-repeat bottom left;}
#careers #masthead {background:url(../images/banner_careers.jpg) no-repeat bottom left;}
#contact #masthead {background:url(../images/banner_contact.jpg) no-repeat bottom left;}
#home #masthead {height:281px; background:url(../images/banner_index.jpg) no-repeat bottom left; position:relative;}
#logo {margin-top:35px; float:left;}

#cont_promo {clear:both;}

#index_services{
width:370px;
float:left;
margin:54px 175px 0 20px;
clear:left;
}
#index_services li {background:url(../images/bullet_promo.gif) no-repeat 10px 5px; margin:10px 0 0 0; padding:0 0 0 20px;}
#index_products {
width:370px;
float:left;
margin:54px 0 0 0;
}
#index_products li {background:url(../images/bullet_promo.gif) no-repeat 10px 5px; float:left; margin:10px 0 0 0; padding:0 0 0 20px;}

#maincontent {
background-color:#ffffff;
min-height:299px;
height:auto !important;
height:299px;
padding:20px 240px 40px 40px; 
background:#ffffff url(../images/bg_products.jpg) no-repeat top right;
}

#maincontent:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#management #maincontent {padding:20px 60px 40px 40px;}
#home #maincontent {padding:40px 0 10px 40px; background:#ffffff url(../images/bg_products.jpg) no-repeat top right;}
#portfolio #maincontent {padding:20px 0 40px 20px;}
#patents #maincontent, #contact #maincontent,  #customers #maincontent {padding:20px 0 40px 40px;}

#home h3 span {margin-left:40px;}
#cont_home_sub_right, #cont_home_sub_left {width:260px; height:230px; float:left; background-color:#e3e5e6; margin:20px 10px 0 0;padding:30px 25px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}
#maincontent #cont_home_sub_right ul, #maincontent #cont_home_sub_left ul {margin:0;}
#maincontent #cont_home_sub_right li, #maincontent #cont_home_sub_left li {margin:3px 0 0 25px;}

#maincontent p,  #maincontent address{margin:0 0 17px 0;}
#maincontent h3 {margin-bottom:10px;} 
#maincontent h5 {margin-bottom:10px;}
#maincontent ul {list-style:disc; margin:0 0 17px 30px;}
#maincontent li, #products #maincontent .bold {margin:0 0 0 40px;}
#maincontent li {line-height:1.5em;}


/*#management #maincontent p {margin-bottom:margin:0 60px 17px 40px;}
#home #maincontent p {margin-bottom:margin:0 460px 17px 40px;}
#portfolio #maincontent p {margin-bottom:margin:0 0 17px 20px;}
#maincontent li, #products #maincontent .bold {margin-bottom:5px;}*/

#logo_collage {margin:20px 0 0 0;}

.bio_cont {clear:both; display:inline-block;}

.bio_cont:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.bio_cont img {float:left;}
.bio_cont p {float:right; width:680px; margin-left:20px;}
.bio_cont h3 {float:left; padding-left:23px; margin-top:20px; display:block;}

#products h5 {margin:10px 0 10px 20px;}
.cont_job {border-bottom:1px dashed #ff0000; padding:15px 0 0 0;}
.cont_prod {margin:50px 0 0 0; position:relative;}
.cont_prod h3 {float:left;}
.cont_prod p {clear:both;}
.cont_prod .link_data {float:left; width:200px; padding:5px 0 0 20px; float:left; clear:none;}
.cont_prod img {display:block;}
.label-new-product {position:absolute; left:214px; top:-12px; display:inline;}

#table_patents {width:750px;}
#table_patents td {padding:3px; vertical-align:middle; border-bottom: 1px solid #2d4e57;}

#cont_contact {float:left; display:inline;}
#form_contact {float:left; margin:0 0 0 40px; display:inline; width:340px;}
#form_contact label {float:left; width:100px; text-align:right; display:block; padding:2px 5px 0 0;}
#form_contact input {width:220px; border:1px solid #21414a;}
#form_contact textarea {width:220px; height:100px; overflow:auto;border:1px solid #21414a;}
#form_contact #required {float:right; margin-right:6px; display:inline;}
#form_contact #send {float:right; width:50px; margin-right:10px; display:inline;}
#form_contact p {margin:5px 0 0 0; clear:both;  }
address {font-style:normal;}

#footer {text-align:right;clear:both;}
#footer ul {float:left; margin:1px 0 0 0;}
#footer li {float:left; margin:0 10px 0 0;}
#footer p {margin:8px 0 60px 0; float:right; display:inline; width:300px;}




/********************************navigation and submenu dropdown**************************************/
#nav {
height:30px;
background:url(../images/bg_nav.jpg) repeat-x top left;
}

#nav ul {
margin-left:10px;
}
		
#nav li {
float:left;
text-align:center;
}

#nav a.mainnav  {width:156px; line-height:30px; display:block; background: url(../images/bg_nav_rollover_v2.jpg) top left no-repeat ;}
#nav a.mainnav:hover {width:156px; line-height:30px; display:block; background: url(../images/bg_nav_rollover_v2.jpg) -156px 0 no-repeat;}
#nav a.selected {width:156px; line-height:30px; display:block; background: url(../images/bg_nav_rollover_v2.jpg) -156px 0 no-repeat;}

#nav li ul li	{
	clear:both;
	padding:0 0 0 20px;
	width:115px;
	text-align:left;
}
#nav li:hover, #nav li.portnav {position:static;}
#nav li ul li:hover, #nav li ul li.portnav	{background: url(../images/selected_arrow.gif) 6px 3px  no-repeat;}
#nav li ul li a:hover {text-decoration:none;}

#nav li ul { 
	background:#ff0000 url(../images/bg_subnav.jpg) repeat-x top left;
	position: absolute;
	padding:0 0 10px 0;
	margin:0 0 0 7px;
	z-index: 99;
	left: -999em; 
}

#nav li:hover ul, #nav li.portnav ul { 
	left: auto;
}

#nav span {display:block;margin-top:-3px;}

/***********************************************portfolio.php********************************************/
#leftcol_portfolio {
float:left;
width:300px;
height:350px;
background-color:#ebf3f5;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:20px 0 0 0;
margin:0 20px 0 0;
display:inline;
}

#leftcol_portfolio h5 {font-size:11px; margin:5px 20px 5px 0; color:#000;}
#leftcol_portfolio ul {margin:0 20px 17px 20px;font-size:11px; position:relative;padding:0;}
#leftcol_portfolio ul li {list-style:none; margin:0 0 2px 0; padding:0; font-size:11px;}


			/*portfolio rollovers*/
.thumbnail span		{ 
		position: absolute;
		left: -999em;
		text-decoration: none;
		display:block;
		z-index:100px;
		
			}
			
.thumbnail:hover span {left:90px;z-index:100px;}

/*#leftcol_portfolio a:hover span, #leftcol_portfolio li.portnav span {
top:400px;
left: 80px; /*position where enlarged image should offset horizontally 
}*/

#leftcol_portfolio .thumbnail:hover #th_port1 {width:210px; height:120px; background: url(../images/th_port1.gif) no-repeat top; top:-12px;}
#leftcol_portfolio .thumbnail:hover #th_port2 {width:178px; height:100px; background: url(../images/th_port2.gif) no-repeat top; top:25px;}
#leftcol_portfolio .thumbnail:hover #th_port3 {width:178px; height:100px; background: url(../images/th_port3.gif) no-repeat top; top:40px;}
#leftcol_portfolio .thumbnail:hover #th_port4 {width:205px; height:115px; background: url(../images/th_port4.gif) no-repeat top; top:50px;}
#leftcol_portfolio .thumbnail:hover #th_port5 {width:205px; height:115px; background: url(../images/th_port5.gif) no-repeat top; top:70px;}
#leftcol_portfolio .thumbnail:hover #th_port6 {width:178px; height:100px; background: url(../images/th_port6.gif) no-repeat top; top:95px;}

#leftcol_portfolio .thumbnail:hover #th_port7 {width:178px; height:100px; background: url(../images/th_port7.gif) no-repeat top; top:145px;}
#leftcol_portfolio .thumbnail:hover #th_port8 {width:178px; height:100px; background: url(../images/th_port8.gif) no-repeat top; top:175px;}
#leftcol_portfolio .thumbnail:hover #th_port9 {width:178px; height:100px; background: url(../images/th_port9.gif) no-repeat top; top:192px;}
#leftcol_portfolio .thumbnail:hover #th_port9_2 {width:178px; height:100px; background: url(../images/th_port9_2.gif) no-repeat top; top:143px;}
#leftcol_portfolio .thumbnail:hover #th_port10 {width:205px; height:115px; background: url(../images/th_port10.gif) no-repeat top; top:153px;}
#leftcol_portfolio .thumbnail:hover #th_port11 {width:178px; height:100px; background: url(../images/th_port11.gif) no-repeat top; top:177px;}

#leftcol_portfolio .thumbnail:hover #th_port12 {width:205px; height:115px; background: url(../images/th_port12.gif) no-repeat top; top:214px;}
#leftcol_portfolio .thumbnail:hover #th_port13 {width:205px; height:115px; background: url(../images/th_port13.gif) no-repeat top; top:233px;}
#leftcol_portfolio .thumbnail:hover #th_port14 {width:270px; height:150px; background: url(../images/th_port14.gif) no-repeat top; top:233px; left:40px;}


			/*portfolio pages*/
ul.port_links .port_cont {position:absolute; left:-999em; overflow:auto; width:600px; height:400px; overflow:auto; z-index:99;}
ul.port_links li.port_feat .port_cont {left:300px; top:-20px;}
.port_cont p {margin:0 360px 0 0;}
#leftcol_portfolio .port_cont h3 {margin:5px 360px 20px 0; font-size:1.5em;}
#leftcol_portfolio .port_cont .wider  {margin:0; width:300px; padding:0;}
#leftcol_portfolio .port_cont .wider li {width:291px; margin:0 0 5px 0; line-height:normal;}
#leftcol_portfolio .port_cont li {width:240px; margin:0 0 5px 0; line-height:normal;}
#leftcol_portfolio .port_cont ul {margin:0; width:240px; padding:0;}


#port_sec1 {background: url(../images/full_port1.jpg) no-repeat top right;}
#port_sec2 {background: url(../images/full_port2.jpg) no-repeat top right;}
#port_sec3 {background: url(../images/full_port3.jpg) no-repeat top right;}
#port_sec4 {background: url(../images/full_port4.jpg) no-repeat top right;}
#port_sec5 {background: url(../images/full_port5.jpg) no-repeat top right;}
#port_sec6 {background: url(../images/full_port6.jpg) no-repeat top right;}
#port_sec7 {background: url(../images/full_port7.jpg) no-repeat top right;}
#port_sec8 {background: url(../images/full_port8.jpg) no-repeat top right;}
#port_sec9 {background: url(../images/full_port9.jpg) no-repeat top right;}
#port_sec9_2 {background: url(../images/th_port9_3.jpg) no-repeat top right;}
#port_sec10 {background: url(../images/full_port10.jpg) no-repeat top right;}
#port_sec11 {background: url(../images/full_port11.jpg) no-repeat top right;}
#port_sec12 {background: url(../images/full_port12.jpg) no-repeat top right;}
#port_sec13 {background: url(../images/full_port13.jpg) no-repeat top right;}
#port_sec14 {background: url(../images/full_port14.jpg) no-repeat top right;}


#port_overview p {margin:0 240px 15px 0; font-size: 1.0em}
#leftcol_portfolio #port_overview h3 {margin:0 200px 10px 0;}
#leftcol_portfolio #port_overview .disc {list-style:disc; margin-left:20px; width:340px;}
#togglelinks {position:absolute; top:270px; left:270px; width:200px;}
/*#togglelinks li {background-color:#ebf3f5; padding:2px; border:1px solid #e3f5e6;}*/
#togglelinks #prev {list-style:none;float:left;}
#togglelinks #start {list-style:none;float:left;}
#togglelinks #next {list-style:none;float:right;display:inline;}

		/*FEED STYLES*/
		#maincontent .feed-item-date {margin-bottom:0; color:#ff0000;}
		#maincontent .feed-item-title {margin-bottom:0; font-weight:bold;}
		#maincontent .feed-item-title a {color:#666;}
		
		#home #maincontent .feed-item-date {font-weight:bold; color:#303030; font-size:.683em;}
		#home #maincontent .feed-item-description {margin-bottom:0;}
		#home #maincontent .feed-item-description a, #home #maincontent .feed-item-title a {color:#666666; font-weight:bold;}
		.more-link-home {color:#666; font-weight:bold; font-size:.683em; display:block; padding:10px;}
		
		#home #wrapper_feed {width:240px; float:left;  margin-top:20px; background-color:#e5e5e5;}
		#home .feed-item-wrapper {border-bottom:1px dotted #656565; min-height:40px; height:auto !important; height:40px; padding:15px 10px;background:#e5e5e5 url(../images/sprite-latest-feed.gif) no-repeat right top; margin:0;}
		.feed-item-wrapper {margin-bottom:15px;}
		
		#wrapper_masthead {min-height:39px; height:auto !important; height:39px; background:#335056 url(../images/sprite-latest-feed.gif) no-repeat left bottom; padding:6px 0 0 60px;}
		#wrapper_masthead h4 {font-size:1.125em;}
		#wrapper_masthead h4 a {color:#fff; text-decoration:none;}
		#wrapper_masthead h5 {font-size:.625em; font-weight:bold;}
		#wrapper_masthead h5 a {color:#93b4bc; background:url(../images/arrow-white.gif) no-repeat right 2px; padding:0 13px 3px 0;}