@charset "UTF-8";

body {
    background:none;
    background-color:#000;
	font:12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFF;
}

div#container {
	min-width:240px;
	background:none;
}

div#header {
	width:100%;
	/*height:480px;*/
	height:50px;
	position:relative;
	/*z-index:200;*/
}

div#header a#logo {
	display:block;
	width:20%;
	height:35px;
	background:url("../img/logo_small.png") 0 0 no-repeat transparent;
	background-size:100%;
	text-indent:-99999px;
	margin:10px;
}

div#header div#xx_logo_intro {
	display:inline-block;
	width:10%;
	height:35px;
	background:url("../img/xx_logo.png") 0 0 no-repeat transparent;
	background-size:contain;
	text-indent:-99999px;
	top:10px;
	left:25%;
	z-index:250;
}

div#header ul#navi {
	width:140px;
}

div#header ul#navi li {
	width:140px;
}

div#header ul#navi li a {
	width:140px;
}

div#header ul#navi li.last a {
	width:140px;
}
	
a#pull {
	width:130px;
}

div#content {
	overflow-x: hidden;
	width:100%;
	height:auto;
	position:static;
	min-height: initial;	
	margin-top:-50px;
	/*margin-top:-480px;*/
}

body#spec div#content {
	overflow:visible;
}


div#main {
	width:90%;
	color:#FFF;
	background:none;
	/*background:url("../img/mobile_top_test.png") 0 0 no-repeat #ff3721;*/
	background-size:100%;
	padding:0 5% 5% 5%;
	position:relative;
	top:0;
	z-index:100;
	padding-top:150%;
}

body#mr60x div#main {
	background:url("../img/background/mobile_top_mr60.jpg") 0 0 no-repeat #000;
}

body#sr50x div#main {
	background:url("../img/background/mobile_top_sr50.jpg") 0 0 no-repeat #000;
}

body#fx102 div#main {
	background:url("../img/background/mobile_top_fx102.jpg") 0 0 no-repeat #000;
}

img#mobile_title {
	display:block;
	width:100%;
	margin:2em 0;
}

div#text {
	width:100%;
	margin:0;
}

div#text h1 {
	margin-top:0;
}

div#text h1 img {
	width:100%;
	height:auto;
}

div#text p {
	margin:10px 0;
}

div#text p.intro {
	font-family: 'Josefin Slab', serif;
	font-weight:700;
	font-style:normal;
	font-size:16px;
	text-transform:uppercase;
}

div#info {
	display:block;
}

div#text a#more, div#text a#back {
	display:none;
}

div#text div#thumbs ul {
	position:relative;
	left:0;
	margin-top:-110%;
	width:100%;
	height:25%;
}

div#text div#thumbs ul li {
	float:left;
	width:25%;
	margin:0;
}

div#text div#thumbs ul li.ma_ri {
	margin:0;
}

div#text div#thumbs ul li a {
	width:64px;
	height:64px;
	margin:0 auto;
	background-size:100%;
	text-indent:0;
}

div#text div#thumbs ul li a:hover {

}

@media only screen and (max-width:320px){
	div#text div#thumbs ul li a {
		display:block;
		width:48px;
		height:48px;
	}

	div#text div#thumbs ul li a img {
		width:48px;
		height:48px;
	}
	
}

div#gallery {
	top:8%;
	left:19%;
	z-index:600;
	width:62%;
	height:95%;
	text-align:center;
}

div#gallery .gall_img {
	position:absolute;
	z-index:400;
	top:50px !important;
	left:5%;
	margin:0;
	padding:0;
}

.gall_img ul#fx102_color li img {
	width:100%;
}

.gall_img ul#colorsfx102 {
	position:relative;
	left:auto;
	bottom:-20px;
	z-index:9999;
	text-align:left;
	width:180px;
	margin:0 auto;
	margin-top:20px;
}

.gall_img ul#colorsfx102 li {
	display: inline-block;
	width:30px;
	margin:0;
	padding:0;
}

div#footer {
	clear:both;
	position:static;	
}


div#footer p {
	margin:10px 0;
	text-align:center;
}

div#background {
	display:none;
}

body#spec div#main {
	margin:0 10px;
}
	
body#spec div#main table td, body#spec div#main table th {
	font-size:9px;
}


div#inner_img div {
	float:none;
	width:100%;
	position:relative;
}