@charset "utf-8";
/* CSS Document */

html, body { margin:0; padding:0; width:100%; height:100%; font-size:0.9em; color:#5D5D5D; font-family:Helvetica,Tahoma,Arial,sans-serif; background:#fff  url(../images/background.gif) top left repeat-x;}
.container {position:relative; width:982px; height:100%; margin-left:auto; margin-right:auto;}

h1, h2, h3, h4 {padding:0; margin:0; }
hr {background:#7F7F7F; border:0.1em solid #7F7F7F;}
.clear {clear:both;}
a:link, a:visited {text-decoration:none; color:#5D5D5D;}
a:hover {text-decoration:none;color:#f00;}
.red {color:#f00;}
form {padding:0; margin:0;}
input {font-size:0.85em;}
#submit {color:#fff;background:#f00;border:0.1em solid #000;}

#header {float:left; width:982px; height:141px; background:#fff url(../images/header.gif) top left no-repeat;}
#menu {position:absolute; top:0; left:0; width:982px; height:41px; z-index:2;}
#mainmenu, #mainmenu li {padding:0; margin:0; width:auto; list-style:none; display:inline;}
#mainmenu li a {background-image:url(../images/menu_button.gif);}
#mainmenu li a.home { width:133px; height:41px; float:left;background-position:0px 0px;}
#mainmenu li a:hover.home { width:133px; height:41px; float:left;background-position:-133px 0px;}
#mainmenu li.selected a.home, #mainmenu li.hovered a.home { width:133px; height:41px; float:left;background-position:-133px 0px;}

#mainmenu li a.about { width:133px; height:41px; float:left;background-position:0px -41px;}
#mainmenu li a:hover.about { width:133px; height:41px; float:left;background-position:-133px -41px;}
#mainmenu li.selected a.about, #mainmenu li.hovered a.about { width:133px; height:41px; float:left;background-position:-133px -41px;}

#mainmenu li a.service { width:133px; height:41px; float:left;background-position:0px -82px;}
#mainmenu li a:hover.service { width:133px; height:41px; float:left;background-position:-133px -82px;}
#mainmenu li.selected a.service, #mainmenu li.hovered a.service { width:133px; height:41px; float:left;background-position:-133px -82px;}

#mainmenu li a.news { width:133px; height:41px; float:left;background-position:0px -123px;}
#mainmenu li a:hover.news { width:133px; height:41px; float:left;background-position:-133px -123px;}
#mainmenu li.selected a.news, #mainmenu li.hovered a.news { width:133px; height:41px; float:left;background-position:-133px -123px;}

#mainmenu li a.support { width:133px; height:41px; float:left;background-position:0px -164px;}
#mainmenu li a:hover.support { width:133px; height:41px; float:left;background-position:-133px -164px;}
#mainmenu li.selected a.support, #mainmenu li.hovered a.support { width:133px; height:41px; float:left;background-position:-133px -164px;}

#mainmenu li a.customer { width:184px; height:41px; float:left;background-position:0px -205px;}
#mainmenu li a:hover.customer { width:184px; height:41px; float:left;background-position:-184px -205px;}
#mainmenu li.selected a.customer, #mainmenu li.hovered a.customer { width:184px; height:41px; float:left;background-position:-184px -205px;}

#mainmenu li a.contact { width:133px; height:41px; float:left;background-position:0px -246px;}
#mainmenu li a:hover.contact { width:133px; height:41px; float:left;background-position:-133px -246px;}
#mainmenu li.selected a.contact, #mainmenu li.hovered a.contact { width:133px; height:41px; float:left;background-position:-133px -246px;}


.submenu {display:none;position:absolute;top:39px;background:url(../images/back_submenu.png) top left repeat;color:#fff;border-bottom:0.25em solid #f00;z-index:1;}
.submenu ul {padding:5px; margin:0px 15px;}
#mainmenu li li {margin:5px;font-weight:900;display:list-item;list-style:disc;}
#mainmenu li li a{background-image:none;}
#mainmenu li li a:link, #mainmenu li li a:visited {color:#fff;background-image:none;}
#mainmenu li li a:hover {color:#f00;background-image:none;}
#about {left:153px;}
#service {left:285px;}
#news {left:418px;}
#support {left:551px;}
#customer {left:691px;}

#banner {float:left; position:relative; padding-top:39px; width:982px; height:214px;}

#content {float:left; position:relative; width:982px; height:auto; margin-top:20px;}

#left {float:left; width:307px; height:auto; text-align:justify;}
#right {float:right; width:615px; height:auto; text-align:justify;}

.newsbox {width:307px; height:auto;}
.newsbox h2 {color:#323232;}
.newsbox h4 {color:#8C0A0D;}

.date {float:left; width:51px; height:47px;}
.date img {border:0; width:51px; height:47px;}
.newsheader {float:left; width:240px; height:auto; }


.button_bottom {float:left;width:201px;height:130px;margin-bottom:10px;background:url(../images/button_bottom.gif) top left no-repeat; cursor:pointer;}

#service_bottom {background-position:0px 0px;}
#service_bottom:hover {background-position:-201px 0px;}
#contactus_bottom {background-position:0px -130px;}
#contactus_bottom:hover {background-position:-201px -130px;}

ul#nav {padding:5px; margin:0px 15px;}
ul#nav li {margin:5px;font-weight:900;}
ul#nav a:link, ul#nav a:visited {color:#5D5D5D;}
ul#nav a:hover {color:#f00;}
ul#nav a.navselected {color:#f00;}

h1.header {padding-top:10px;background:#306F22;color:#fff;}

ul#block {padding:5px; margin:0;}
ul#block li {margin:5px;font-weight:900;display:block;padding:10px;background:#E0E1C8;}

.boxlogin {width:433px;height:25px;background:url(../images/boxlogin.gif) top left no-repeat;}
#boxtop {background-position:0px 0px;}
#boxbottom {background-position:0px -25px;}

#footer {float:left; position:relative; width:982px; height:auto; margin-top:40px; margin-bottom:20px; color:#000; border-bottom:0.2em solid #EE4243;font-size:0.85em;}
#footer #logo {position:relative;float:left;width:auto;margin-right:7px;margin-bottom:3px;}
#footer #copy {position:relative;float:left;width:auto;margin-top:4px;}
#footer_left {float:left;width:auto;}
#footer_right {float:right;width:auto;margin-top:4px;}
#footerlist, #footerlist li {list-style:none;display:inline;}
#footerlist li a:link, #footerlist li a:visited {color:#000;text-decoration:none;}
#footerlist li a:hover {color:#f00;text-decoration:none;}