body { background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; }
* { padding: 0; margin: 0;}
h1 { font-family: sans-serif; font-size: 2.2em; font-weight: normal; color: #000000; letter-spacing: -0.03em; margin: 0 0 0.5em 0; }
h2 { font-family: sans-serif; font-size: 1.8em; font-weight: normal; color: #000000; letter-spacing: -0.03em; margin: 0 0 0.5em 0; }
h3 { font-family: sans-serif; font-size: 1.4em; color: #7D66CC; margin: 0 0 0.5em 0;}
h4,h5,h6 { font-size: 1.0em; }
p { line-height: 1.5em; font-size: 1.0em; margin: 0 0 1em 0; }
ul { list-style: square; font-size: 1.0em; margin: 0 0 1em 2em;}
ol { font-size: 1.0em; margin: 0 0 1em 2em; }
li { line-height: 1.5em; }
blockquote { font-size: 1.0em; }
img { border: 0; margin-bottom: -2px; }
.imgleft {float: left; margin: 0 20px 0 0;}
a:link { color: #3C2E6B;}
a:visited { color: #7D66CC; }
a:hover { color: #2E00CC; }
a:active {color: #000000; }

#top { float: left; width: 100%; background: #006600 url(/images/bg-top.png); border-bottom: 5px solid #3C2E6B; font-size: 0.7em; margin: 0 0 15px 0; clear: both; }
#header { width: 940px; height: 122px; padding: 10px 0 0 0; margin: 0 auto; }
#splash {width: 960px; height: 220px; background-position: center; margin: -15px auto 15px auto;}
#content { width: 960px; background: #FFFFF; margin: 10px auto; font-size: 0.75em; clear: both;}
#bottom { width: 960px; font-size: 0.65em;  text-align: center; line-height: 1.5em; padding: 10px 0 10px 0; margin: 0 auto; margin: 0 auto 10px auto; clear: both; }
#sidebar { float: left; width: 220px;}
#main { float: right; width: 700px; padding: 0 10px 0 0;}
#footer { width: 940px; text-align: center; padding: 10px; margin: 0 auto 10px auto; }

.logo { float: left; width: 220px;}
.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: #FFFFFF; font-weight: bold }
.headerphoneinfo { font-size: 0.8em; color: #FFFFFF; }
#nav {float: right; width: 700px; 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 12px; }
ul.nav li a:link { color: #FFFFFF; background: #3C2E6B; }
ul.nav li a:visited { color: #FFFFFF; background: #3C2E6B; }
ul.nav li a:hover { color: #FFFFFF; background: #7D66CC; }
ul.nav li a:active {color: #FFFFFF;  background: #3C2E6B; }
ul.nav li a:focus { color: #FFFFFF; background: #3C2E6B; }

body#home ul.nav li a.navhome { color: #FFFFFF; background-color: #7D66CC; }
body#products ul.nav li a.navproducts { color: #FFFFFF; background-color: #7D66CC; }
body#news ul.nav li a.navnews { color: #FFFFFF; background-color: #7D66CC; }
body#clients ul.nav li a.navclients { color: #FFFFFF; background-color: #7D66CC; }
body#support ul.nav li a.navsupport { color: #FFFFFF; background-color: #7D66CC; }
body#contact ul.nav li a.navcontact { color: #FFFFFF; background-color: #7D66CC; }
body#gallery ul.nav li a.navgallery { color: #FFFFFF; background-color: #7D66CC; }
body#links ul.nav li a.navlinks { color: #FFFFFF; background-color: #7D66CC; }
body#other ul.nav li a.navother { color: #FFFFFF; background-color: #7D66CC; }

.section {float: left; width: 100%;}

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

.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;}


/* sidebar */
.sidebar h3 {color: #7D66CC; padding: 0 0 0.5em 0; border-bottom: 3px solid #3C2E6B; margin: 0 0 0.25em 0;}
ul.cats { list-style: none; margin: 0 0 1em 0; }
ul.cats li { padding: 5px; border-bottom: 1px dotted #D7D7D7; }
ul.cats li a { font-weight: bold; text-decoration: none; }
ul.cats ul { list-style: none; margin: 0 0 0 0; }
ul.cats ul li { padding: 2px; border: 0;}
ul.cats ul li a { font-weight: normal; text-decoration: none; }

form.browse {width: 690px; height: 30px; line-height: 30px; text-align: center; background: url(/images/bg-search.png); margin: 0 0 15px 0;}

.products-item {float: left; width: 150px; height: 160px; font-size: 0.9em; text-align: center; padding: 10px 5px 0 5px; background: url(images/bg-products.gif); margin: 0 10px 10px 0;}
ul.products {float: left; width: 100%; list-style: none; margin: 0 0 15px 0;}
ul.products li {float: left; width: 150px; height: 160px; font-size: 0.9em; text-align: center; padding: 10px 5px 0 5px; background: url(images/bg-products.gif); margin: 0 10px 10px 0;}
.pagination {clear: both;}

.product { float: left; width: 33%; height: 150px; text-align: center;}
.product-title {font-size: 1.0em; font-weight: bold; text-align: center; margin: 0 0 0.5em;}
.product-image {float: right; margin: 0 0 10px 20px;}
.product-info {float: left; width: 70%;}
.product-details {float: left; width: 320px; border-top: 1px solid #C0C0C0; margin: 0 0 15px 0;}
.product-details-item {float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #C0C0C0;}
.detailstitle {display: block; float: left; width: 33%;}
.detailsdata {float: left; width: 66%;}


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 #7D66CC; margin: 0 0 2% 0;}
fieldset legend {font-weight: bold; padding: 5px;margin: 0 10px;}
fieldset p {float: left; width: 94%; padding: 0.5% 3%; margin: 0;}
fieldset label {float: left; width: 33%;}
fieldset input {padding: 2px;}
fieldset textarea {padding: 2px;}
fieldset input:focus, .formrow textarea:focus {background: #FFCCFF;}

.contactcolleft {float: left; width: 55%;}
.contactcolright {float: right; width: 40%;}
.profile {float: left; width: 100%; margin: 0 0 15px 0;}
.profile img {float: right; margin: 0 0 0 10px;}

table.gallery {font-size: 0.9em;  margin: 0 0 1em 0;}
table.gallery td {padding: 5px; text-align: center;}
.gallerypaginate {text-align: center;}