@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600,700);

/* ============================================
================== RESET ======================
===============================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, div
{margin:0; padding:0; border:0; outline:0; }
fieldset {display: block; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-after: 0; border: 0;}

mark {background:none;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section
{display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; text-decoration:none;}
hr { display:block; height:1px; border:0; border:none; padding:0; margin: 0px;}
input, select {vertical-align:middle;}

.clear {clear:both; margin:0; padding:0; line-height:0;}
.line {height:1px; background:#989898; width:100%; margin:5px 0px 10px 0px;}

/* ============================================
================== MAIN =======================
===============================================*/
body {background:#FFF; font-family:"Open Sans", sans-serif;}
.subpage_body { background:#f3f3f3;}
h1 {font-size:40px; color:#666; font-weight:300; margin-bottom:40px; text-transform:uppercase; text-align:center;}
@media only screen and (max-width:800px) {h1 {font-size:30px; margin-bottom:30px;}}
h2 {}
h3 {color:#bc3636; font-size:20px; font-weight:400; margin-bottom:15px;}
mark {color:#bc3636; font-style:normal;}
a.textlink {color:#bc3636;}
h4 {color:#666; font-weight:700; margin-bottom:5px; font-size:18px;}
p { font-size:18px; color:#666; padding:0; margin:0;}

/* ===== HEADER ===== */
.header {position:fixed; top:0; left:0; right:0; background-image:url(../img/white_transparent_bg90.png); background-repeat:repeat; height:40px; z-index:500; padding:0px 15px;}
.logo { width:160px; margin-top:12px;}
.logo img { width:100%;}

a#pull {display:none;}
.mainmenu {position:relative;}
.mainmenu ul {list-style-type:none; float:right; margin:0px; padding:0px; line-height:0;}
.mainmenu ul li {padding:0px 0px; float:left; margin-left:20px;}
.mainmenu ul li a {color:#666; font-weight:300; font-size:15px; line-height:40px; text-transform:uppercase;}
.mainmenu ul li a:hover {color:#bc3636;}
.mainmenu ul li a.active {color:#bc3636; font-weight:300;}

@media only screen and (max-width:800px)
{
    .header .tab8 {position:absolute; top:0px; right:0px; left:0px;}
    /* MainMenu */
    .mainmenu {display:none; float:none; position:absolute; top:41px; left:0; right:0; width:100%; height:auto; line-height:1; background:#FFF; padding:20px 0px 0px 0px;}
    .mainmenu ul {float:none; list-style-type:none; text-align:left; line-height:0; float:none; padding-left:20px;}
    .mainmenu ul li {list-style-type:none; float:none; display:block; margin-left:0px; margin-bottom:20px; height:auto;}
    .mainmenu ul li a {color:#666; text-align:left; line-height:1; padding:3px 10px; font-size:16px; font-weight:300; height:auto;}
    .mainmenu ul li a:hover {color:#bc3636; background:none; border-radius:0px;}

    a#pull {cursor: pointer; display:block; position:absolute; right:25px; top:11px; z-index:4000; background:url(../img/nav_icon.png); height:18px; width:25px;}
    .mainmenu {}

    .headbox .headline {font-size:55%;}
}


/* ===== CONTENT ===== */
.iconbox {background:rgba(255,255,255,0.8); height:auto; position:fixed; top:50%; margin-top:-80px; z-index:500; right:0px; padding:2px 5px 2px 7px; box-shadow:0px 0px 2px 0px #CCC;}
.icon {margin-bottom:0px; font-size:2.0em;}
.envelope {font-size:1.7em!important;}
.icon a {color:#666;}
.icon a:hover {color:#bc3636;}
.fa {}

.content {position:relative; z-index:100; padding-top:100px;}
@media (max-width: 1024px) {.content {padding-top:70px;}}

.gallery_image_box { width:100%; border:solid 3px #FFF; line-height:0; margin-bottom:30px;}
.gallery_image_box img { width:100%;}
.gallery_image_box:hover {border:solid 3px #bc3636;}

.about_box {background:#FFF; width:100%; padding:40px;}
.about_image {width:100%; line-height:0; border:solid 3px #FFF; margin-bottom:20px;}
.about_image img {width:100%;}


/* ===== FOOTER ===== */
.footer {position:absolute; z-index:2000; height:auto; bottom:10px; left:0px; line-height:1; margin:0px;}
.footer a {font-size:12px; color:#000; line-height:1; padding:10px;}