.headerimg {background: center top no-repeat; width:100%; height:877px; position:absolute}
#header {height:857; position:relative; filter:alpha(opacity=90); opacity:0.90}

.bcg{background-position: top center; background-repeat:no-repeat}
.bcg2{background-position: bottom center; background-repeat:no-repeat}
.bcg3{background-position: center; background-repeat:no-repeat; background-size:cover}

#map {height: 100%;}

.footer{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration:none}
a:hover.footer{color:#898989; font-size:12px}

.ph {font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 23px; color: #000000; line-height:20px; text-decoration:none}

.menu {color: #000000; text-decoration:none; font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 16px; line-height:18px}
a:hover.menu {color: #898989}

.p {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; line-height:28px; text-decoration:none}
.p2 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:30px; text-decoration:none}
.p3 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; line-height:26px; text-decoration:none}
.p4 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:26px; text-decoration:none}

.h1 { font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 36px; color: #ffffff; line-height:40px; text-decoration:none}

.title { font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 36px; color: #ffffff; line-height:40px; text-decoration:none}
.title2 { font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 24px; color: #ffffff; line-height:32px; text-decoration:none}
.title3 { font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 48px; color: #ffffff; line-height:50px; text-decoration:none}
.title4 { font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; line-height:32px; text-decoration:none}
.title5 { font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 60px; color: #000000; line-height:40px; text-decoration:none}
.title6 { font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:30px; text-decoration:none}

.c {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:30px; text-decoration:none}
.c2 {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 18px; color: #336699; line-height:30px; text-decoration:underline}
a:hover.c2 {color: #000000; text-decoration:none}
.form {font-family:Roboto-Bold, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:32px; text-decoration:none}
.registertext {font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:370px; height:40px; overflow:auto; font-size: 16px; color:#000000; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#cccccc}
.message{font-family:Roboto-Regular, Arial, Helvetica, sans-serif; width:370px; height:105px; overflow:auto; font-size:16px; color:#000000; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#cccccc}
 
/* img mouseover */
.i img { 
  -webkit-filter: brightness(80%);
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
       -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
          transition: all .3s ease;
}
 
.i img:hover {
  -webkit-filter: brightness(100%);
}

.btn {
   width:224px;
   height:50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
   background: #898989;
   border-style:none;
   color: #ffffff;
   font-size: 18px;
   font-family: Roboto-Regular, Arial, Helvetica, SimHei, sans-serif;
   text-decoration: none;
   cursor:pointer;
   }

.btn:hover {
  background:#063860;
  border-style:none;
  text-decoration: none;
  color: #ffffff;
}
.btn2 {
   width:224px;
   height:50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
   background: #636363;
   border-style:none;
   color: #ffffff;
   font-size: 18px;
   font-family: Roboto-Regular, Arial, Helvetica, SimHei, sans-serif;
   text-decoration: none;
   cursor:pointer;
   }

.btn2:hover {
  background:#ffffff;
  border-style:none;
  text-decoration: none;
  color: #636363;
}
.btn3 {
   width:464px;
   height:90px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
   background: #255c85;
   border-style:none;
   color: #ffffff;
   font-size: 24px;
   font-family: Roboto-Regular, Arial, Helvetica, SimHei, sans-serif;
   text-decoration: none;
   cursor:pointer;
   }

.btn3:hover {
  background:#464646;
  border-style:none;
  text-decoration: none;
  color: #ffffff;
}
.btn4 {
   width:250px;
   height:50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
   background: #255c85;
   border-style:none;
   color: #ffffff;
   font-size: 18px;
   font-family: Roboto-Regular, Arial, Helvetica, SimHei, sans-serif;
   text-decoration: none;
   cursor:pointer;
   }

.btn4:hover {
  background:#464646;
  border-style:none;
  text-decoration: none;
  color: #ffffff;
}
.btn5 {
   width:140px;
   height:50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
   background: #336699;
   border-style:none;
   color: #ffffff;
   font-size: 18px;
   font-family: Roboto-Regular, Arial, Helvetica, SimHei, sans-serif;
   text-decoration: none;
   cursor:pointer;
   }

.btn5:hover {
  background:#464646;
  border-style:none;
  text-decoration: none;
  color: #ffffff;
}


@font-face {
    font-family: 'Roboto-Bold';
    src: url('font/Roboto-Bold-webfont.eot');
    src: url('font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Bold-webfont.woff') format('woff'),
         url('font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('font/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('font/Roboto-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Sticky Header */

#nav{z-index:0;}
#footer{display:run-in;}
/* Reset body padding and margins */
body { margin:0; padding:0; }

/* Make Header Sticky */
#header_container {border:0px; height:66px; left:0; position:fixed; width:100%; top:0; z-index:9999;}
#header_content{ line-height:0px; margin:0 auto; width:100%; text-align:center; z-index:9999;}
			
/* Sticky Footer CSS */

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -60px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 80px;
}
.site-footer {
	background-repeat:repeat-x;
	background-position:center top;
	background: url(images/bcg_footer2.jpg);
}