@charset "utf-8";

body {
background-color: #666;
margin: 0px;
overflow: hidden;
position:relative;
}
#slidebg{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:#fff;
}
header{ background-color:#666;color:#FFF;}
ol, ul ,li {list-style: none;}
h1{font-size:1em;float:left;margin:0 10px;padding:0;}
h2{margin:10px;padding:0; line-height:0;}
header a { text-decoration:none;color:#FFF; }
header a:hover {
	color: #CCC;
}
header ul{
float:right;
margin:0;padding:0;
}
header li{
float:left;
margin:3px 5px 0;
padding:0;
font-size:0.8em;
}

#main {
position: absolute;
top: 0px; width: 100%;
color: #333;
text-align:center;
display:none;
}
#main-insp{
	position:relative;
	width: 70%;
	margin:60px auto 20px;
	padding:30px;
	background-color: #FFF;
	opacity:0.9;
	min-height:300px;
}
#closebt{position:absolute;right:20px;top:20px;}
#main-insp p{
text-align:left;
}
#main-insp img{
width:60%;
}
#foot-blog{ width:100%;clear:both;}
@media only screen and (max-width: 768px) {
h2{
font-size:1em;
}header li{
font-size:1em;
}
}