/* CSS Document */
@charset "utf-8";
html body *:focus {outline:none;}
a {outline:none;}
body {padding:0; margin:0; color:#567; background:#012; font-size:14px; line-height:22px;
	font-family: 'Roboto', Arial, sans-serif; font-weight:400; 
}
#header {position:relative; margin:0; padding:50px 0 20px 0; width:100%; height:auto; min-height:20px; display:block; 
	font-size:12px; letter-spacing:0.07em; text-align:center; font-weight:700; background:#012;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,17,34,0.3);
    box-shadow: 0px 0px 20px 0px rgba(0,17,34,0.3);
}
#header img.logo {position:relative; padding:0 20px; margin:-11px 0 10px 0; float:left;}
#content {padding:0; margin:0; border:0; width:100%; height:auto; display:block; background:#eef0f3;}
#footer {position:relative; padding:40px; margin:0; height:auto; font-size:12px; text-align:center; background:#012;
	-webkit-box-shadow:0px 0px 20px 0px rgba(0,17,34,0.3);
    box-shadow:0px 0px 20px 0px rgba(0,17,34,0.3);
}
.inner {position:relative; padding:0; margin:0 auto; height:auto; width:100%; max-width:760px;}
.biginner {position:relative; padding:40px 0 30px 0; margin:0 auto; height:auto; width:100%; max-width:800px; }
.totop {position:fixed; bottom:10px; right:6px; padding:0; margin:0; opacity:0.6; z-index:100;
    filter:alpha(opacity=60); /* For IE8 and earlier */}
.totop:hover {opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */}
.big {padding:0; margin:0; border:0; width:100%; height:auto; display:block;}
.center {text-align:center;}
.clear {clear:both;}
.light {color:#788;}
.dark {color:#567;}
.line {border-bottom:1px solid rgba(255,255,255,0.9); margin-bottom:30px; clear:both;}

h1, h2, h3, h4, h5 {font-family: 'Roboto Slab', 'Roboto', serif; font-weight:700; font-style:normal;}
h1, h2 {
	-webkit-box-shadow:0px 3px 8px 0px rgba(0,17,34,0.03);
    box-shadow:0px 3px 8px 0px rgba(0,17,34,0.03);
}
h1 {font-size:48px; line-height:56px; padding:50px 40px; margin:0 auto; text-align:center; background:#fff; display:block; color:#abb;}
h2 {font-size:22px; line-height:32px; padding:30px; margin:0; text-align:center; background:#fff; display:block; color:#abb;}
h3 {font-size:28px; line-height:36px; padding:40px 30px; margin:0 0 30px 0; text-align:center; background:#012; display:block; color:#aab;}

p, li {margin:0 40px 18px 40px;}
ul, li {text-align:left;}
p.brief {font-style:italic; min-width:200px; padding-top:10px; display:block;}
img.portrait {border-radius:50%; float:left; margin:0 40px 26px 40px;}

a {cursor:pointer;}
a:link, a:visited {color:#566; text-decoration:none;}
a:hover, a:active {color:#788; text-decoration:none;}

#header ul {position:relative; padding:0; margin:0; list-style:none; display:inline;} 
#header ul li {position:relative; padding:0; margin:0; list-style:none; display:inline;}
#header ul li a {margin:0 12px; padding:6px 0 0 0; display:inline-block;}

@media (max-width: 600px) {
	#header img.logo {position:relative; padding:0 20px; margin:-20px auto 0 auto; float:none; display:block;}
	h1 {font-size:32px; line-height:48px; padding:50px 20px;}
	p, li {margin:0 20px 18px 20px;}
	img.portrait {border-radius:50%; float:left; margin:0 20px 18px 20px;}
	.totop {position:fixed; bottom:0px; right:0px; padding:0; margin:0; opacity:0.3; z-index:100;
    filter:alpha(opacity=30); /* For IE8 and earlier */}
}

@media (max-width: 480px) {
	img.portrait {border-radius:50%; float:none; margin:0 20px 18px 20px;}
}