*{ margin:0;  padding:0; }
html{ height:100%; }
body{ height:100%; position:relative; color:#004475;  font-family:Arial, Helvetica, sans-serif; font-size:16px; }

#wrapper{  position:relative; height:100%; background:url(../media/foot.png) repeat-x bottom;   }
#wrapper[id]{  min-height:100%; height:auto; }
.inner{ width:877px; margin:0px auto; padding-bottom:60px;}

input, select, textarea{color:#004475; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
/* misc */
br.clear{clear:both; font-size:0px; height:0px;}
/* defaults */
ul, ol{ list-style-type:none}
img{border:0;}
input.submit{ cursor:pointer;}
/* fonts & links */
h2{ font:24px Arial; color:#4f8b00; margin-bottom:12px;}
h3{ font:bold 16px Arial;}
h4{ font:normal 18px Arial; margin-bottom:14px; }
h5{ font:bold 16px Arial; padding:2px 0; }
a{ color:#00529f }


/* layout */
#header { padding:50px 0px 0px 0px}
#header h1 a{ float:left; background:url(../media/logo.png) no-repeat; width:213px; height:84px; margin-right:49px; }

#nav li{ float:left; margin-right:17px; position:relative; z-index:3}
#nav li a{ display:block; width:123px; height:27px; padding:57px 0px 0px 17px; color:#fff; text-decoration:none; font:bold 15px/16px Arial;}
#nav li a i{ display:none;}
#nav li.nav1 a{ background:url(../media/mnu1.jpg) no-repeat}
#nav li.nav1 a b{ position:absolute;  display:block; left:-1000px; top:-1000px;}
#nav li.nav1 a:hover, #nav li.nav1 a.over, #nav li.nav1 a b{ background:url(../media/mnu1hov.jpg) no-repeat}
#nav li.nav2 a{ background:url(../media/mnu2.jpg) no-repeat}
#nav li.nav2 a:hover, #nav li.nav2 a.over, #nav li.nav2 a b{ background:url(../media/mnu2hov.jpg) no-repeat}
#nav li.nav3 a{ background:url(../media/mnu3.jpg) no-repeat}
#nav li.nav3 a:hover, #nav li.nav3 a b{ background:url(../media/mnu3hov.jpg) no-repeat}
#nav li.nav4 a{ background:url(../media/mnu4.jpg) no-repeat}
#nav li.nav4 a:hover, #nav li.nav4 a b{ background:url(../media/mnu4hov.jpg) no-repeat}
#nav li.nav4{ margin:0px;}

#nav li ul{ position:absolute; left:4px; top:79px; bbackground:url(../media/dd3x.gif) repeat-x 0px 15px}

#nav li li{ float:left; clear:left; width:119px; padding:0px 0px 0px 12px; margin:0px; background-color:#8fc04e;}
#nav li li.ddFirst{ background:#8fc04e url(../media/dd3x.gif) repeat-x top;}
#nav li li a{ display:block;  margin:0px 0px 5px 0px; width:auto; height:auto; _height:1%; padding:0px 0px 0px 0px; font:12px Arial; background:none  }
#nav li li a:hover{ text-decoration:underline}
#nav li.nav2 li a, #nav li.nav1 li a{ background:none}
#nav li li.ddTop{ height:15px; line-height:0px; font-size:0px; background:transparent url(../media/dd1.gif) no-repeat; position:relative}
#nav li li.ddTop span{ position:absolute; display:block; width:14px; height:27px; left:0px; top:-27px; background:url(../media/ddx.gif) no-repeat}
#nav li li.ddBottom{ height:9px; overflow:hidden; background:url(../media/dd2.gif) no-repeat}

#nav li.nav2 ul{ }
#nav li.nav2 li a{ margin:0px 0px 5px 0px}
#nav li.nav2 li.ddBottom{ height:9px; margin-top:0px; overflow:hidden; background:url(../media/dd2.gif) no-repeat}
#nav li.nav1 li a:hover, #nav li.nav2 li a:hover{ background:none}

#nav li ul{ display:none}
#nav li:hover ul, #nav li.over ul { sdisplay: block }


#content { padding:90px 80px 59px 0px; margin-left:261px;}
#content.startpage { padding:81px 0px 96px 0px; margin-left:0px; background:url(../media/home.png) no-repeat 347px 69px; _background-image:url(../media/home.jpg);}
#content.startpage p, #content.startpage h3{ width:330px;}
#content.startpage p{ line-height:24px; padding:0px 0px 18px 0px }
#content p, #content li{ line-height:24px; padding:0px 0px 12px 0px }
#content h3{line-height:24px; }

#content_left{ float:left; padding-top:134px;}
#content_left li{ background:url(../media/blt.gif) no-repeat left; padding-left:20px; margin-bottom:16px; }

#content a:hover, #content_left a:hover{ color:#0062d1}
#content ul li{ background:url(../media/blt2.gif) no-repeat 0px 9px; padding-left:19px;  }
	img.alignLeft{ dfloat:left; margin:7px 24px 10px 0px;}
	
#contactForm label{ float:left; width:107px; margin-top:-2px;}
#contactForm input{ float:left; width:372px; padding:0px 4px; border:solid 1px #bfbbb5}
#contactForm textarea{ float:left; width:376px; padding:0px 0px 0px 4px; border:solid 1px #bfbbb5; overflow:auto}
#contactForm .submit{ width:157px; height:40px; background:url(../media/btn.png) no-repeat; border:none; font-size:17px; color:#fff; margin:23px 0px 0px 107px;}
#content #contactForm { padding-top:10px;}
#content #contactForm p{ padding-bottom:10px;}
#content .send_ok{ text-align:center; padding:150px 0 150px 0}

#footer {  width:100%; position:absolute; bottom:0px; right:18px; height:58px; text-align:center; font:11px Verdana; }
#footer a{ text-decoration:underline}
#footer a:link:hover, #footer a:visited:hover{ color:#0062d1}
#footer p{ width:875px; padding-left:18px; display:block; margin:0px auto; line-height:36px;}
#footer p span{ padding:12px 0px 12px 15px; border-left:solid 1px #7ba0ba; margin-left:15px;}
#footer p span span{ padding:8px 0px 8px 0px; border-left:none; margin-left:0px;}
#footer p span span a:hover, #footer p span span a { color:#004475; text-decoration:none}


.dev{border:solid 1px red;}
.hide{ display:none}