/*	-----------------------------------
	Common Layout
	----------------------------------- */

html{
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size-adjust:100%;
	-webkit-font-size-adjust: 100%;
	background-color: #000;
	margin: 0;

}

img{
	border:0px;
}

a{
   color: #fff;
}

a:hover{

}

img.bg {
/* Set rules to fill background */
    min-height: 100%;
    min-width: 900px;
 	
 
/* Set up proportionate scaling */
    width: 100%;
    height: auto;
 
/* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
	z-index: -999;
}

#wrapper {
    width: 100%;
	margin: 0 auto;
	text-align: center;
    min-height:100%;
	position: relative;
}


#logo_container {
	height:1000px;
	width:980px;
	position:absolute;
	left:50%;
	top: 135px;	
	margin-left: -490px;
}

#preorder{
	position: fixed;
	top: 85px;
	left:50px;
}


/** 
  * TurboTabs jQuery Plugin
  * Author: Aleksej Vukomanovic
  * Website: http://themeflection.com
  * Version: 1.0
  * Version from: 25.03.2015
  */


ul.tt_tabs {
  list-style-type: none;
  padding: 0;
  position: absolute;
  top: 500px;
  left:50%;
  margin-left: -435px;
  width: 900px;
}
ul.tt_tabs li {
  color: #fff;
  line-height: 1;
  margin-right: -4px;
  display: inline-block;
  padding: 18px 20px;
  margin-bottom: 0;

  transition: all 0.50s ease-in-out;
  -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -ms-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
  
  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
 }

ul.tt_tabs li:hover {
  cursor: pointer;
}
ul.tt_tabs li.active {
  filter: brightness(1000%);
  -ms-filter: brightness(0.4);
}

div.tt_container{
  color: #fff;
  position: relative;
  width: 100%;

}

div.tt_tab {
  margin: 0 auto;
  margin-top: -160px;
  visibility: hidden;
  transition: all 0.40s ease-in-out;
 -webkit-transition: all 0.40s ease-in-out;
 -moz-transition: all 0.40s ease-in-out;
 }

#tt_tab_box {
  background: url(../images/main_box_bg.png) no-repeat center;
  width: 600px;
  height: 350px;
  position: relative;
  top: 270px;
  padding: 5px 5px;
}
 
div.tt_tab.active {
  visibility: visible;
 
}

div.tt_tab h2 {
  float:left;
  margin-left: 50px;
  margin-bottom: 5px;

}
div.tt_tab p {
  clear: left;
  text-align:left;
  margin-left:60px;
  padding-top:20px;
}

div.tt_tab p.ss {
   margin-left: 45px;
}

.ss img {
  border:2px solid #314b77;
  margin-right: 1px;
  margin-bottom: 1px;
  width: 120px;
}

div.tt_tab p.gallery {

}

.gallery img {
  margin-right:7px;
  margin-bottom: 5px;
}

div.tt_tab p.press_list {
  width: 480px;
  height: 220px;
  position:relative;
  top: -100px;
  text-align:left;
  margin-left:60px;
  line-height: 27px;
}

div.tt_tab p.tr {
   margin-left: 45px;
   font-size: 15px;
}

.tr img {
  border:2px solid #314b77;
  margin-right: 10px;
  margin-bottom: 1px;
  width: 230px;
}
.tr_thumb {float:left; text-align:center; margin-bottom:15px;}


/*	-----------------------------------
	Footer
	----------------------------------- */

#footer {
   height: 300px;
   width: 100%;
   padding-top: 20px;
   background-color: #000;
   text-align:center;
   z-index: 9999;
   position: absolute;
   top:700px;
   bottom:0;
   color: #fff;
   font-size: 12px;
}

.footer_box { width: 980px; margin: 0 auto;}

#footer p img { margin-right:20px;}



.responsive .tt_container{display: none;}
.classic.responsive .tt_tabs li{padding: 1px;}
.classic.responsive .tt_tabs li h3{padding: 20px 15px;}

@media only screen and (min-height: 800px){

#footer {
   position:absolute;
   bottom:0;
   top:700px;
   height: 700px;   
}
}