body,html{margin:0px;padding:0px;background-image:url(bg.png);font-family:Verdana, Geneva, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

#bar1{width:100%;background-color:#EF4836;}
#bar2{width:100%;padding-top:5px;padding-bottom:5px;}
#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}



#promo{text-align:center;}

#area1{width:840px;padding:20px;background-color:#fffffe;margin:auto;}
.intro{margin-bottom:9px;}
.intro2{padding-left:20px;padding-right:20px;}



#area2{width:840px;background-color:#fffffe;margin:auto;margin-top:20px;}
.box{width:50%;float:left;height:60px;margin-bottom:50px;}
.boxinner{border:2px solid grey;background-color:white;height:80%;padding:5%;width:80%;margin:auto;font-size:20px;color:#2e3131;cursor:pointer;}
.boxinner:hover{padding:4%;width:82%;background-color:#ffffef;}

#area3{width:840px;padding:20px;background-color:#ffffef;margin:auto;}
#area3h{width:840px;padding:20px;background-color:#0b7fab;margin:auto;color:#fff;font-size:17px;}


.intro{margin-bottom:9px;}
.intro2{padding-left:20px;padding-right:20px;}

.bb{font-size:22px;height:100%;float:left;width:40px;}

#footspace{width:100%;height:40px;clear:both;float:none;}


@media screen and (max-width:880px){


#area1{width:96%;padding:2%;}
#area2{width:100%;}
#area3{width:96%;padding:2%;}
#area3h{width:96%;padding:2%;}
}



@media screen and (max-width:620px){

.boxinner{font-size:17px;}
.bb{font-size:20px;width:36px;}

}




@media screen and (max-width:530px){

.box{width:100%;height:40px;margin-bottom:30px;}


}