/* general styles */

body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
text-align: left;
}

a   { color: black; font-size: 0.85em; font-family: Verdana, Helvetica, Arial, sans-serif ; height: 1%; }

a:hover {
color: #ffcc33;
font-family: Verdana, Helvetica, Arial, sans-serif; }

a:visited  { color: black }

a:visited:hover  { color: #fc3 }

h1 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #990000;
margin: 0em 0em .5em 0em;
font-style: italic;
font-weight: bold;
}

h2 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #000000;
font-weight: bold;
margin-bottom: -.25em;
margin-top: +.5em; }

h3 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #006633;
margin-bottom: -1em;
margin-top: 0em;
margin-right: 0em;
margin-left: 0em; }

p   { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; line-height: 1.8em; text-decoration: none }

.caption   { font-size: 0.8em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-style: italic; line-height: 1em; text-align: left; width: 200px; max-width: 220px }
#content caption { width: 250px }
/* layout styles */


#container      { line-height: 1.8em; background-image: url("imgs/back_container.jpg"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 10px auto 0; padding: 0; width: 765px }

#banner  {background: url(imgs/back_banner.jpg) no-repeat; height: 80px}

#content      { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; display: inline; margin-top: 12px; margin-right: 0; margin-left: 12px; width: 500px; float: left }

#mainvis   { width: 525px; float: left }

/* sidebar */

#sidebar     { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 12px 0 0; padding: 0 12px 0 0; position: relative; right: 20px; width: 190px; float: right }

#sidebar h2    { color: #990000; font-size: 1.15em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-style: italic; line-height: 1em }

#sidebar h3    { color: #006633; font-size: 1em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; line-height: 1em }


#sidebar a       { color: black; font-size: 0.8em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; line-height: 1.1em; text-decoration: none; display: block; margin-bottom: 12px; margin-left: 6px; padding-right: 10px; width: 170px }

#sidebar a:hover      { color: #fc3; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
.img_sidebar   { text-align: right; margin-top: 25px; padding-right: 25px; width: 190px; float: right }

.caption_sidebar      { font-size: 0.8em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-style: italic; line-height: 1em; text-align: left; width: 175px; max-width: 190px; float: right }

/* border */

.top   { background-image: url("imgs/dot.gif"); background-repeat: repeat-x; background-position: 0 0; float: right }

.bottom   { background-image: url("imgs/dot.gif"); background-repeat: repeat-x; background-position: 0 100%; float: right }

.left   { background-image: url("imgs/dot.gif"); background-repeat: repeat-y; background-position: 0 0; float: right }

.right   { background-image: url("imgs/dot.gif"); background-repeat: repeat-y; background-position: 100% 0; float: right }

.tr_corner   { text-decoration: none; background-image: url("imgs/tr_corner.gif"); background-repeat: no-repeat; background-position: 100% 0; padding: 10px; float: right }

.tl_corner   { background-image: url("imgs/tl_corner.gif"); background-repeat: no-repeat; background-position: 0 0; float: right }

.br_corner  { background-image: url("imgs/br_corner.gif"); background-repeat: no-repeat; background-position: 100% 100%; float: right }

.bl_corner  { background-image: url("imgs/bl_corner.gif"); background-repeat: no-repeat; background-position: 0 100%; float: right }

/* case histories */

#casehistories   { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; padding: 15px; width: 740px; float: left }
#casehistories p   { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; margin-right: 45px; margin-left: 275px; width: 400px }
#casehistories h3 { margin-left: 275px }
#solutions { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; width: 500px; float: left }
#solutions p  { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; margin-left: 185px }
#solutions li { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; margin-left: 193px }
#solutions h3  { margin-left: 185px }
#solutions a:link,  #solutions a:visited   { color: #006633; font-size: 1.1em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
#solutions a:hover { color: #fc3; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
.img_left_solution    { margin: 0 0 40px 5px; float: left }
.img_right  { margin-right: 10px; margin-left: 15px; float: right }

.img_left       { margin: 0 20px 20px; float: left }
#content li  { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; text-align: left; list-style: inside; padding: 0.5em }

/* main nav */

#nav-main   { background: url("imgs/back_navmain.gif") no-repeat; text-align: center; margin-left: 10px; min-height: 30px; max-width: 740px }

#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 10px;
}

#nav-main li  { background: no-repeat right top; list-style-type: none; margin: 3px 5px 0; width: auto; float: left }

#nav-main a:link, #nav-main a:visited  { color: #ffffff; font-size: 10px; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; display: block; padding: 1px 10px 2px 12px }
#nav-main a:hover, #nav-main a:visited:hover  { color: #006633; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; padding: 1px 10px 2px 12px }

.current {
}

.current a:link, .current a:visited {
color: #990000 !important;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.current a:hover, .current a:visited:hover {
color: #990000 !important;
padding-top: 1em;
padding-right: 10em;
padding-bottom: 2em;
padding-left: 12em; }


/* sub nav */

#nav-section  { clear: both }

#nav-section ul   { margin: 0; padding: 0 10px }

#nav-section li   { font-size: 9px; background-image: url("imgs/bullet_off.gif"); background-repeat: no-repeat; background-position: left bottom; list-style-type: none; margin: 0 4px; padding-left: 12px; float: left }

#nav-section a:link, #nav-section a:visited    { font-size: 1em; text-decoration: none }

.youarehere a:link, .youarehere a:visited   { color: #900; font-weight: bold }

.youarehere  { background-image: url("imgs/bullet_on.gif") !important }

/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp {
margin: 15px;
}

#nav-supp li {
background-image: url(imgs/bullet_link.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 2px 10px;
}

/* footer */
#info-site   { background-image: url("imgs/back_infosite.gif"); background-repeat: no-repeat; background-position: left bottom; text-align: center; margin: 0; padding: 0 0 15px; clear: both }

	
#info-company    { color: #063; font-size: 0.8em; font-family: Verdana, Helvetica, Arial, sans-serif; font-style: italic; line-height: 3em; background-color: transparent; background-image: url("imgs/back_navmain.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin-left: 10px; min-height: 30px; max-width: 745px }

#info-company a,#info-company a:visited   { color: #006633; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif }

#info-company a:hover,#info-company a:visited:hover   { color: #ffffff; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif }

.clear { height: 0; clear: both }

/*Directory list items
------------------------------------*/
#byitem { display: inline; margin-left: 10px; width: 510px; float: left }
#byitem ul.vert      { font-size: 0.8em; line-height: 1.1em; list-style-type: none; margin: 0; padding: 12px 0 25px }
#byitem ul.vert li.header a:link  { color: white; font-size: 0.85em; text-decoration: none }
#byitem ul.vert li.email a:link { font-size: 0.85em; text-decoration: underline }
#byitem ul.vert li a:visited:hover  { color: #fc3; text-decoration: none }
#byitem ul.vert li  { margin: 0; padding: 6px 0; height: 55px }
#byitem ul.vert li.tall { margin: 0; padding: 6px 0; height: 5px }
#byitem ul.vert li.odd { background-color: #eee; }
#byitem ul.vert li.header { color: white; background-color: #063 }
#byitem ul.horz    { list-style-type: none; display: inline; margin: 0; padding: 0 0 0 10px }
#byitem ul.horz li     { margin: 0; padding: 0 0 0 15px; width: 70px; float: left }
#byitem ul.horz li.title    { width: 85px }
#byitem ul.horz li.email      { width: 195px }
#byitem ul.horz li.phone     { text-align: right; width: 85px }

/*Innovations list items
------------------------------------*/
#innovations { display: inline; margin-left: 10px; width: 510px; float: left  }
#innovations ul.vert       { font-size: 0.8em; line-height: 1.1em; list-style-type: none; margin: 0; padding: 0 }
#innovations ul.vert li a:link     { font-size: 0.85em }
#innovations ul.vert li a:visited:hover  { color: #fc3; text-decoration: none }
#innovations ul.vert li   { margin: 0; padding: 6px 0 8px; height: 1% }
#innovations ul.vert li.tall { margin: 0; padding: 6px 0; height: 5px }
#innovations ul.vert li.divider  { position: relative; top: 12px; clear: both; border-top: 3px solid #999        }
#innovations ul.vert li.odd {
        background-color: #eee;
        }
#innovations ul.vert li.header  { color: white; background-color: #063; height: 15px; margin-top: 12px  }
#innovations ul.start     { padding: 0 0 0 10px  ; list-style-type: none; display: inline; }
#innovations ul.start li     { margin: 0; padding: 0 12px 0 10px; width: 150px; height: auto; float: left  }
#innovations ul.start li.image     { width: 300px; height: auto; }
#innovations ul.specs     { list-style-type: none; margin: 0; padding: 10px 0 0 10px }
#innovations ul.specs li     { display: inline; margin: 0; padding: 0 12px 0 0; width: 100px; height: auto; float: left }
#innovations ul.specs li.product     { width: 80px; height: auto }
#innovations ul.specs li.application       { width: 150px; height: auto }
#innovations ul.specs li.features      { width: 210px; height: auto }