/* Table of Contents
  
  Includes
  Default settings
  Headers
  Typography
  Header Layout
  Middle Layout
  Footer Layout
  Forms

*/

/* Includes
------------------------------------------ */

@import url("reset.css");
@import url("global.css");
@import url("typography.css");
@import url("forms.css");

/* Default settings
------------------------------------------ */
html { font-size:100.01%; }
body { font-size: 62.5%; background:url(../img/bg/bg_body.jpg) ; }


/* Header Layout
------------------------------------------ */
.header { position:relative;  width:940px; height:296px; background:url(../img/bg/bg_header.jpg) no-repeat; margin-left:auto; margin-right:auto;}
.header a{display: block; text-indent: -900%; position: absolute;  outline: none; border:0px red solid; width:340px; height:360px; z-index:1; left:300px;}
.menu{position:relative;  width:940px; height:142px; background:url(../img/bg/bg_menu.jpg) no-repeat; margin-left:auto; margin-right:auto;}
.menu a{display: block; text-indent: -900%; position: absolute;  outline: none; border:0px red solid;}
.menu a.l1{width:108px; height:34px; left:239px; top:73px;}
.menu a.l2{width:154px; height:27px; left:366px; top:91px;}
.menu a.l3{width:101px; height:35px; right:215px; top:67px;}
.menu a.l4{width:76px; height:21px; right:334px; top:91px;}

/* Middle Layout
------------------------------------------ */
.middle {position:relative;  width:940px;  background:url(../img/bg/bg_middle.jpg) repeat-y; overflow:hidden; margin-left:auto; margin-right:auto;}
.middle .middle_in {position:relative;  width:564px;   margin-left:auto; margin-right:auto;}
.middle .middle_in .rl{position:absolute; top:0px; left:-141px;}
.middle .middle_in .rr{position:absolute; top:0px; right:-141px;}
.middle .middle_in .mmleft{float:left; width:254px; font-family:Arial; font-size:12px;  margin-right:15px;}
.middle .middle_in p{float:left; width:93%;  font-family:Arial; font-size:12px; color:#878788; line-height:18px; margin-bottom:10px; margin-right:20px; margin-left:20px; }
.middle .middle_in h2{float:left;  font-family:Arial; font-size:30px; color:#c03505; margin-bottom:10px; margin-left:20px;}
.middle .middle_in h1{ float:left; width:100%;  font-family:Arial; font-size:18px; color:#c03505; line-height:20px; margin-bottom:10px; margin-left:20px;}
.middle .middle_in .margin{margin-left:20px;}
.middle .middle_in a{color:#1d4d88; font-family:Arial; font-size:12px;}
.middle .middle_in table td{ vertical-align:top;}

/* Scroller Box */
#scroller_container {position: relative; width: 500px;  border:0px red solid; background:none; overflow: hidden; margin-top:10px;  margin-bottom:22px; margin-left:45px;  text-align:center; }
#scroller_container img{ border:0px #d0dbe1 solid;  margin:5px;}

/* Scoller Box */

/* Footer Layout
------------------------------------------ */
.footer  {position:relative;  width:564px; height:80px;   margin-left:auto; margin-right:auto;}
.footer  .lf{position:absolute; left:-190px; bottom:0px;}
.footer  .rf{position:absolute; right:-146px; bottom:0px;}
.footer p {float:left;  font-family:Arial; font-size:12px; color:#878788; line-height:18px; margin-bottom:10px; margin-top:10px; margin-left:20px; }
.footer a{color:#1d4d88; font-family:Arial; font-size:12px;}
.footer .by{float:right;}