/* @group Layout */

body
{
  background:#fff url(../images/banner_back.png) repeat-x center 90px;
}

.invisible
{
  width:0;
  height:0;
  left:-1000px;
  top:-1000px;
  position:absolute;
  overflow:hidden;
  display:inline;
}

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

#shadow
{
  width:100%;
  padding-left:8px;
  background:url(../images/wrapper_shadow_left.png) no-repeat left top;
}

#header
{
  position:relative;
  height:252px;
}

#header_top,
#header_bottom
{
  position:relative;
}

#header_top
{
  height:90px;
}

#header_bottom
{
  width:980px;
  height:162px;
  background:#d12121 url(../images/header.jpg) no-repeat 244px bottom;
}

* html #header_bottom
{
  margin:-3px 0; /* 3px bug */
}

#header #logo
{
  float:left;
  width:244px;
  height:90px;
}

.mod_login
{
  position:absolute;
  bottom:0;
  right:0;
  width:726px; /* for Firefox */
  padding-right:10px;
  font-size:0.846em; /* 11px */
}

#main
{
  float:left;
  width:736px; /* =1030-244 */
  padding-bottom:3em; /* before footer */
  background:url(../images/main_shadow.png) no-repeat;
}

#main .mod_article
{
  float:left;
  padding:0 0 0 26px;
  width:700px;
  text-align:justify;
}

#main #left_column .mod_article,
#main #right_column .mod_article
{
  width:332px;
}

#main #left_column .mod_article
{
  padding-right:10px; /* 26px comes from #main .mod_article */
}

#left
{
  float:left;
  width:244px;
  padding-bottom:1em; /* before footer */
}

#footer
{
  clear:both;
  width:970px;
  height:70px;
  text-align:right;
  background:url(../images/footer_back.png) no-repeat;
}

* html #footer_toplink
{
  margin-right:-3px; /* 3px bug */
}

/* @end */

/* @group Main navigation */

#main_navig
{
  float:left;
  width:590px;
  height:90px;
  background:#fff;
}

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

#main_navig li
{
  float:left;
  display:block;
  width:118px;
}

#main_navig li a,
#main_navig li span
{
  display:block;
  height:29px; /* = 90-61 */
  padding:61px 6px 0 0;
  text-decoration:none;
  text-transform:uppercase;
  text-align:right;
  background:url(../images/topnav_link.png) no-repeat 0 top;
}

#main_navig li a:hover
{
  background:url(../images/topnav_link.png) no-repeat -236px top;
}

#main_navig li span.active,
#main_navig li a.trail
{
  background:url(../images/topnav_link.png) no-repeat -118px top;
}

#main_navig li span.active
{
  color:#495059;
}

/* @end */

/* @group Lang navigation */

#select_lang
{
  float:left;
  width:146px;
  height:100%;
  background:#fff url(../images/lang_shadow.png) no-repeat;
}

#select_lang ul
{
  float:right;
  margin:0;
  padding:61px 0 0 0;
  list-style:none;
  height:1.6em;
}

#select_lang li
{
  float:left;
  display:block;
  height:100%;
}

* html #select_lang li
{
  width:5ex;
}

#select_lang li a,
#select_lang li p
{
  display:block;
  height:100%;
  padding:0 10px;
  text-decoration:none;
  background:url(../images/lang_bar.png) repeat-y right top;
}

#select_lang li a:hover
{
  color:#c54e57;
}

#select_lang li a:hover,
#select_lang li span
{
  background-color:#f5f4bf;
}

#select_lang li a.last,
#select_lang li span.last,
#select_lang li a.last:hover
{
  background-image:none;
}

/* @end */

/* @group Sub navigation */

#sub_navig
{
  float:left;
  clear:left;
  width:244px;
  height:162px;
}

#sub_navig ul
{
  margin:17px 0 0 0;
  padding:0;
  list-style:none;
}

#sub_navig li
{
  width:100%;
  margin:0;
  padding:0;
  border-top:1px dotted #f5f4bf;
}

#sub_navig li.last
{
  border-bottom:1px dotted #f5f4bf;
}

#sub_navig li a,
#sub_navig li span
{
  display:block;
  padding:0.3em 34px 0.3em 0;
  color:#f2f6b2;
  line-height:1.2em;
  text-decoration:none;
  text-align:right;
}

*:first-child+html #sub_navig li a
{
  height:1%;
}

* html #sub_navig li a
{
  height:1%;
}

#sub_navig li a:hover,
#sub_navig li a.trail,
#sub_navig li span.active
{
  background:#f5f4bf; 
}

#sub_navig li a:hover,
#sub_navig li a.trail
{
  color:#af2e2e;
}

#sub_navig li span.active
{
  color:#000;
}

/* @end */

/* @group Functions */

#func
{
  float:left;
  width:100%;
  height:10.5em;
  padding:4px 0 10px 0;
  background:url(../images/leftnav_bottom.png) no-repeat;
}

#func ul
{
  margin:0;
  padding:0 34px 0 0;
  list-style:none;
}

#func li
{
  float:left;
  display:block;
  width:50%;
}

#func li a,
#func li span
{
  float:right;
  color:#5b6878;
  text-decoration:none;
  text-align:right;
  font-size:0.846em;
  padding-right:22px;
}

#func li a:hover
{
  color:#8a98aa;
}

#func li span.active
{
  color:#8a98aa;
}

#func li .sitemap
{
  background:url(../images/func_sitemap.png) no-repeat right 0;
}

#func li span.sitemap.active
{
  background-position:right -20px;
}

#func li .contact
{
  background:url(../images/func_contact.png) no-repeat right 0;
}

#func li span.contact.active
{
  background-position:right -20px;
}

/* @end */

/* @group Breadcrumb */

.mod_breadcrumb
{
  display:block;
  padding:3px 0 0 26px;
  margin-bottom:4.6em; /* before content */
  height:25px;
  background:#e4e5e6 url(../images/breadcrumb_shadow.png) no-repeat;
}

/* @end */

/* @group Articles */

#main .mod_article h4
{
  margin:0.8em 0 -0.5em 0;
}

#main .ce_text
{
  clear:left;
}

#main .mod_article p,
#main .ce_text ul,
#main .ce_hyperlink
{
  margin-top:0.5em;
}

.mod_article ol
{
  margin:0;
  padding:0 0 0 3ex;
}

.mod_article ol ol li
{
  list-style-type:lower-alpha;
}

.mod_article ul
{
  margin:0;
  padding:0;
  list-style-type:none;
}

.mod_article ul li
{
  padding:0 0 0 13px;
  background:url(../images/arrow_article.gif) no-repeat 0 0.65em;
  
}

/* Products */
.mod_article .product_img,
.mod_article .product_txt,
.mod_article .product_graph
{
  float:left;
}

.mod_article .product_img
{
  padding-right:20px;
}

.mod_article .product_txt
{
  width:436px;
  padding-right:10px;
  margin-top:-0.9em;
}

.mod_article .product_txt ul li
{
  padding:0 0 0 13px;
  background:url(../images/arrow_product.gif) no-repeat 0 0.55em;
  font-weight:bold;
}

/* Home */
#home h2,
h2.product
{
  margin:0.5em 0 1.5em -5px;
  color:#f5f4bf;
  background:#dee1e4 url(../images/h2_back.png) repeat-y 0 bottom;
}

#home h2
{
  margin:1.7em 0 0 -5px;
}

/* Staff */
h1 + #staff h2
{
  margin-top:0.4em;
}

#staff .ce_text + h2
{
  margin-top:1.7em;
}

#staff h2
{
  float:left;
}

#staff .ce_text
{
  float:left;
  clear:none;
  width:176px;
}

#staff .image_container
{
  width:176px;
  padding-top:10px;
  text-align:center;
}

#staff p
{
  width:156px;
  text-align:center;
}

#staff p a
{
  padding-right:24px;
  background:url(../images/func_contact.png) no-repeat right -2px;
}

#staff p a:hover
{
  background-position:right -22px;
}

/* @end */

/* @group Homepage */

#home {
  float:left;
}

#home dl {
  float:left;
  width:700px;
  padding-bottom:1em;
  display:inline; /* Fix double margin bug in IE */
  border-bottom:1px dotted #5b6878;
}

#home dt { /* like h3 */
  float:left;
  width:572px;
}

#home dd {
  margin:0.5em 128px 0 0;
}

#home dl dd.thumbnail {
  margin:0;
  padding-top:2em;
}

#home dd.thumbnail img {
  float:right;
}

/* reverse float */
#home .alt dt {
  float:right;
}

#home .alt dd {
  margin:0.5em 0 0 128px;
}

#home .alt dd.thumbnail img {
  float:left;
}

/* @end */

/* @group News left module */

#left .mod_newslist
{
  float:left;
  width:100%;
  padding-bottom:2em; /* before footer or next module */
  text-align:right;
}

* html #left .mod_newslist
{
  margin-right:-3px; /* duplicate character bug */
}

#left .mod_newslist h4
{
  padding-right:5px;
  margin-right:29px;
  line-height:1.6em;
  border-top:1px dotted #5b6878;
  border-bottom:1px dotted #5b6878;
}

#left .mod_newslist p
{
  margin-top:0;
}

#left .mod_newslist p.more
{
  margin-top:0.5em;
}

#left .mod_newslist h5
{
  margin:0.5em 0 0.2em 0;
}

#left .layout_latest
{
  padding-right:34px;
}

#left .layout_latest .image_container,
#main .layout_latest .image_container
{
  padding:0.846em 8px 8px 0;
}

#main .layout_full .image_container
{
  padding:0.5em 15px 10px 0;
}

#left .layout_latest .image_container img
{
  width:60%;
  height:auto;
}

#left .layout_latest p.info,
#main .layout_latest p.info,
#main .layout_full p.info
{
  color:#93979c;
}

/* @end */

/* @group News main list */

#main .mod_newsmenu ul li
{
  padding:0;
  background:none;
}

#main .mod_newsmenu ul ul li
{
  padding-left:15px;
}

#main .mod_newsmenu ul li.year
{
  color:#93979c;
}

#main .layout_latest
{
  clear:left;
}

#main .layout_latest
{
  padding-bottom:2em;
}

#main .layout_latest,
#main .layout_full .ce_text,
#main .layout_full .enclosure
{
  margin-left:15px;
}

#main .layout_latest p,
#main .layout_full p
{
  margin-top:0;
}

#main .layout_latest p.info
{
  margin-left:-15px;
}

#main .layout_latest p.more,
#main .layout_full p.more
{
  margin:0.5em 0 1.8em 0;
}

#main .layout_latest h5,
#main .layout_full h5
{
  margin-top:0.5em;
}

#main .layout_full .ce_text,
#main .layout_full .enclosure
{
  margin-top:0.5em;
}

/* @end */

/* @group Sitemap */

.mod_article .mod_sitemap ul li
{
  padding-left:0;
  background:none;
  list-style-type:none;
  text-transform:uppercase;
}

.mod_sitemap ul.level_1 > li {
  margin-bottom:0.77em; /* 10px */
}

.mod_sitemap ul.level_2 li {
  text-indent:27px;
  background:url("../images/l2_normal.gif") no-repeat 4px top;
  text-transform:none;
}

.mod_sitemap ul.level_3 li {
  text-indent:54px;
  background:url("../images/l3_normal.gif") no-repeat 4px top;
}

.mod_sitemap ul.level_2 li.first {
  background:url("../images/l2_first_follow.gif") no-repeat 4px top;
}

.mod_sitemap ul.level_2 li.last {
  background:url("../images/l2_last_item.gif") no-repeat 4px top;
}

.mod_sitemap ul.level_3 li.first {
  background:url("../images/l3_first_follow.gif") no-repeat 4px top;
}

.mod_sitemap ul.level_3 li.last {
  background:url("../images/l3_last_item.gif") no-repeat 4px top;
}

/* @end */

/* @group Gallery */

.ce_gallery
{
  float:left;
  width:72px;
  padding-right:24px;
}

.ce_gallery .image_container
{
  padding-bottom:18px;
}

.ce_gallery.single
{
  width:392px;
}

.ce_gallery.single .image_container
{
  padding-right:18px;
}

/* @end */

/* @group Multimedia */

.ce_ce_jw_media
{
  float:left;
  width:320px;
}

/* @end */

/* @group Tables */

.ce_table table
{
  border-collapse:collapse;
  border-top:1px solid #b6c1cf;
  margin:0.5em 0;
}

.ce_table th,
.ce_table td
{
  padding:0.3em 0.5em;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid #b6c1cf;
}

.ce_table thead tr,
.ce_table tbody tr.odd
{
  background:#f5f4bf;
}

.ce_table th
{
  color:#5b6878;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:1.08em;
}

/* @end */

/* @group Downloads */

.ce_download,
.ce_downloads
{
  margin-top:0.5em;
}

.ce_download a, /* .mime_icon */
.ce_downloads a,
.enclosure a
{
  top:-4px;
  position:relative;
}

/* @end */

/* @group Accordion */

.ce_accordion
{
  width:436px;
  margin-top:1em;
}

.toggler
{
  height:23px;
  padding:1px 0 0 10px;
  font-weight:bold;
  background:url(../images/toggler_header.png) no-repeat 0 0;
  color:#5b6878;
  cursor:pointer;
}

.toggler-open /* for jQuery */
{
  background-position:0 -24px;
}

.toggler.disabled
{
  background-image:url(../images/toggler_header_disabled.png);
}

.accordion > div
{
  float:left;
  height:262px;
  padding:10px;
  background:url(../images/toggler_back.png) repeat-x;
}

.ce_accordion.single .accordion > div
{
  height:72px;
}

/* @end */

/* @group Footer */

#footer a
{
  color:#e27d7d;
}

/* Copyright */
#footer_copy
{
  float:left;
  width:210px; /* =244-34 */
  padding:27px 34px 0 0;
}

#footer_copy p
{
  font-size:0.846em;
  line-height:1.5em;
  color:#5b6878;
}

/* Navigation */
#footer_navig
{
  float:left;
  width:590px;
}

#footer_navig ul
{
  margin:0;
  padding:8px 0 0 0;
  list-style:none;
  height:62px;
}

#footer_navig li
{
  float:left;
  display:block;
  width:118px;
}

#footer_navig li a,
#footer_navig li span
{
  display:block;
  height:30px;
  padding:32px 6px 0 0;
  text-transform:uppercase;
}

#footer_navig li a
{
  text-decoration:none;
  color:#697381;
}

#footer_navig li a:hover
{
  background:#f9f9d7;
}

#footer_navig li span.active,
#footer_navig li a.trail
{
  color:#495059;
}

/* Toplink */
#footer_toplink
{
  float:left;
  width:116px;
  height:22px;
  padding:40px 20px 0 0;
}

/* @end */

