*{margin:0; padding:0; color:black; text-decoration:none; font-family:"Courier New";   }
/* *{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;    font-weight: 300;} */
html, body, .main-container{position:relative;}
html, body, .main-container, .backgrounds{height:100%; width:100%;}
.backgrounds{ height:100%; background-repeat: no-repeat;background-position: center center;background-size: cover;}
header{padding: 2em;}
header *{text-transform:lowercase; color: #B31212; font-weight: bold;}
header h1, header nav, header ul li{display:inline-block; vertical-align: top; }
header h1{ margin:0; padding:0;  }
header ul li{margin-right: 15px;}
header.category.final_category{position:static;}
header.category.final_category h1{float:right;}

.public header{position: absolute;left: 0;bottom: 2em;right: 0;}
.main_links{display:inline-block;float:left;}
/*final category*/
header.final_category .main_links{float:right;} 
.main_links h1, .main_links h2{display:block;margin: 0;}
.main_links h2{font-size:12px;}
.category_name{
    margin-top: 30px;
}
.category_name a{}
.category_name span{margin-top: 0px;display: block;color: #B31212;font-style: italic;padding: 5px 50px 20px 35px;font-size: 16px;font-weight: bold;}

.public .texts{}
.public .texts .text{ text-align: justify; letter-spacing: 0px; font-size: 12px; margin: 30px 0; line-height: 12px;}
.public .texts h1{font-size:16px;}
.public .texts h2{font-size:14px;}
.public .texts h3, .public .texts h4, .public .texts h5, .public .texts h6{font-size:12px;}

.public .photos{height: 480px;}
.public .photos a{ float: left;vertical-align: top;display: block;width: 50%; height: 65px;overflow: hidden;text-align: center; vertical-align: middle;}
.public .photos .photo{width:220px; margin: 5px;}

.public .main_image{}
.public .main_image img{max-width: 100%;max-height: 550px;}

.login{margin-top: 15%;}
.login input{display:block; padding:10px; border:solid 1px #aaa;}
.login input[type="checkbox"]{display: inline-block;margin-bottom: 10px;margin-right: 10px;margin-top: 10px;}


/*variations between views*/
.public header h1{text-indent: -217px;background-image: url("../img/logo.png"); width: 244px;height: 35px;overflow: hidden;}
.public header.home h1{position: absolute;top: -400px;left: 260px;}
.category h1{
background-image: url("../img/logo125.png") !important;
width: 125px !important;
height: 20px !important;
margin-top: 13px;
}





input[type=text],input[type=password],textarea{display:block;float:none}
input[type=text], input[type=password],input[type=email]{padding: 10px 10px 10px 10px;width: 250px;}
label{display:block;margin-top:15px}
input[type="submit"]{margin-top:10px; border:none; padding:5px 20px; background: #333; color:white; }



#flashMessage{text-align: center;padding: 20px;background: rgba(51, 51, 51, 0.33);color: #FFF;}

.final_category{    position: relative;    margin: 0 auto;    width: 960px;}
.final_category .arrow{    position: relative;    margin-top: 50px;    left: -20px;}
.final_category .arrow a{}
.final_category .arrow a img{}
.final_category .title{    font-weight: bold;    color: #B90000;    font-size: 16px;}
.final_category .final_contents{    float: left;    width: 610px;    margin-left: 100px;    margin-right: 130px;}
.final_category .final_contents .image{    text-align: right;    margin-bottom: 30px;}
.final_category .final_contents .image img{    height: 410px;    max-width: 100%;    max-height: 410px;}
.final_category .final_contents .image .description{}
.final_category .final_contents .image .description .name{    text-align: left;    font-size: 12px;}
.final_category .final_contents .image .description .desc{    text-align: left;    font-size: 10px;}
.final_category .final_contents .text{}
.final_category .final_contents .text p{    font-size: 12px;}
.final_category .final_contents .text h2{}
.final_category .thumbnails{    width: 120px;    float: left;}
.final_category .thumbnails .thumb{    float: left;    text-align: center;    margin: 0 15px 15px 0;    display: block;    width: 45px;    height: 45px;    overflow: hidden;}
.final_category .thumbnails .thumb:hover img{opacity:.5;}
.final_category .thumbnails .thumb img{    position: relative;    max-width: 90px;    left: -50%;}
.final_category .logo{    clear: both;}
.final_category .logo a{      position: absolute;    right: -60px;}
.final_category .logo h1{  text-transform: lowercase;  color: #AF0A0A;  font-size: 16px;background-image: url("../img/logo125.png") !important;width: 125px !important;height: 20px !important;text-indent: -217px;overflow: hidden;}
.final_category .external_link a{font-weight: bold;color: #B90000; font-size:12px;}