* { margin:0px; padding:0px; }
html { min-height:100%; margin-bottom:1px; }
body { background:#fff url(../images/S_body_back.gif) repeat-x; font-size:11px; font-family:tahoma, arial, sans-serif; color:#666; line-height:1.4; }
#H_body { background:#fff url(../images/H_body_back.gif) repeat-x;}
table, td, th {font-size:11px; font-family:tahoma, arial, sans-serif; color:#666; }
hr { color:#fff; border-bottom:2px dotted #999; margin:5px 0px 10px; }
#skip { display:none;}
#container { position:relative; width:760px; background:url(../images/H_container_back.gif) no-repeat 600px 0px; }
/* Header */
#header { position:relative; margin:0px auto; height:162px; text-align:left;}
#logo { position:relative; margin-top:36px; border-right:20px solid #fff;}
/* NAVIGATION:primary nav */
/* NAVIGATION */
#nav { position:absolute; top:36px; left:266px; width:90px; padding-right:214px; background:#999; z-index:10; height:91px; }
#nav li { position:relative; font-size:11px; list-style:none; display:block; width:120px; border-bottom:1px solid #fff; float:left; clear:both; }
#nav li.contact { border:0px;}
/* for IE 5.5,5.2,6 \*/ * html #nav li { float:left; f\loat:none;}/**/
#nav li a, #nav li div { position:relative; display:block; width:120px; text-decoration:none; cursor:pointer ;}
#nav li strong { position:absolute; left:0px; top:0px; width:120px; display:block;}
#nav li.about, #nav li.about a, #nav li.about a strong { height:18px; background:url(../images/cache/HN_about.gif); }
#nav li.press, #nav li.press a, #nav li.press a strong { height:17px; background:url(../images/cache/HN_news.gif); }
#nav li.products, #nav li.products a, #nav li.products a strong { height:17px; background:url(../images/cache/HN_technology.gif); }
#nav li.careers, #nav li.careers a, #nav li.careers a strong { height:17px; background:url(../images/cache/HN_careers.gif); }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { height:18px; background:url(../images/cache/HN_contact.gif); }
/* HOVER STATE:all images are stacked equal height so this one style makes them all work with no need to repeat. Also:#nav li.class preloads the rollover image. */
#nav li.about, #nav li.about a:hover strong, #nav li.press, #nav li.press a:hover strong, #nav li.products, #nav li.products a:hover strong, #nav li.careers a:hover strong, #nav li.contact, #nav li.contact a:hover strong { background-position:-120px 0px;}
/* ON STATE */
#nav li.abouton, #nav li.abouton div strong { height:18px; background:url(../images/cache/HN_about.gif) 120px 0px;}
#nav li.presson, #nav li.presson div strong { height:17px; background:url(../images/cache/HN_news.gif) 120px 0px;}
#nav li.productson, #nav li.productson div strong { height:17px; background:url(../images/cache/HN_technology.gif) 120px 0px;}
#nav li.careerson, #nav li.careerson div strong { height:17px; background:url(../images/cache/HN_careers.gif) 120px 0px;}
#nav li.contacton, #nav li.contacton div strong { height:18px; background:url(../images/cache/HN_contact.gif) 120px 0px;}
/*
CONTENT ---------------------------------------------------------------- */
#H_welcome { position:relative; float:left; width:600px; height:231px; background:#666 url(../images/H_welcome_back.jpg) no-repeat;}
#H_welcome p { position:relative; padding-top:15px; margin-left:288px; width:290px; line-height:1.2; color:#eee;}
#H_demo { position:relative; float:left; width:110px; margin-left:45px; padding:10px 0px; color:#eee; line-height:12px; background:#666; }
#H_demo a:link, #H_demo a:visited { color:#eee; text-decoration :underline;}
#H_demo h2 { font-size:12px; color:#FEA620; font-weight:normal;}
#H_demo h2 strong { margin-bottom:-1px;}
#H_demo h2 span { color:#999;}
#parentcomps { position:absolute; top:387px; left:378px; float:left; margin-top:15px; padding:0px; z-index:900; font-weight:bold; }
#parentcomps img { vertical-align:middle; padding-left:2px; padding-right:2px; }
table.data { margin-bottom:30px; }
/*
SUBPAGE content ---------------------------------------------------------------- */
#S_content { position:relative; float:left; width:600px; background:#fff; }
#S_content .pad { padding:10px 25px 0px 75px;}
#S_content .subnav { height:15px; margin:0 0 15px 0; padding:0 0 3px 0; font-size:15px; font-weight:bold; color:#ccc; }
#S_content .subnav span { font-weight:normal; margin:0 5px; }
#S_content p { line-height:16px; padding:5px 0px 10px;}
#S_content ul { padding:5px 30px;}
#S_content li { padding:0px 0px 3px;}
#S_content img.bio { padding:5px 10px 0 0; }
#S_content img.bio2 { padding:10px 10px 0 0; }
#S_content div.bio_left { float:left; }
#S_content div.bio_right { float:right; width:230px; }
.image { position:relative; float:right; margin-left:10px; margin-right:-23px; padding:10px; border:1px solid #FEA620; border-bottom-width:20px; background:#fff;}
.col { width:29%; height:115px; float:left; margin:10px 20px 30px 0px; border-right:1px solid #efefef; }
#footer { position:relative; height:100px; clear:both; background:url(../images/H_footer_back.gif) no-repeat; font-size:10px; color:#999;}
#footer p { text-align:right; width:570px; padding-top:60px;}
#footer_logo { position:absolute; top:52px; left:636px;}
/* LINKS */
a:link, a:visited { color:#039; text-decoration:none; }
a:hover { color:#777;}
/* ELEMENTS */
h2 { font-size:12px; color:#555; padding:2px 0px 0px;}
h3 { font-size:11px; color:#555; padding:2px 0px 0px;}
/* FORM */
#form { width:300px;}
#form td { padding:3px 5px; vertical-align:top; border-bottom:1px solid #ccc; }
#form td.left { text-align:right; border-right:1px solid #ccc;}
#form input { font-size:9px;}
#form textarea { width:200px; height:75px; }
/* SALES */
img.sales { float:left }
div.sales { width:380px; float:right; }
/* MISCELLANEOUS */
.floatleft { float:left; padding:0px 10px 5px 0px; }
.floatright { float:right; padding:0px 10px 5px 0px; }