html {
height:100%;
}

* body {
height:100%;
padding:0px;
margin:0px;
background:url('background.jpg') top center no-repeat #0c0c0c;
background-attachment: fixed;
font-family: 'Roboto Slab', serif;
font-size:18px;
color:#616161;
}

.soc {
text-align:center;
padding:30px 0px 10px 0px;
}

a.social img{
width:42px;
padding:0px 5px;
opacity:0.4;
transition:0.3s;
}
a.social img:hover {
opacity:0.7;
}

.logo {
background:url('logo.png') top center no-repeat;
height:272px;
transition:0.3s;
}

.logo:hover {
filter:brightness(1.3);
}

.banner_topflare {
background:url('header_top.png') top center no-repeat;
height:29px;
}

.banner_btmflare {
background:url('header_bottom.png') top center no-repeat;
height:31px;
}

.banner {
background:url('banner.png') top center no-repeat;
height:900px;
width:900px;
margin:0 auto;	
}

.menu {
background:url('menu.png') top center no-repeat;
width:914px;
height:195px;
margin:0 auto;
}

.menu_in {
text-align:center;
line-height:50px;
padding:20px 15px 0px 15px;
}

.menu_in a {
color:#404040;
font-weight:300;
text-decoration:none;
padding:0px 10px;
text-shadow:1px 1px 0px #DDD;
font-size:18px;
font-weight:bold;
transition:0.3s;
}
.menu_in a:hover {
color:#de0000;
/*font-size:27px;*/
}

.content {
background:#070707;
width:900px;
margin:0 auto;
}

.content_padding {
padding:20px;
}

.content h1{
color:#de0000;
font-weight:300;
padding:0px;
margin:0px;
}

.content p {
padding:0px;
margin:10px 0px 30px 0px;
}

.content b {
color:#909090;
}

.content a {
color:#909090;
text-decoration:none;
border-bottom:1px solid #de0000;
transition:0.3s;
}
.content a:hover {
color:#de0000;
}

.quarter {
float:left;
width:25%;
text-align:center;
margin:40px 0px;
}

.content .quarter a img,
.content .quarter a {
width:150px;
text-decoration:none;
border-bottom:0px solid red;
}

.half {
float:left;
width:50%;
text-align:center;
margin-bottom:30px;
}

.content .half a img,
.content .half a {
width:400px;
text-decoration:none;
border-bottom:0px solid red;
}

.content .half a img {
margin:10px 0px;
}

.content .half a img {
width:100%;
outline: 10px solid #000;
outline-offset: -1px;
}

span.big {
font-size:30px;
font-weight:bold;
}

.content .quarter a span {
border-bottom: 1px solid #de0000;
}

.album {
margin-bottom:30px;
}

.album_left {
float:left;
width:330px;
}

.album_left img {
width:300px;
}

.album_right {
float:left;
}

.album_right a {

}

.con {
line-height:40px;
}

.book {
padding:20px 0px;
}

.book img {
width:100%;
}

.footer {
width:900px;
margin:0 auto;
padding:30px 0px 100px 0px;
font-weight:300;
font-size:15px;
}

.footer b {
color:#909090;
}

.footer_left {
float:left;
width:300px;
}

.footer_right {
float:right;
width:300px;
text-align:right;
}

.clear {clear:both;}
.center {text-align:center;}
.right {text-align:right;}