div { border: 0px dotted #C0C0C0; }
body { background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;  }
* { padding: 0; margin: 0;}
h1 { font-family: sans-serif; font-size: 2.2em; font-weight: normal; color: #003300; letter-spacing: -0.03em; margin: 0 0 0.5em 0; }
h2 { font-family: sans-serif; font-size: 1.8em; font-weight: normal; color: #006600; letter-spacing: -0.03em; margin: 0 0 0.5em 0; }
h2 a {text-decoration: none;}
h3 { font-family: sans-serif; font-size: 1.2em; color: #009900; padding-bottom: 5px; border-bottom: 1px dotted #006600; margin: 0 0 0.5em 0;}
h4,h5,h6 { font-size: 1.0em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
ul { list-style: square; margin: 0 0 1em 2em;}
ol { margin: 0 0 1em 2em; }
li { line-height: 1.5em; }
blockquote { }
img { border: 0; margin-bottom: -2px; }
.imgleft {float: left; margin: 0 20px 0 0;}
a:link { color: #006600;}
a:visited { color: #007700; }
a:hover { color: #003300; }
a:active {color: #009900; }
a:focus { color: #009900; }


#top { float: left; width: 100%; background: #006600 url(/images/bg-top.png); border-bottom: 5px solid #14B833; font-size: 0.7em; clear: both; }
#header { width: 900px; padding: 10px 0 0 0; margin: 0 auto; }
#content { width: 900px; background: #FFFFFF; margin: 0 auto; font-size: 0.7em; clear: both;}
#bottom { width: 900px; font-size: 0.7em;  text-align: center; line-height: 1.5em; padding: 10px 0 10px 0; margin: 0 auto; background: #FFFFFF; margin: 0 auto 10px auto; clear: both; }
#sidebar { float: left; width: 25%; padding: 1.5% 0;}
#main { float: right; width: 72%; padding: 1.5% 0;}
#footer { width: 880px; text-align: center; padding: 10px; background: #D4F7DA; margin: 0 auto 10px auto; }

.logo { float: left; width: 215px;}
.headerinfo { float: right; width: auto; height: 30px; text-align: right; padding: 5px 0 5px 35px; background: url(/images/icon-phone.gif) no-repeat left; }
.headerphone {font-family: sans-serif; font-size: 1.4em; color: #00FF00; font-weight: bold }
.headerphoneinfo { font-size: 0.8em; color: #FFFFFF; }
#nav {float: right; width: 680px; text-align: right;}
ul.nav { float: right; width: auto; list-style: none; text-align: right; margin: 55px 0 0 0;}
ul.nav li { float: left; margin: 0 0 0 5px;}
ul.nav li a { display: block; font-weight: bold; text-decoration: none; padding: 5px 7px; }
ul.nav li a:link { color: #003300; background: #D4F7DA; }
ul.nav li a:visited { color: #006600; background: #D4F7DA; }
ul.nav li a:hover { color: #FFFFFF; background: #14B833; }
ul.nav li a:active {color: #009900;  background: #D4F7DA; }
ul.nav li a:focus { color: #006600; background: #D4F7DA; }
body#home ul.nav li a.navhome { color: #FFFFFF; background-color: #14B833; }
body#products ul.nav li a.navproducts { color: #FFFFFF; background-color: #14B833; }
body#news ul.nav li a.navnews { color: #FFFFFF; background-color: #14B833; }
body#clients ul.nav li a.navclients { color: #FFFFFF; background-color: #14B833; }
body#support ul.nav li a.navsupport { color: #FFFFFF; background-color: #14B833; }
body#contact ul.nav li a.navcontact { color: #FFFFFF; background-color: #14B833; }
body#services ul.nav li a.navservices { color: #FFFFFF; background-color: #14B833; }
body#links ul.nav li a.navlinks { color: #FFFFFF; background-color: #14B833; }
body#other ul.nav li a.navother { color: #FFFFFF; background-color: #14B833; }

.bg-splash {float: left; width: 900px; height: 180px; margin: 1.5% 0 1em 0;}
.splash {  float: left; width: 880px; height: 165px; padding: 15px 10px 0 10px; background-image: url(/images/splash-overlay.gif);}
.splash h1 { display: inline; width: auto; color: #FFFFFF; padding: 5px; background: url(/images/bg-splashtext.png); margin: 0 0 0.5 0; clear: both; }
.splash p { width: 50%; padding: 5px; background: url(/images/bg-splashtext.png); color: #FFFFFF; font-weight: bold }

.colleft { float: left; width: 59%; padding: 0 0 0 1%;}
.colright { float: right; width: 35%;}
.col3left {float: left; width: 315px; height: 150px; padding: 10px 10px 0 10px; background: url(/images/bg-col3-335.png); margin: 0 15px 0 0;}
.col3center {float: left; width: 315px; height: 150px; padding: 10px 10px 0 10px; background: url(/images/bg-col3-335.png);}
.col3right {float: right; width: 180px; height: 150px; padding: 10px 10px 0 10px; background: url(/images/bg-col3-200.png);}
.left50 {float: left; width: 48%;}
.right50 {float: right; width: 48%;}
.section {float: left; width: 100%; line-height: 1.5em; padding: 0 0 15px 0; }

.contactcolleft {float: left; width: 55%;}
.contactcolright {float: right; width: 40%;}
.contactcolright p { height: 100px;}
.contactcolright img { float: right;}

a.linkmore { font-weight: bold; padding: 2px 5px 2px 15px; background: #FFFACD url(/images/icon-linkmore.gif) no-repeat left; margin: 0 10px 0 0; }
a.linkmore:hover { background: #EEE8AA url(/images/icon-linkmore.gif) no-repeat left; text-decoration: none }
a.rss { display: inline-block; width: auto; font-weight: bold; padding: 2px 5px 2px 15px; background: #FFFACD url(/images/icon-rss.gif) no-repeat left; margin: 0 10px 0 0; }
a.rss:hover { background: #EEE8AA url(images/icon-rss.gif) no-repeat left; text-decoration: none }
.paginate {display: block; float: left; width: 100%; line-height: 2em;}
.paginate b {font-weight: bold; padding: 2px 5px; background: #FFFFFF; border: 1px solid #006600;}
.paginate a {font-weight: bold; text-decoration: none; padding: 2px 5px; background: #FFFACD; border: 1px solid #006600;}
.sidebarbox {padding: 1em 1em 0 1em; border: 1px solid #009900; margin: 0 0 1em 0; text-align: center;}
.sidebarbox h3 {text-align: left;}

.news-category-heading {padding: 1em 0; border-top: 1px solid #009900; border-bottom: 1px solid #009900; margin: 0 0 1em 0;}
.news-category-heading p {margin: 0;}
.postedby {padding: 0 0 1em 0; border-bottom: 1px solid #009900;}

ul.cats { list-style: none; border-top: 0px solid #D4F7Da; margin: 0 0 1em 0; }
ul.cats li {  padding: 5px 0; border-bottom: 0px solid #D4F7DA; }
ul.cats li a { font-weight: bold; }

.entries {float: left; width: 100%; margin: 0 0 20px 0;}

.product { float: left; width: 33%; height: 150px; text-align: center;}
.product  img {border: 1px solid #009900; margin: 0 0 2px 0;}
.product-title {font-size: 1.0em; font-weight: bold; text-align: center; margin: 0 0 0.5em;}
.product-smallimage img {float: left; border: 1px solid #009900; margin: 0 10px 0 0;}
.product-medimage {float: right; border: 1px solid #009900; margin: 0 0 10px 20px;}
.product-info {float: left; width: 70%;}
.product-details {float: left; width: 100%; margin: 0 0 1em 0;}
.product-details-item {float: left; width: 100%; padding: 5px; border-bottom: 1px solid #D4F7DA;}
.product-details-item-title {display: block; float: left; width: 33%;}

h3.bookmarks {float: left; width: 100%;}
ul.bookmarks {float: left; width: 100%; list-style: none; font-weight: bold; margin: 0 0 20px 0;}
ul.bookmarks li {float: left; width: auto; line-height: 24px; padding: 0 10px 0 0;}
ul.bookmarks a {text-decoration: none;}

.other-products {float: left; width: 100%; margin: 0 0 25px 0;}
.other-products img {float: left; margin: 0 20px 0 0;}

.support-item {float: left; width: 100%; padding: 0 0 2% 0;}
.support-item-title {margin: 0 0 0.5em;}
.support-shortdesc-image {float: right; border: 1px solid #009900; margin: 0 0 0 10px; }

.client-showcase-thumb {float: left; width: 33%; height: 150px; text-align: center;}
.client-showcase-thumb img {border: 1px solid #009900; margin: 0 0 2px 0;}
.client-thumbs {float: left; width: 100%; margin: 0 0 1em 0;}
.client-thumb {float: left; width: 25%; height: 155px; line-height: 155px; padding: 0; text-align: center;}
.client-thumb img { border: 1px solid #009900;}
.client-hedge-type {float: right; width: 152px; text-align: center; padding: 9px; border: 1px solid #009900; background: #FFFFFF; margin: 0 0 20px 20px;}
.client-hedge-type img {border: 1px solid #009900;}

form {float: left; width: 100%;}
fieldset {float: left; width: 100%; padding: 0 0 1% 0; border: 1px solid #14B833; margin: 0 0 2% 0;}
legend {font-weight: bold; padding: 5px;margin: 0 10px;}
.formrow {float: left; width: 94%; padding: 1% 3%;}
.formrow label {float: left; width: 33%;}
.formrow input {padding: 2px;}
.formrow textarea {padding: 2px;}
.formrow input:focus, .formrow textarea:focus {background: #D4F7DA;}
.formrowcheckbox {float: left; width: 94%; line-height: 2em; padding: 1% 3%;}