html{
	overflow: auto;
	background-image:url(frame/bg.png);
	background-attachment: fixed;
	background-position: center top;
	min-width: 380px;
}

#mainFrame{
	width: 100%;
	text-align: center;
	list-style:none;

}



#logo{
	width: 100%;
	position: relative;
	text-align: center;
	margin: 0 auto;
	height:110px;
	text-align: left;
	padding-top: 45px;
	margin-bottom: 10px;
}
#logo a{
	position: relative;
	display: inline-block;
	width: 25%;
	height: 60px;
	text-align: right;
	bottom:0;
	vertical-align:middle;
}
#logo h3{
	position: relative;
	display: inline-block;
	width: 70%;
	height: 60px;
	bottom:0;
	text-align: left;
	font-size: 60px;
	font-weight: 900;
	text-shadow: 0 0 5px rgba(210,82,97,0.9);
	color: #fff;
	vertical-align:middle;
}

#mainImage{
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0 150px 200px 0px rgba(246,137,165,0.15) inset, 0 0 0 3px #fdf5be, 0 0 5px 5px rgba(255,255,190,0.3), 0 0 5px 2px rgba(255,255,190,0.3) inset;
	border-radius: 3px;
	margin-bottom: 100px;
	padding:20px;
}



/*Snavi
-------------------------------------------------------------------------*/
#Snavi{
	width: 100px;
	height:50px;
	position:fixed;
	right:10px;
	top:-60px;
	z-index: 10000;
	list-style:none;
}
#Snavi li{
	width: 44px;
	height:44px;
	position: absolute;
	cursor: pointer;
}
#GoHome{right:0;}
#GoTop{	left:0;}




@media screen and (max-width: 1080px) {
	#mainFrame {
		margin-bottom: 150px !important;
	}

}

@media screen and (max-width: 580px) {
	#mainFrame{
		margin-bottom: 190px !important;
	}
	#logo{
		height: 90px;
	}
	#logo a{display: none;}
	#logo h3{padding-left: 20px;font-size: 30px;}
}