@charset "utf-8";
/* CSS Document */
/*  Predefined  */
html,body{background:#2b9139 url(../images/bottom_bg.jpg) repeat; margin:0;height:100%;font:12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#565656; padding:0;}
p, form, img, ul, ol, dl, li, input, select, textarea, button{padding:0; margin:0; border:0; list-style:none;}
a{text-decoration:none; color:#000}
a:hover{text-decoration:underline;}
h1{font-size:18px; padding: 40px 0 0 30px;margin:0}
h2{font:20px "Myriad Pro",Helvetica,Arial,sans-serif; color:#191919; margin:0; padding:20px 0 10px 20px;position:relative}
h2 a, h2 a:hover{text-decoration:none}
h2 span{font:normal 10px Tahoma, Verdana, Arial; display:block; color:#929292}
h3{font:bold 12px Arial,Helvetica; color:#363636; margin:3px 0px 8px 0; text-align:left; clear:both;}
h4{font:bold 11px Tahoma; color:#000; margin:0; text-align:center; clear:both;}
input, select, textarea{margin:0; border:1px solid #7f7f7f; font:11px Arial, Helvetica, sans-serif; color:#363636; padding:2px 3px 1px 3px}
.clear{clear:both;}

.l{float:left}
.r{float:right}
#container{margin:0 auto; width:971px; position:relative; background: url(../images/container_bg.png) 0 114px no-repeat;z-index:2}
/* layout */
#menu {position:absolute;top:99px;right:0;width:429px; height:33px;background:url(../images/menu.png) no-repeat;}
#menu li{float:left}
#menu a {color:#d47d16;font-size:20px;padding:5px 5px ;height:33px;display:block;float:left;position:relative;text-indent:-9999px;outline-color:-moz-use-text-color !important;outline-style:none !important;outline-width:medium !important;}
#menu .m1 {left:-5px;width:46px}
#menu .m2 {left:32px;width:55px}
#menu .m3 {left:75px;width:90px}
#menu .m4 {left:122px;width:75px}
#menu a:hover {border-bottom:2px solid #777}
#header{height:144px;position:relative}
#header img{margin:30px 0 0}
#content{position:relative;}
#motto{text-indent:-9999px;margin:0;background:url(../images/motto.png) no-repeat;width:754px;height:167px;position:absolute;top:0;left:-14px;top:20px}
#grad{background:url(../images/grad.jpg) repeat-x;width:100%;height:669px;position:absolute;top:0;left:0}
#footer{text-align:right;margin:10px 40px 0 0;padding-bottom:20px;font-size:11px;color:#fff}
#footer a{color:#fff}
#images img{float:left}
#bottom {width:971px;background:#fff url(../images/bottom.png) 0 100% no-repeat;clear:both}
.box{float:left;width:320px;font-size:14px;line-height:19px;text-align:justify}
.box p {padding:30px}
.text {padding:15px 30px 30px 30px}
.text .more{display:block;font-weight:bold;float:right}
.box a.more{float:right;margin: 0 30px 30px 0;color:#000;font-weight:bold;font-size:13px}
.clip {height:100px;overflow:hidden}
.clip img{position:relative;top:-420px}