html, body, blockquote, p, form, q, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, br, a, img, hr, ul, li, ol
{padding: 0; margin: 0; border: 0; list-style-type: none;}

body {font:0.75em Verdana, Arial, Helvetica, sans-serif; color:#616161; background:#fff;}
a {color:#E87A1B;} a:hover {text-decoration:none;}
input, select, textarea {font:1em Verdana, Arial, Helvetica, sans-serif; padding:2px}
#header h1 a span, #footer-logo a span {display:none;}
*:focus {outline: none;}

#wrapper {width:980px; margin:0 auto}

#header {float:left; width:980px; height:130px; position:relative; background: url(../im/header-bg.jpg) no-repeat 0 0}
#header h1 {position:absolute; top:19px; left:0;}
#header h1 a {display:block; width:240px; height:62px; background:url(../im/logo.gif) no-repeat 0 0;}

#main-menu {width:980px; height:30px; position:absolute; left:0; bottom:0; background:url(../im/main-menu-bg.gif) no-repeat 0 0;}
#main-menu li {float:left}
#main-menu a {color:#454545; font-weight:bold; text-decoration:none; display:block; float:left; height:23px; padding:7px 15px 0 15px;}
#main-menu a:hover {padding-top:8px; height:22px; color:#000}
#main-menu li.selected a {background:url(../im/main-menu-selected.gif) repeat-x; padding-top:8px; height:22px; color:#000}
#main-menu-first.selected a {background:url(../im/main-menu-selected-first.gif) no-repeat 0 0 !important;}

#login-box {position:absolute; right:0; top:9px; width:272px; height:76px; padding:6px 0 0 10px; background:url(../im/login-box-bg.gif) no-repeat}
#login-box h5 {font-size:1em; color:#454545; background:url(../im/login-key.gif) no-repeat 0 0; height:23px; padding-left:24px;}
#login-box p {float:left; width:120px;}
#login-box label {color:#7E7E7E; font-size:0.917em; background:url(../im/login-label-bg.gif) no-repeat right 5px; padding:0 10px 0 4px;}
#login-box span {display:block; float:left; width:107px; height:19px; padding:3px 0 0 3px; margin:3px 0 0 0; background:url(../im/login-input-bg.gif) no-repeat 0 0;}
#login-box input {border:0; float:left; font-size:0.833em; width:100px;}
#login-box p#login-button {width:auto; padding:19px 0 0 0}
#login-box p#login-button input {width:20px; height:16px; background:url(../im/login-button-bg.gif) no-repeat 0 0; cursor:pointer}
#login-box p#login-button input:hover {background-position:0 -16px}
#login-box label.focus {color:#454545; background-image:url(../im/login-label-bg-focus.gif);}
#login-box p#login-button input:active { -ms-background-position-x: 1px; -ms-background-position-y: 1px;}

#login-box.logged h5 {background-image:url(../im/login-user.gif); height:auto; padding-bottom:8px}
#login-box p#last-visit {width:auto; background:url(../im/last-visit.gif) no-repeat 0 0; padding:0 0 0 24px; font-size:0.917em; line-height:14px}
#logout {position:absolute; right:0; bottom:0; display:block; width:47px; height:20px; padding:2px 23px 0 0; text-align:right; background:url(../im/logout.gif) no-repeat 0 0; color:#fff; text-decoration:none;}
#logout:hover {background-position:0 -22px;}

#login-error {position:absolute; bottom:2px; left:0; font-size:0.833em; font-weight:normal; color:red; padding:0 0 0 10px}

#home-intro {float:left; width:980px; padding:10px 0 11px 0; background:url(../im/line1.gif) repeat-x bottom}
#home-photo {float:right; width:400px; height:288px; overflow:hidden}
#home-text {float:left; width:570px; height:288px; overflow:hidden}

.title-plus {font-size:2em; margin-bottom:10px; color:#454545; font-weight:normal;}
.title-plus span { background:url(../im/plus.gif) no-repeat right 6px; padding-right:25px}

a.read-more {display:block; float:left; text-decoration:none; font-size:0.917em; color:#454545; height:19px; background:url(../im/read-more-bg.gif) no-repeat 0 0;}
a.read-more strong {display:block; float:left; height:17px; background:url(../im/read-more-bg.gif) no-repeat right -19px; cursor:pointer; padding:2px 25px 0 7px}
a.read-more:hover {background-position:0 -38px; color:#000}

a.read-more:hover strong {background-position:right -57px}

#groups-and-news {float:left; width:980px; padding:10px 0;}
#home-groups {float:left; width:570px;}
#home-groups li {float:left; width:240px; height:90px;}
#home-news {float:right; width:400px;}

.list-news {float:left; width:100%;}
.list-news dd {padding-bottom:10px; float:left; width:100%;}
.list-news h3 {font-size:1em;} .list-news h3 a {color:#E87A1B}
.list-news p {padding-top:5px; font-size:0.917em;}
p.date {padding-top:5px; font-size:0.917em; color:#7F7F7F; background:url(../im/date-small.gif) no-repeat 0 7px; padding-left:14px}

#footer {float:left; width:960px; height:58px; background:url(../im/footer-bg.gif) no-repeat 0 0; margin:10px 0 0 0; padding:0 10px; color:#616161; font-size:0.917em;}
#footer-logo {float:left; padding:8px 0 0 0}
#footer-logo a {display:block; width:126px; height:33px; background:url(../im/logo-footer.gif) no-repeat 0 0;}
#footer-logo a:hover {background-position:0 -33px}
#copyright {float:left; padding:17px 15px 0 20px}
#footer-menu {float:left; padding:17px 0 0 0;}
#footer-menu li {float:left; background:url(../im/line2.gif) no-repeat right 5px; padding:0 11px 0 10px} #footer-menu li.last {padding-right:0; background:none}
#footer-menu a {color:#454545}
#created-at {float:right; padding:8px 0 0 0; color:#D1D1D1} #created-at img {position:relative; top:6px}

#content {float:left; width:980px; padding:15px 0 5px 0}

#breadcrumbs {float:left; width:980px; background:url(../im/line1.gif) repeat-x bottom; font-size:0.917em; color:#000; padding-bottom:10px; margin-bottom:15px}
#breadcrumbs li {float:left;} #breadcrumbs-home {padding-left:20px; background:url(../im/home-icon.gif) no-repeat 0 0;} #breadcrumbs-home a {padding-left:0 !important}
#breadcrumbs a {color:#454545; background:url(../im/b1.gif) no-repeat right 5px; padding:0 15px 0 10px}
#breadcrumbs strong {padding-left:10px}

#sidebar {float:left; width:240px;}
#dynamic {float:right; width:720px} #dynamic.big {width:980px;}

.sidebar-box {float:left; width:240px; background:url(../im/sidebar-box-repeat.gif) repeat-y; margin-bottom:15px}
.sidebar-box h3 {color:#000; float:left; width:230px; height:24px; padding:5px 0 0 10px; background:url(../im/sidebar-box-header.gif) no-repeat 0 0; font-size:1.333em;}
.sidebar-box-content {background:url(../im/sidebar-box-bottom.gif) no-repeat left bottom; float:left; padding:10px; width:220px;}
.sidebar-box.last {margin:0}

.sidebar-sub-menu {padding:0 0 1px 0; width:240px}
.sub-menu {float:left; width:236px; padding:0 2px}
.sub-menu li {float:left; clear:both; width:236px; border-bottom:solid 1px #EBEBEB; border-top:solid 1px #fff}
.sub-menu a {color:#454545; display:block; float:left; text-decoration:none; width:216px; height:21px; padding:7px 10px 0 10px; overflow:hidden; white-space:nowrap}
.sub-menu a:hover {background:url(../im/sub-menu-hover.gif) repeat-x; color:#000}
.sub-menu a span {background:url(../im/b1.gif) no-repeat 0 5px; padding-left:10px}
.sub-menu li.selected a, .sub-menu li.selected a:hover {background:#EBEBEB}

#sub-menu-last {border-bottom:0 !important}
#sub-menu-last a {height:22px !important}
#sub-menu-last a:hover {background:url(../im/sub-menu-last.gif) no-repeat 0 0 !important}
#sub-menu-last.selected a {background:url(../im/sub-menu-last.gif) no-repeat 0 -29px !important}

#contact-box {background:url(../im/contact-box-bg.gif) no-repeat right bottom}
#contact-box h6 {font-size:1em; color:#454545; margin-bottom:5px;}
#contact-box p {margin-bottom:5px}
.view-map {background:url(../im/icon-map.gif) no-repeat 0 1px; height:18px; padding-left:22px}
.send-mail {background:url(../im/icon-mail.gif) no-repeat 0 2px; height:18px; padding-left:22px}

.list-groups {float:left; width:100%; padding-top:10px}
.list-groups dd {float:left; width:327px; padding:0 23px 23px 0; background:url(../im/list-groups-bg.gif) no-repeat right bottom; margin-bottom:20px; min-height:220px}
.list-groups dd.second {float:right}
.list-groups dd p {font-size:0.917em; padding:10px 0 0 0}
.view-products a {display:block; float:right; height:17px; background:url(../im/view-products-bg.gif) no-repeat right 0; color:#454545; text-decoration:none; font-weight:bold; padding:2px 25px 0 55px}
.view-products a:hover {color:#000; background-position: right -19px}

.list-products {float:left; width:100%; padding-top:10px}
.list-products dd {float:left; width:697px; padding:0 23px 8px 0; background:url(../im/list-groups-bg.gif) no-repeat right bottom; margin-bottom:20px}
.list-products a.logo {float:left}
.list-products h3, .list-products p, .product-os {float:right; width:466px;}
.list-products h3 a {color:#E77817; text-decoration:none;} .list-products h3 a:hover {color:#000;}
.list-products h3 {font-size:1.5em; font-weight:normal} .list-products p {font-size:0.917em; padding:10px 0 0 0}
.product-os {padding:10px 0 0 0; height:40px;}
.logos {float:left !important; padding:0 !important; width:auto !important; position:relative;}
.logos img {float:left; margin:0 10px 0 0; position:relative;} .logos img:hover {top:1px}
.list-products .view-products {width:auto}

.download-link {display:block; float:left; background:url(../im/icon-download-tab.gif) no-repeat 0 0; padding:1px 0 0 22px; height:20px; margin:6px 0 0 10px; font-weight:bold; text-decoration:none; color:#454545}
.download-link:hover {background-position:0 -24px}

.list-groups dd.hover, .list-products dd.hover {background-image:url(../im/list-groups-bg-hover.gif)}

#tooltip{position:absolute; color:#fff; display:none; float:left; background:#E47717; padding:3px 6px;}

.sidebar-products-list {float:left; width:100%;}
.sidebar-products-list li {float:left; width:100%; clear:both; text-align:center; padding:0 0 11px 0; margin:0 0 10px 0; background:url(../im/line3.gif) repeat-x bottom}
.sidebar-products-list li.last {padding:0; margin:0; background:none}

#product-top {float:left; width:720px; margin-bottom:12px; padding-top:10px;}
#product-logo {float:left;}
#product-top .logos {float:right !important; padding:25px 0 0 0 !important}

#product-info {float:left; width:720px; clear:both}
#product-tabs {float:left; width:720px; height:30px; background:url(../im/product-tabs-bg.gif) no-repeat 0 3px; position:relative}
#product-tabs li {float:left; height:30px;}
#product-tabs li.active { background:url(../im/product-tabs-active-bg.gif) no-repeat 0 0;}
#product-tabs a {font-weight:bold; text-decoration:none; display:block; float:left; height:23px; padding:7px 10px 0 10px; color:#454545}
#product-tabs a:hover {color:#000}
#product-tabs li.active a {background:url(../im/product-tabs-active-bg.gif) no-repeat right -30px; color:#000;}
.product-tab-content {float:left; width:720px; padding:10px 0 0 0}
.goto-download {float:right !important; background:url(../im/icon-download-tab.gif) no-repeat 0 6px; padding-left:16px}
.goto-download:hover {background-position:0 -18px}

.textcontent p, .textcontent li, .textcontent h2, .textcontent h3, .textcontent h4, .textcontent h5, .textcontent h6 {margin-bottom:10px}
.textcontent li {padding-left:10px; background:url(../im/b1.gif) no-repeat 0 5px}
.textcontent h2 {font-size:1.667em; font-weight:normal; color:#000}
.textcontent h3 {font-size:1.5em; font-weight:normal; color:#7E7E7E}
.textcontent h4 {font-size:1.333em; color:#000}
.textcontent h5 {font-size:1.167em; color:#7E7E7E}
.textcontent h6 {font-size:1em;}

.download-category-title {font-size:1.333em; margin-bottom:10px; color:#07948E}
.list-downloads {float:left; clear:both;}
.list-downloads th {padding:5px 0; background:url(../im/line3.gif) repeat-x bottom; color:#000; text-align:left}
.list-downloads td {padding:10px 5px}
.list-downloads tr.hover td {background:#F5F5F5; color:#000}
.list-downloads td a {text-decoration:none; background-repeat:no-repeat; background-position:0 0; padding:0 0 0 20px; display:block; float:left; height:16px}
a.csv {background-image:url(../im/filetypes/csv.gif)}
a.dbf {background-image:url(../im/filetypes/dbf.gif)}
a.doc {background-image:url(../im/filetypes/doc.gif)}
a.docx {background-image:url(../im/filetypes/docx.gif)}
a.exe {background-image:url(../im/filetypes/exe.gif)}
a.jpeg {background-image:url(../im/filetypes/jpeg.gif)}
a.jpg {background-image:url(../im/filetypes/jpg.gif)}
a.other {background-image:url(../im/filetypes/other.gif)}
a.pdf {background-image:url(../im/filetypes/pdf.gif)}
a.png {background-image:url(../im/filetypes/png.gif)}
a.pps {background-image:url(../im/filetypes/pps.gif)}
a.ppt {background-image:url(../im/filetypes/ppt.gif)}
a.pptx {background-image:url(../im/filetypes/pptx.gif)}
a.rar {background-image:url(../im/filetypes/rar.gif)}
a.txt {background-image:url(../im/filetypes/txt.gif)}
a.xls {background-image:url(../im/filetypes/xls.gif)}
a.xlsx {background-image:url(../im/filetypes/xlsx.gif)}
a.zip {background-image:url(../im/filetypes/zip.gif)}

.pager {float:left; width:100%; padding:10px 0 0 0}
.pager li {float:left; padding:0 5px 0 0}