@charset "utf-8";
/* CSS Document */
.site-corner {position: absolute;right: 0;top: 0; z-index:9;}
#bodywrapper{ width:100%; margin:0px; padding:0px; clear:both;  background-color:#fff; }


/*decide the max width of the tempalte*/
.wrapper_width{ max-width:100%; width:1004px; margin:0px auto;}
.outerwrapper_width{ max-width:100%; width:1350px; margin:0px auto;}
.usercomp{ width:100%;}
#bodywrapper #header{ width:100%; }
#bodywrapper #header .header_logoleft{margin:0px ;padding: 0;text-align: left;width:17.6%; padding:0px;float:left;display:inline }
#bodywrapper #header .header_logo{margin:0px ;padding: 0;text-align: left;width:65%; padding:10px 0px;float:left;display:inline}
#bodywrapper #header .header_right{margin:0px ;padding: 0;text-align: right;width:17.3%;padding:10px 0px;float:left;display:inline}


/*banner*/

#banner{width:100%;}
#banner .banner_home{}
#banner .banner_innerpage{}
#bodycontent{ min-height:284px;}

/*menu*/
#header_menu{width:100%; margin:0px; padding:0px; clear:both; overflow:hidden;}

/*page content single_column*/

#bodywrapper .single_column{ width:100%;  margin:0px auto 0px auto; clear:both; overflow:hidden; padding:0px; }

/*page content two_column_left_right_same*/
#bodywrapper .two_column_left_right_same{ width:100%;  margin:0px auto; clear:both; overflow:hidden; padding:0px; }
#bodywrapper .two_column_left_right_same .leftsidebar{ width:43%; float:left; display:inline-block; }
#bodywrapper .two_column_left_right_same .rightsidebar{ width:43%; float:right; display:inline-block;  }


/*page content two_column_left_big_right_small*/
#bodywrapper .two_column_left_big_right_small{ width:100%;  margin:0px auto 0px auto; clear:both; overflow:hidden; padding:0px; }
#bodywrapper .two_column_left_big_right_small .leftsidebar{ width:67.50%; float:left; display:inline-block; }
#bodywrapper .two_column_left_big_right_small .rightsidebar{ width:30.40%; float:right; display:inline-block; }


/*page content two_column_left_small_right_big*/
#bodywrapper .two_column_left_small_right_big{ width:100%;  margin:0px auto; clear:both; overflow:hidden; padding:0px; }
#bodywrapper .two_column_left_small_right_big .leftsidebar{ width:30.4%; float:left; display:inline-block; }
#bodywrapper .two_column_left_small_right_big .rightsidebar{ width:67.5%; float:right; display:inline-block; }


/*page content three_column*/
#bodywrapper .three_column{ width:100%;  margin:0px auto; clear:both; overflow:hidden; padding:0px; }
#bodywrapper .three_column  .leftsidebar{ width:31%; float:left; display:inline-block;  }
#bodywrapper .three_column  .contentmiddle{ width:31%; float:left; display:inline-block; margin:0 3.5%; }
#bodywrapper .three_column  .rightsidebar{ width:31%; float:left; display:inline-block; }

/*footer*/

#footer{ width:100%; margin:0px 0px 0px 0px; padding:0px; clear:both; overflow:hidden;  }
#footer .footer_top{ overflow:hidden; padding:0px 0px 0px 0px; }
#footer .footer_bottom{ overflow:hidden; padding:0px 0px 10px 0px;background-color:#661511;margin-top:50px  }

#footer .footer_top .footerleft{ width:100%; float: none; display:inline; clear:both;background-color:#000000;}
#footer .footer_top .footerright{ width:100%; float: none; display:inline; clear:both; background-color:#a81c1c; }

#footer .footer_bottom .footerleft{width:68%; float: left }
#footer .footer_bottom .footerright{ width:30%; float:right;}
/*grid*/

/*  SECTIONS  */
.section {clear: both;padding: 0px;margin: 0px; width:100%;
}

/*  COLUMN SETUP  */
.row{clear: both;padding: 0px;margin: 0px; width:100%;}
.col {display: block;float:left;margin: 5px 0 5px 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {	width: 100%;}

.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 64.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.866%;}

#bodywrapper .three_column .span_11_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_10_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_9_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_8_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_7_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_6_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_5_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_4_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_3_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_2_of_12 {width: 100%; margin: 0;margin-bottom:10px; }
#bodywrapper .three_column .span_1_of_12 {width: 100%; margin: 0;margin-bottom:10px; }


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {
.col {  margin: 5px 0 5px 0%; }

.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
width: 100%; margin-bottom:10px; 
}
}