/*  
CSS Code and Design copyright 2009 to Sullivan+Wolf Design. All Rights Reserved. 
Copying and/or re-using this code, its sub-code or derivatives without written permission is a violation of copyright law.
Visit us at SullivanandWolf.com
 */
 /*html*/
 html { font-size: 90%; }
body { padding: 0px; margin: 0px; background-color: #011d52; font-family: Calibri, Arial, Helvetica, sans-serif; margin-bottom: 18px; background-image: url(/assets/bg.png); background-repeat: repeat-y; background-position: center top; }
a, p, ul, h1, h2, h3, h4, h5, h6, input, textarea, td, select, table { font-family: Calibri, Arial, Helvetica, sans-serif; }
small { }
p { font-size: 1.0em; }
h1 { font-size: 2.2em; color: #666666; font-weight: lighter; font-family: "Myriad Pro", Calibri, Arial, Helvetica, sans-serif; }
h2 { font-size: 1.5em; color: #f89829; }
h3 { font-size: 1.3em; color: #343434; }
h4 { font-size: 1.1em; color: #6B7985; }
h5 { font-size: 1em; color: #222222; }
h6 { font-size: 1em; color: #111111; }
ul { list-style-type: square; }
li { margin-bottom: 8px; }
table { font-size:100%; }
td { font-size: 1.0em; }
td p { font-size:1.0em; }
h1 sup { font-size:50%; line-height: 0; }
p sup { font-size:70%; line-height: 0; }
select { font-size: 1em; }
input, textarea { padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 3px; font-size: 1em; }
textarea { overflow:auto; }
hr { width: 60%; color: #999999; text-align: center; }
form { margin-top: 12px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: auto; }

div { margin: 0px; }
/*  Layout  */
#center { width: 981px; margin-top: 0px; }
#container { width: 981px; text-align:left; }
#masthead { background-color: inherit; height:auto; width: 981px; text-align:left; padding-top: 0px; float: left; background-image: url(/assets/bg-logo.png); background-repeat: no-repeat; }
#middle { width:981px; text-align:left; float: left; background-color:#FFFFFF; background-image: url(/assets/bg-content.png); background-repeat: no-repeat; }
#footer { width: 100%; height: 90px; height: auto; float: left; background-image: url(/assets/bg-footer.png); background-repeat: no-repeat; margin-bottom: 8px; margin-top: 0px; padding-top: 16px; }
*html #footer { padding-top: 16px; }
#leftcolumn { float: left; width: 200px; padding-top: 12px; min-height:400px; }
#sidenav { }
#content { width: 700px; margin-left: 210px; padding-top: 12px; display: block; padding-bottom: 32px; }
#homeprods { float: left; margin-right: 12px; width: 240px; border: 0px solid #999999; }
#homeapplications { width: 200px; float: left; border: 0px solid #999999; }
#homearticles { width: 240px; float: left; border: 0px solid #999999; }

/* Links */

a { font-size: 100%; }
a:link { text-decoration: none; color: #0000CC; }
#content p a:link { text-decoration: none; color: #0000CC; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FF9900; }
#content p a:visited { text-decoration: none; color: #222222; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FF9900; }
#content p a:hover { text-decoration: none; color: #339900; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FF9900; }
#content li a:link { text-decoration: none; color: #0000CC; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FF9900; }
#content li a:visited { text-decoration: none; color: #222222; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FF9900; }
#content li a:hover { text-decoration: none; color: #339900; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FF9900; }
a:visited { text-decoration: none; color: #222222; }
a:hover { text-decoration: none; color: #FF6600; }
#topnav { color: #FFFFFF; margin-right: 8px; float: right; margin-top: 38px; }
#topnav a { color: #FFFFFF; vertical-align: bottom; text-decoration: none; margin-right: 10px; font-size: .8em; font-weight: bold; }
#sidenav a { height: auto; width: 80%; padding-top: 2px; padding-bottom: 2px; margin-bottom: 1px; float:left; padding-left: 13%; font-size: 90%; }
*html #sidenav a { width: 80%; font-size: 90%; }
#sidenav a:hover { color: #FFFFFF; background-color: #666666; }
#sidenav a.leveltwo { background-color: #e3e3e3; width: 70%; padding-left: 20%; }
#sidenav a.leveltwo:hover { color: #FF9900; }
#mainnav { margin: 0px; background-color: #333333 !important; height: 31px; width: 100%; vertical-align: middle; background-image: url(../bg-mainnav.png); background-repeat: repeat-x; background-position: center center; float: left; }
#mainnav a { font-size: 1.0em; color: #FFFFFF; text-decoration: none; margin-right: 1px; margin-left: 1px; padding-right: 8px; padding-left: 8px; display: block; font-weight:bold; float: left; padding-top: 6px; padding-bottom: 2px; }
#mainnav a:hover, #topnav a:hover { color: #f89829; }
#mainnav a.down { color: #f89829; }
#footernav { float:right; font-size: .8em; margin-right: 24px; }
#footernav a { text-decoration: none; font-size: .8em; color: #000000; }
#liveperson { margin-top: 28px; margin-bottom: 18px; float: left; }
#liveperson a:link, #liveperson a:visited, #liveperson a:hover { width: auto; display:inline; background-color:#FFFFFF; float: none; padding: 0px; color: #000000; }