﻿
body {margin: 0; padding: 0; background: #fff; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000; text-align: center;}
h1, h2, h3, h4, h5, h6 {font-size: 12px; font-weight: bold; margin: 0;}
select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
img, table {border: 0;}
form {margin: 0;}
a:link, a:active, a:visited {color: #185B9F; text-decoration: none;}
a:hover {text-decoration: underline;}

.hide {display: none;}
.small {font-size: 10px;}
.arrowlink {display: block; padding-left: 18px; background: url(../images/sm-arrow.gif) no-repeat;}
.nextlink a {display: block; padding-right: 18px; background: url(../images/sm-arrow.gif) right no-repeat; text-align: right; margin-top: 40px;}
.backlink {margin-top: 20px;}
.backlink a {display: block; padding-right: 18px; background: url(../images/sm-arrow.gif) right no-repeat; text-align: right;}
.pullquote {float: right; width: 150px; background: #069; padding: 20px 15px; margin: 0 0 10px 10px; color: #fff;}
html>body .pullquote {padding: 5px 15px;}

#outer {border: solid #185B9F; border-width: 7px 0; padding: 15px 0 10px 0;}
#inner {width: 745px; margin: 0 auto; text-align: left;}

#top {position: relative; height: 61px; border-bottom: 7px solid; margin-bottom: 1px; padding-bottom: 1px; background: url(../images/logo.gif) left top no-repeat;}
	body.home #top {border-color: #ccc;}
	body.veriphy #top {border-color: #E47E00;}
	body.customers #top {border-color: #185B9F;}
	body.news #top {border-color: #690;}
	body.about #top {border-color: #669;}
#logo {display: block; width: 175px; height: 61px;}

#eyebrownav {position: absolute; top: 10px; right: -1px; margin: 0; padding: 0; list-style: none; color: #8F8F8F; font-size: 10px;}
#eyebrownav li {margin: 0; padding: 0; list-style: none; display: inline;}
#eyebrownav a {color: #5687b9; text-transform: uppercase;}

#nav {position: absolute; bottom: 1px; right: -1px; margin: 0; padding: 0; list-style: none;}
#nav li {position: relative; float: left; margin: 0; padding: 0; list-style: none;}
#nav a {display: block; width: 111px; height: 23px;}
#navveriphy a {background: url(../images/nav1.gif);}
#navveriphy a:hover {background: url(../images/nav1-roll.gif);}
#navcustomers a {background: url(../images/nav2.gif);}
#navcustomers a:hover {background: url(../images/nav2-roll.gif);}
#navnews a {background: url(../images/nav3.gif);}
#navnews a:hover {background: url(../images/nav3-roll.gif);}
#navabout a {background: url(../images/nav4.gif); width: 110px;}
#navabout a:hover {background: url(../images/nav4-roll.gif); width: 110px;}

#nav li ul {display: none; position: absolute; top: 23; right: 0; width: 200px; margin: 0; padding: 7px 0; list-style: none; border-top: 1px solid #fff;}
#nav li.on ul {display: block;}
#subnavveriphy {background: #f1b300;}
#subnavcustomers {background: #4898c9;}
#subnavnews {background: #a1c600;}
#subnavabout {background: #a1a1c6;}
#nav li li {margin: 0; padding: 0; list-style: none; float: none;}
#nav li li a {display: block; width: 180px; padding: 0 10px; line-height: 22px; font-size: 11px; color: #fff; font-weight: bold; background-image: none;}
#nav li li a:hover {background: #185b9f; text-decoration: none;}
#nav #subnavabout li a {width: 180px;}
#nav #subabout li a:hover {width: 180px;}

#main {background: url(../images/bkg-main.gif) repeat-y;}
	body.home #main {background: url(../images/bkg-mainhome.gif) repeat-y;}
#left {width: 209px; float: left; font-size: 11px; color: #666;}
	body.home #left {display: none;}
#homeleft {width: 461px; float: left; font-size: 11px; color: #333; font-size: 12px;}
#right {width: 535px; float: right;}
	body.home #right {width: 745px; float: none;}
#homeright {width: 283px; float: right; padding: 15px 0; border-top: 5px solid #E47E00; background: url(../images/bkg-homeright.gif) repeat-x; line-height: 16px;}
#spacer {clear: both; height: 20px; background: url(../images/bkg-spacer.gif) no-repeat;}
	body.home #spacer {background-position: 252px;}

#left h1 {height: 52px;}
	body.veriphy #left h1 {background: url(../images/title-veriphy.gif);}
	body.customers #left h1 {background: url(../images/title-customers.gif);}
	body.news #left h1 {background: url(../images/title-news.gif);}
	body.about #left h1 {background: url(../images/title-about.gif);}
#leftnav {margin: 0; padding: 13px 0 3px 0; list-style: none; background: #fff;}
#leftnav li {margin: 0; padding: 0; list-style: none; background: url(../images/bkg-leftnav.gif) bottom no-repeat;}
#leftnav a {display: block; font-weight: bold; color: #999; height: 25px; line-height: 20px; padding-left: 4px;}
#leftnav a:hover, #leftnav li.on a {color: #000; text-decoration: none;}

#veriphylogo {margin: 13px 12px; width: 185px; height: 106px; background: url(../images/bkg-veriphylogo.gif);}
	body.home #veriphylogo {float: right; margin: 5px 0 0 0;}
#veriphylogo a {display: block; width: 185px; height: 106px;}
#homedescrip {margin: 0 15px; border-top: 1px solid #fff; padding-top: 10px;}
#homecase {margin: 20px 0 0 0; padding: 11px 0 0 0; background: url(../images/dots.gif) repeat-x;}
#homecase h3 {line-height: 20px; color: #1a953d; font-size: 14px; margin: 0; padding: 0;}
#homevideo {margin: 0 19px; padding: 0 4px;}
#homevideo h3 {color: #1a953d; font-size: 14px; margin: 0;}
#homenews {margin: 0 19px; padding: 0 0 0 4px; background: url(../images/dots.gif) repeat-x;}
#homenews h3 {color: #1a953d; font-size: 14px; margin: 0; padding-top: 18px;}
#homedemoscheduler {margin: 0 19px; padding: 0 0 0 4px; background: url(../images/dots.gif) repeat-x;}
#homedemoscheduler h3 {color: #1a953d; font-size: 14px; margin: 0; padding-top: 18px;}



/* look at deleting these later? */

#homenote {margin: 0 19px; padding: 0 4px; background: none;}
#homenote h3 {height: 60px; background: url(../images/homenote.gif) no-repeat; margin: 0 0 15px 0;}
#homenote p {margin: 0 0 1em 0;}
#freedemo {margin: 0 12px; padding-top: 10px; background: url(../images/dots.gif) repeat-x;}
	body.home #freedemo {margin: 20px 0 0 0; padding: 11px 0 0 0; background: url(../images/dots.gif) repeat-x;}
	body.home #freedemo h3 {margin: 0;}
#freedemo h3 a {display: block; height: 40px; background: url(../images/freedemo.gif) no-repeat; margin-top: 0;}
	body.home #freedemo h3 a {background-image: url(../images/freedemohome.gif);}
#freedemo p {margin: 0 0 .8em 0;}
	body.home #freedemo  p {margin-bottom: 1.2em;}
#datasheet {margin: 13px 12px 0 12px; padding-top: 11px; background: url(../images/dots.gif) repeat-x;}
	body.home #datasheet {margin: 0 19px; padding: 14px 0 0 4px;}
#datasheet img {float: left; margin-right: 7px;}
#datasheet p {margin: 15px 0 .8em 0;}
	body.home #datasheet p {margin-top: 30px;}
#newsletter {clear: left; margin: 0 12px; padding-top: 11px; background: url(../images/dots.gif) repeat-x;}
	html>body #newsletter {padding-top: 25px; background-position: 0 5px;}
	body.home #newsletter {clear: both; margin: 30px 0 0 0; background: none;}
#newsletter h3 {margin: 0 0 5px 2px; height: 18px; background: url(../images/newsletter.gif) no-repeat;}
	body.home #newsletter h3 {float: left; width: 167px; margin: 0;}
#homespecial {clear: left; border-top: 15px solid #fff; margin: 0 0 0 9px; padding: 0 40px 15px 14px; background: #185B9F; color: #fff; line-height: 17px;}
#homespecial h3 {font-size: 17px; height: 32px; background: url(../images/home-special.gif) bottom no-repeat; margin-bottom: .5em;}
#homespecial p {margin: 0 0 1em 9px; line-height: 15px;}
#homespecial p a {color: #fff;}

/* end look at deleting these later? */


#crumbs {font-size: 11px; font-weight: bold; background: #e3ebf3; line-height: 24px; padding: 0 5px; color: #333; margin-bottom: 1px;}
	body.home #crumbs {display: none;}
#content {padding: 0 25px 10px 30px; line-height: 16px;}
	body.home #content {padding: 0;}
#bigphoto {margin-bottom: 30px;}
#content h2 {font-size: 17px; color: #185B9F; font-weight: bold; margin-top: 30px; line-height: 19px;}
#content h3 {margin-top: 25px;}
	body.news #content h3 {margin: 7px 0 25px 0;}

.managementphoto {float: left; margin: 0 10px 10px 0;}
.pluslist {margin: 1em 0; padding: 0; list-style: none;}
.pluslist li {margin: 5px 0; padding: 2px 0 0 20px; list-style: none; background: url(../images/sm-plus.gif) 0 3px no-repeat;}
.downloadlist {margin: 1em 0; padding: 0; list-style: none;}
.downloadlist li {margin: 5px 0; padding: 2px 0 0 20px; list-style: none; background: url(../images/sm-download.gif) 0 3px no-repeat;}
.spacedlist li {margin-bottom: 1em;}
.faqslist {margin: 0 20px 0 0; padding: 0; list-style: none;}
.faqslist li {margin: 5px 0; padding: 0 0 0 20px; list-style: none; background: url(../images/sm-plus.gif) 0 3px no-repeat; line-height: 18px;}

#contacttable {margin-top: 20px;}
#contacttable th {font-weight: bold; text-align: right; padding: 0 7px 0 0;}
#contacttable td {padding: 0 40px 0 0; line-height: 18px;}

#footer {height: 26px; font-size: 10px; color: #8F8F8F; background: url(../images/dots.gif) 0 11px repeat-x; padding-top: 26px;}
#footeremail {margin: 0; float: right; width: 233px; line-height: 26px; background: url(../images/bkg-footeremail.gif) no-repeat; text-align: right;}
#copyright {margin: 0; float: left; line-height: 13px;}
