/* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;		
        /* The html and body elements cannot have any padding or margin. */
		font-family:"trebuchet ms";
		font-size: 12px;
      }
	  body {
		background: #fff url(../image/layout/BG.jpg) no-repeat fixed top center;
		color: #452c1d;
	  }
	  h1, h2, h3, h4, h5, h6{margin:0px;padding:10px 0px;}
	  a{color:#452c1d;}
	  a:hover{color:#c10409;text-decoration:none;}
      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 0px -60px;
		
      }
	  .row{position:relative;}
	  #wrap .right {
	
	  }
      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
		  
        }
		
      }



      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      .container .credit {
        margin: 20px 0;
      }

      .formError .formErrorContent {
		    background: none repeat scroll 0 0 #FFFFFF;
		    border: 2px solid #FF0000;
		    color: #FF0000;
		    font-family: arial;
		    font-size: 11px;
		    line-height: 125%;
		    text-shadow: none;
		    width: 160px;
		}

		.formError {top: auto!important; left: 256px!important; bottom:0px; margin-top: -58px!important;}
		#nickErr.formError {margin-top: -46px!important;}
	  
	  .navbar{
		padding-top: 40px;
		margin-bottom: 0px;
	  }
	  .menu-label{font-size:24px;}
	  .navbar .container{width:auto;max-width:472px;}

	  .navbar-inner{
		background: url(../images2/nav-bg.png) no-repeat 50% 0%;
		border:0px;
		box-shadow:none;
		min-height:144px;
		position:relative;
		filter:none;
	  }
	  .navbar .container{
		margin-top:35px;
		position:relative;
	  }
	  .navbar .brand{
		text-align: center;
		float: none;
		position: relative;
		margin: -70px auto;
		width:185px;
		height:207px;
		padding:0px;
	  }
	  .navbar .brand{background: url(../images2/home.png) no-repeat 50% 0%;}
	  .navbar .brand:hover{background: url(../images2/home-h.png) no-repeat 50% 0%;}
	  .navbar .nav{
		margin: -117px 0px 0px;
		float:none;
		font-size:18px;
	  }
	.navbar .nav > li {
	width: 145px;
	text-align: center;
	}
	  .navbar .nav .right{
		float:right;
		text-align: center;
		margin-top: -4px;
	  }
		
	  .navbar .btn-navbar{
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color:  rgba(158,145,139,1);
		background-image: -moz-linear-gradient(top, rgba(158,145,139,1) 0%,rgba(78,55,45,1) 100%);
		background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,145,139,1)), color-stop(100%, rgba(78,55,45,1)));
		background-image: -webkit-linear-gradient(top, rgba(158,145,139,1) 0%, rgba(78,55,45,1) 100%);
		background-image:  -o-linear-gradient(top, rgba(158,145,139,1) 0%, rgba(78,55,45,1) 100%);
		background-image: -ms-linear-gradient(top, rgba(158,145,139,1) 0%, rgba(78,55,45,1) 100%);
		background-image: linear-gradient(to bottom, rgba(158,145,139,1) 0%, rgba(78,55,45,1) 100%);
		background-repeat: repeat-x;
		border-color: #e5e5e5 #e5e5e5 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5c0', endColorstr='#c8b696', GradientType=0 );
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
	  }
	  .btn:hover, .btn:focus {background-position:0px 0px;outline:0;}
	  .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active {
	  outline:0;
	  background-color:  rgba(78,56,45,1);
		background-image: -moz-linear-gradient(top, rgba(78,56,45,1) 0%, rgba(69,43,8,1) 100%);
		background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,56,45,1)), color-stop(100%, rgba(69,43,8,1)));
		background-image: -webkit-linear-gradient(top, rgba(78,56,45,1) 0%, rgba(69,43,8,1) 100%);
		background-image:  -o-linear-gradient(top, rgba(78,56,45,1) 0%, rgba(69,43,8,1) 100%);
		background-image: linear-gradient(to bottom, rgba(78,56,45,1) 0%, rgba(69,43,8,1) 100%);
		background-image: -ms-linear-gradient(top, rgba(78,56,45,1) 0%, rgba(69,43,8,1) 100%);
		background-repeat: repeat-x;
		border-color: #e5e5e5 #e5e5e5 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7b7', endColorstr='#a07529', GradientType=0 );
	  }
	  .navbar .btn-navbar .icon-bar{background-color:#fff;
	  -webkit-box-shadow: 0 1px 0 rgba(131, 119, 94, 0.55);
		-moz-box-shadow: 0 1px 0 rgba(131, 119, 94, 0.55);
		box-shadow: 0 1px 0 rgba(131, 119, 94, 0.55);}
	  .navbar .nav .right span{display:block;}
	  .navbar .nav .right cufon,.navbar .nav .right .cufon{margin-bottom:-8px;}
	  
	  .btn-label, .btn-navbar{display:none!important;float:right;}
	  .btn-label{font-size:24px;position:relative;top:8px;margin-right:10px;}
	  .frame-l{
		background: transparent;
		width: 100%;
		position: fixed;
		height: 100%;
		top: 0px;
		z-index: -1;
		left:0px;
	  }
	  .frame-r{
		background: transparent;
		width: 307px;
		height: 100%;
		right: 0px;
		position: absolute;
	  }
	  .frame-b {
		background: url(../images2/footer-bg.png) repeat-x center 30px;
		position: absolute;
		width: 100%;
		height: 307px;
		bottom: 0px;
		z-index:-1;
	  }
	  #footer{
		background:transparent;
	  }
	  .center {text-align: center;}
	 
		
	  #footer .megaxus{width:20%;float:left;padding-top: 15px;display: inline-block;}
	  #footer .copyright{width:70%;float:left;text-align:center;padding-top: 25px;font-size:10px;font-weight: bold;font-family:arial;line-height:11px;display: inline-block;}
	  #footer .copyright p {font-size:11px;font-weight: bold;font-family:arial;}
	  #footer .t3{width:10%;float:left;text-align:right;padding-top:12px;display: inline-block;}
	  .page-header{text-align:center;border:0px;}
	  
	  .box-header{padding-top:12px;text-align:left;padding-left:55px;padding-bottom:10px;}
	  .box-header h3{color:#fff;font-size:21px;}
	  .box {padding:52px 60px 0px;}
	  .box p {font-size:13px; font-weight:bold;}
	  .register{
		background: url(../images2/register.png) no-repeat;
		width:295px;
		height:495px;
		margin: auto;
		position: relative;
	  }
	  
	  
		.inputBox {
			display: block;
			position: relative;
			clear: both;
		}
		

		.text{background: url(../images2/field.png) 50% 0% no-repeat; width: 183px; height: 34px;float: left;}
		.text.small{background:url(../images2/s-field.png) 50% 0% no-repeat;width:123px;height:40px;float: right;margin-right: 5px;}
		.inputBox input{
			font-size: 16px;
			border: none;
			height: 17px;
			width: 160px;
			background: none;
			padding: 2px 0px;
			margin: 3px auto;
			line-height: 17px;
			color:#452c1d;
			font-family:"Trebuchet Ms";
			font-weight:bold;
			background-repeat: no-repeat;
			background-position: 145px 50%;
		}
		.inputBox .small input {padding: 0px 0px 6px;}
		.inputBox #code{width: 88px;text-align: center;}
		.inputBox .styledRadio{
			float: left;
			margin: 4px 2px 0px 1px;
		}
		.inputBox #genders, .inputBox #captcha{line-height:38px;}
		.inputBox #genders label {
		display: inline-block;
		float: left!important;
		width: auto!important;
		margin-right: 5px!important;
			font-size:16px;
		
		}
		.inputBox #captcha images2{line-height:38px;}
		.inputBox label {
			line-height: 28px;
			display: inline-block;
			float: left;
			margin-right:6px;
			text-align: left;
			width: 105px;
			font-size:18px;
			
		}
		#gender label {
			width: 60px;
			font-size:14px;
			line-height: 30px;
		}
		
		
		textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
			border: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			transition: none;
		}
		input#btsubmit{
			width:88px;
			height:31px;
			float:right;
			margin:0px;
			padding:0px;
			margin-right:18px;
		}
		#connect{float:left;margin-left:18px;margin-top:6px;}
		.splash{position:fixed;bottom:30px;left:0px;z-index:-10;}
		
		.home-content{
			width:614px;
			height:232px;
			background: url(../images2/home-content-bg.png) no-repeat;
			position:absolute;
			bottom:0px;
			right:396px;
			z-index:1;
		}
		.home-content .news{
		width: 210px;
		height: 120px;
		float: left;
		margin: 81px 0px 0px 56px;
		padding: 0px;
		font-weight: bold;
		}
		.home-content .news ul{
			
			margin-bottom:5px;}
		.home-content .news .readmore{float:right;}
		.home-content .news li span{float:right;}
		.home-content .video{
		width: 210px;
		height: 110px;
		float: left;
		margin: 87px 0px 0px 84px;
		padding: 0px;
		}
		.home-content .video .small{display:none;}
		.home-content.mobile{display:none;}
		.container .main-content .top{background: url(../images2/content-t.png) no-repeat;height:80px;}
		.container .main-content .bot{background: url(../images2/content-b.png) no-repeat;height:80px;}
		.container .main-content .mid{background: url(../images2/content-m.png) repeat-y;padding: 0px 40px;color:#FDF5C0;}
		.container .main-content .top h3{margin:0px;padding:18px 0px 0px 85px;}
		.container .main-content p{clear:both;margin:0px;padding-bottom:10px;}


@media (min-width: 1200px){
		.row {
		margin-left: -15px;
		}
		.navbar .nav , .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
			background:transparent;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			font-size: 22px;
		
		}
		.btn-label{display:none;}
	.container .main-content .top{background: url(../images2/content-t.png) no-repeat;}
		.container .main-content .bot{background: url(../images2/content-b.png) no-repeat;}
		.container .main-content .mid{background: url(../images2/content-m.png) repeat-y;}
}

@media (min-width: 768px) and (max-width: 979px) {
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
	display: block;
	float: none;
	width: 100%;
	margin-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	.container {width:100%;}
	.home-content{display:none;}
	.home-content.mobile{display:block;position:relative;margin:auto;right:auto;float:none;}
	.navbar{margin-bottom:0px;}
	.page-header{margin:0px auto;}
	body{padding:0px 20px;}
	.row{margin-left: 0px;}
	.container .main-content .top{background: url(../images2/content-t-710.png) no-repeat;}
		.container .main-content .bot{background: url(../images2/content-b-710.png) no-repeat;}
		.container .main-content .mid{background: url(../images2/content-m-710.png) repeat-y;}
}
@media (max-width: 767px) {
	.home-content{display:none;}
	.home-content.mobile{display:block;position:relative;margin:0px 0px 0px -10px;right:auto;float:none;}
	.navbar{margin-bottom:0px;}
	.page-header{margin:0px auto;}
	#footer .copyright{padding-top:16px;font-size:75%;}
	.container .main-content .top{background: url(../images2/content-t-640.png) no-repeat;}
		.container .main-content .bot{background: url(../images2/content-b-640.png) no-repeat;}
		.container .main-content .mid{background: url(../images2/content-m-640.png) repeat-y;}
	
}
@media (max-width: 480px) {


#footer .copyright{padding-top:13px;font-size:40%;}
#footer .t3{padding-top:15px;}
.home-content{background:transparent;width:100%;}
.home-content .news{
background: url(../images2/mod-news-small.png) no-repeat;
width: 309px;
height: 144px;
margin: auto;
position: relative;
padding: 84px 70px 0px;
		}
.home-content .video{
background: url(../images2/mod-trailer-small.png) no-repeat;
width: 300px;
height: 148px;
margin: auto;
position: relative;
padding: 80px 75px 0;
		}
.home-content .video .all{display:none;}
.home-content .video .small{display:block;}
.btn-label{font-size: 18px;position:relative;margin-top:20px;}
.navbar .btn-navbar .icon-bar{width:13px;}
.navbar .btn-navbar{padding:5px 7px;margin-top:27px;}
.navbar .btn-navbar {margin-right: 0px;}
.navbar .brand{margin-top:-81px!important;}
	.container .main-content .top{background: url(../images2/content-t-480.png) no-repeat;}
		.container .main-content .bot{background: url(../images2/content-b-480.png) no-repeat;}
		.container .main-content .mid{background: url(../images2/content-m-480.png) repeat-y;}
		.nav-collapse .nav{border-color:#4E3B34;background: url(../images2/sub-menu-bg.png) no-repeat;}
		.navbar .nav > li {width:auto;float:none;text-align:left;}
		.nav-collapse, .nav-collapse.collapse{margin-top:-50px;margin-bottom:20px;width:60%;float:right;}
		.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
background-color: #E3D5A5;
}
#footer .copyright p {font-size: 10px;}
}


@media (max-width: 320px) {
.navbar .brand{
height:134px;
width:120px;
background-size: 120px 134px;
margin-top: -36px!important;
}
.navbar .brand:hover{background-size: 120px 134px;}
.btn-label {
font-size: 16px!important;
position: relative;
margin-top: 22px;
margin-right:5px;
}
.nav-collapse, .nav-collapse.collapse {
margin-top: -20px;
margin-bottom: 10px;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
font-size:16px;
padding:2px 5px;
}
.register{margin-left: -75px;}
.register{margin-left: -75px;}
.register{margin-left: -75px;}
.home-content.mobile{margin-left:-93px;}
.home-content .news {width: 280px;padding: 84px 82px 0px;}
#footer .copyright p {font-size: 8px;}
}

@media (max-width: 979px) {
	.navbar .nav .right{text-align: left;margin-top:0px;}
	.navbar .nav .right span{display:inline;}
	.navbar .nav .right cufon,.navbar .nav .right .cufon{margin-bottom:0px;}
	}
@media (min-width: 980px) {
		.navbar .nav , .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
			background:transparent;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			font-size: 22px;
		
		}
		.mobile-btn{display:none;}
}

@media (min-width: 979px) and (max-width: 1025px){
		.register{margin-left: -5px;}
		.home-content{right: 356px;}
		.btn-label{display:none;}
		
		.container .main-content .top{background: url(../images2/content-t-1024.png) no-repeat;}
		.container .main-content .bot{background: url(../images2/content-b-1024.png) no-repeat;}
		.container .main-content .mid{background: url(../images2/content-m-1024.png) repeat-y;}
		}

@media (min-width: 979px) {
		.nav-collapse, .nav-collapse.collapse {margin-top: -117px!important;}
}
@media (min-width: 481px) {
.navbar .brand {
text-align: center;
float: none!important;
position: relative;
margin: -70px auto!important;
width: 185px;
height: 207px;
padding: 0px;
z-index: 1;
}
.navbar-inner {
background-position: 50% 0%!important;
margin-left: 0px;
}
.nav-collapse .nav{background:transparent;display:block;border:none;}
.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background-color:transparent;border:none;}
.navbar .btn-navbar, .navbar .btn-label {display: none;}
.nav-collapse, .nav-collapse.collapse {display:block;height:auto;border:none;margin-top: -128px;}
.nav-collapse .nav > li {float: left;display:inline-block;}
.navbar .nav .right {float: right!important;text-align: center;}
}