body { margin:0 auto; background:#354f6a; color:#263548; font-size:62.5%; font-family:Tahoma,Arial,Tahoma,Verdana,sans-serif; color:#263548 }

* { margin:0; padding:0 }

a img { border:0 }
a { outline:none }
a { color:#98af4b; text-decoration:none }
a:hover { text-decoration:underline }

h1 { color:#98af4b; font-size:3.6em; font-weight:normal; margin-bottom:5px; margin-left:-2px }
h2,h3 { font-size:1.4em; color:#98af4b; font-weight:normal; font-family:Arial }
h3 { font-size:1.3em; }

#wrapper { width:1011px; margin:0 auto; background:url(../images/wrapper-bg.png) repeat-y; overflow:hidden }
 #header { width:1011px; height:98px; background:url(../images/header-bg.png) no-repeat }
  #logo { float:left; margin:21px 0 0 21px; width:192px; height:56px; background:url(../images/logo.png) no-repeat }
  #slogan { float:right; width:420px; margin:30px 80px 0 0; height:56px; }
   #slogan h1 { font-size:2.9em; font-weight:normal; color:#fff }
  #languages { position:relative; left:683px; top:79px; font-size:1.2em; }

 #main { width:961px; padding:0 25px; }
  #menu { width:961px; height:46px; background:url(../images/menu-bg.png) no-repeat }
   #menu ul { width:941px; padding:10px; overflow:hidden }
    #menu ul li { float:left; margin-right:9px; list-style:none; width:125px; height:26px; background:url(../images/menu-btn.png) no-repeat }
    #menu ul li:hover { width:125px; height:26px; background:url(../images/menu-btn-hover.png) no-repeat }
    #menu ul li.active { width:125px; height:26px; background:url(../images/menu-btn-hover.png) no-repeat }
    #menu ul li a { color:#fff; text-decoration:none; font-size:1.2em; padding-top:6px; display:block; width:125px; height:26px; text-align:center }

  #main-top { width:961px; height:11px; background:url(../images/main-top.png) no-repeat }
  #main-body { width:961px; background:url(../images/main-body.png) repeat-y; overflow:hidden }
   #teaser { width:934px; height:318px; margin:8px 14px 10px 14px }
   #content { width:881px; margin-top:20px; padding:0 40px }
   #content #left { width:551px; float:left; padding-right:50px }
    #content p { font-size:1.3em; }
   #content #newsflash { width:270px; float:left; padding-left:10px }
    #content #newsflash p { font-size:1.3em; padding-bottom:10px }

   #content #submenu { width:150px; float:left }
    #content #submenu h3 { background:url(../images/menu-btn.png) no-repeat; text-align:center; width:125px; height:26px; color:#fff; font-size:1.4em; font-weight:normal; padding-top:4px; margin:10px 0 0 0 }
    #content #submenu ul { list-style:none }
    #content #submenu ul li { border:1px solid #FFFFFF; cursor:pointer; padding:5px 1px 0 1px; font-size:1.4em; width:125px; height:38px; text-align:center }
    #content #submenu ul li:hover { border:1px solid #c0c0c0; height:38px }
    #content #submenu ul li.active { border:1px solid #c0c0c0; height:38px }
    #content #submenu ul li a { display:block; width:125px; height:38px; }
    #content #submenu ul li a:hover { color:#263548; text-decoration:none }
    #content #submenu ul li.active a { color:#263548; text-decoration:none }

   #content #products { width:711px; float:left; padding-left:20px }
   #content #products p { font-size:1.2em }
   #content #products #thumbs { margin-top:20px }

  #main-bottom { width:961px; height:11px; background:url(../images/main-bottom.png) no-repeat }

  #footer { padding-bottom:20px; width:961px; height:46px; background:url(../images/footer-bg.png) no-repeat }
   #footer #left { width:500px; float:left; margin-left:30px; margin-top:15px; }
   #footer #left p { font-size:1.2em; color:#fff }
   #footer #right { width:200px; float:right; margin-right:30px; margin-top:15px }
   #footer #right p { font-size:1.2em; color:#fff; text-align:right }
   #footer a { color:#263548; text-decoration:none; }
   #footer a:hover { color:#263548; text-decoration:underline; }

.clr { clear:both; }
.news { width:881px; margin-bottom:15px; overflow:hidden }
#content #products .thumb, .news .thumb { width:162px; height:92px; float:left; text-align:center }
#content #products .thumb { margin-right:15px; margin-bottom:5px; }
.news .text { float:left; width:700px; margin-left:19px }
.news .text p { font-size:1.2em }

.download { width:881px; margin-bottom:15px; overflow:hidden }
.download .image { width:27px; height:26px; float:left; margin-right:19px; text-align:center }
.download .text { width:835px; float:left; font-size:1.2em; margin-top:6px }

.pagination { text-align:center; font-size:1.4em; height:20px; }
.pagination .pagination-number,
.pagination .pagination-current,
.pagination .pagination-first,
.pagination .pagination-last,
.pagination .pagination-next,
.pagination .pagination-prev { border:1px solid #98af4b; padding:2px 5px; margin:0 3px }

.pagination .pagination-number:hover,
.pagination .pagination-current,
.pagination .pagination-current:hover,
.pagination .pagination-first:hover,
.pagination .pagination-last:hover,
.pagination .pagination-next:hover,
.pagination .pagination-prev:hover { border:1px solid #263548; text-decoration:none; color:#263548 }

/* Form stuff */
form p { padding-bottom:10px }
label { width:150px; float:left }
.inputField { width:200px; height:20px; background:#eee; border-top:1px solid #263548; border-left:1px solid #263548; border-right:1px solid #aaa; border-bottom:1px solid #aaa }
form textarea { height:100px !important; }
.btn { cursor:pointer; background:url(../images/menu-btn.png) no-repeat; width:125px; height:26px; border:0; color:#fff; font-family:"Myriad Pro",Arial,sans-serif; padding:0 2px 4px 0; }
.btn:hover { background:url(../images/menu-btn-hover.png) no-repeat; }
