html { height           : 100%; }

body{ 

    font-size         : 62.5%;
    position          : relative;
	margin            : 0;
	padding-bottom    : 7em;
	min-height        : 100%;

}

/*Limiter width*/

.up_section .up_nav_holder             ,
.banner_section .banner_wrapper   , 
.menu_section .menu_wrapper           , 
.pre_content_area                              , 
.content_area                                      , 
.after_content_area                          ,
.footer                                                 {

     max-width        : 1000px;
     max-width        : 100em;
}


/*up_section*/

.up_section{

     width            : 100%;
	 min-height       : 36px;
     background-color : #080d13;
	 text-align       : center;
}

.up_section .up_nav_holder{

     display          : inline-block;
	 margin-top       : 6px;
	 *display         : inline;
     zoom             : 1;	 
}
.up_section .up_nav_holder .up_menu_holder{

     display          : inline-block;
     
	 *display         : inline;
     zoom             : 1;
	 	 
}

.up_section .up_nav_holder .up_menu_holder .up_menu_item{

    /*font-size         : 13px;*/
	font-size         : 1.3em;
    color             : #ffffff;

	width             : 110px;
	border-right      : 1px solid #ffffff;
	padding           : 5px;
	
	display           : inline-block;
	*display          : inline;
    zoom              : 1;
}
.up_section .up_nav_holder .up_menu_holder .up_menu_item:last-child {
   
	border-width      : 0px;
}

/*Banner up seperator*/

.up_separator {

    height            : 10px;
    width             : 100%; 	
	background-color  : #75BAFF;
	
}




/* Banner */

.banner_section{

    width            : 100%;
    background-color : #0d1520;
    text-align       : center;
}

.banner_section .banner_wrapper{

    width            : 100%;
    background-color : transparent;
    display          : inline-block;
	
	text-align       : center;
	
	*display         : inline;
    zoom             : 1;
    
}

.banner_section .banner_wrapper .left_part{

    width            : 49%;
	background-color : transparent;

	display          : inline-block;
    vertical-align   : top;
	
	*display         : inline;
    zoom             : 1;
}

.banner_section .banner_wrapper .left_part .main_title{

   /*font-size         : 29px;*/
   font-size         : 2.9em;
   color             : #ffffff;
   padding           : 30px 0px 20px 0px;
   font-family       : 'Kaushan Script', cursive;
   font-family       : 'Merienda One', cursive;
}

.banner_section .banner_wrapper .left_part .sub_title{

   /*font-size         : 22px;*/
   font-size         : 2.2em;
   color             : #ffffff;
   padding           : 30px 0px 20px 0px;
   font-family       : 'Merienda', cursive;
}

.banner_section .banner_wrapper .left_part .icon_holder{

   padding      : 10px 0px 10px 0px;

}


.banner_section .banner_wrapper .right_part{

    width            : 49%;
	background-color : transparent;

	display          : inline-block;
	vertical-align   : top;
    
	*display         : inline;
     zoom             : 1;
}



/* Menu */

.menu_section{

    width            : 100%;
	min-width        : 42px;
    background-color : #06090e;
    text-align       : center;
	
    border-top       : 1px solid #1A6B7D;
    box-shadow       : 0px 5px 5px #DA0505;

}

.menu_section .menu_wrapper{

     display          : inline-block;

	 *display         : inline;
     zoom             : 1;	 
}

.menu_section .menu_wrapper .menu_item {

    /*font-size         : 15px;*/
	font-size         : 1.5em;
	text-transform    : UPPERCASE;
    color             : #ffffff;

    width             : 120px;	
    border-right      : 1px solid #ffffff;
	display           : inline-block;
    padding-top       : 12px;
    padding-bottom    : 12px;

	 *display         : inline;
     zoom             : 1;	
}

.menu_section .menu_wrapper .menu_item:last-child {
   
	border-width      : 0px;
}

.menu_section .menu_wrapper .menu_item a{

   text-decoration   : none;
   color             : #ffffff;
}








.pre_content_area {


   width             : 98%;
   background-color  : #3377C3;
   margin            : auto;
   height            : auto;
   padding-top       : 20px;
   padding-bottom    : 20px;
   min-height        : 50px;
   border-radius     : 10px;
   text-align        : center;
}

.pre_content_area   p{

   text-align       : center;
   /*font-size        : 21px;*/
   font-size        : 2.1em;
   color            : #ffffff;
}



.content_area{

   width             : 98%;
   margin            : auto;
   height            : auto;
   text-align        : center;   
}


.after_content_area{




}


.footer_wrapper{

   width             : 100%;
   margin            : auto;
   text-align        : center;
   
   background-color  : #0d1520;
   margin-top        : 40px;
   

   position          : absolute;
   bottom            : 0px;
   left              : 0px;
   right             : 0px;
   padding-top       : 1.2em;
   padding-bottom    : 1.2em;
}

.footer{

  /*font-size          : 16px;*/
  font-size          : 1.6em;
  display            : inline-block;
  color              : #ffffff;

}


.space_null{
	
   opacity           : 0;
}

.famous_phrase{

  padding-top      : 28px;  
  padding-bottom   : 8px;
  font-style       : italic;
}
pre{

  padding         : 10px;
  background      : #05090A;
  direction       : ltr;
  text-align      : left;
}
code{

   direction      : ltr;
   text-align     : left;
   color          : #0DBEE0;
   font-family    : monospace;

}

@media all and (max-width: 1050px){

.menu_section .menu_wrapper .menu_item  , .up_section .up_nav_holder .up_menu_holder .up_menu_item{border-width:0px;}

                                  }
@media all and (max-width: 550px){

.menu_section .menu_wrapper .menu_item  , .up_section .up_nav_holder .up_menu_holder .up_menu_item{border-width:0px;}
.banner_section .banner_wrapper .right_part {display:none;}
.banner_section .banner_wrapper .left_part{width:100%;}
                                  }