/* Quicksand */
@font-face {
 font-family: QuicksandWeb;
 src: url("elements/fonts/Quicksand-Regular.eot");
}
@font-face {
 font-family: QuicksandWeb;
 src: url("elements/fonts/Quicksand-Regular.ttf");
}
@font-face {
 font-family: QuicksandWeb-b1;
 src: url("elements/fonts/Quicksand-Bold.eot");
}
@font-face {
 font-family: QuicksandWeb-b1;
 src: url("elements/fonts/Quicksand-Bold.ttf");
}
/* Unica One */
@font-face {
 font-family: UnicaOneWeb;
 src: url("elements/fonts/UnicaOne-Regular.eot");
}
@font-face {
 font-family: UnicaOneWeb;
 src: url("elements/fonts/UnicaOne-Regular.ttf");
}


* {margin:0; padding:0;}
/* ul,li {list-style:none;} */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
p {margin: 0; padding: 0;}
ul {margin-left: 20px;}
/********************************************/

/* BODY GLOBAL */
body {margin: 0; padding: 0; background: #f4f4f4; font-family: QuicksandWeb, sans-serif; color: #333; text-align: center; line-height: 1.2em; font-size: 14pt;}
body a {color: #672d22; text-decoration: none;}
body a:hover {color: #ab1528;}
h1, h2, h3, h4, h5 {font-family: QuicksandWeb-b1, sans-serif; margin: 0; padding: 0; font-weight: normal; color: #ab1528; font-size: 1.2em; line-height: 1.1em;}
h2.pgttl {margin-bottom: 20px;}
* {
font-family: QuicksandWeb, sans-serif;
}

hr {margin: 20px auto; clear: both; width: 100%; display: block;}

a.button_link {font-size: 1.05em; display: inline-block; zoom: 1; *display: inline; padding: 6px 12px; border-radius: 4px; border: 1px solid #672d22; vertical-align: middle;}
a.button_link:hover {border-color: #ab1528; background: #ab1528; color: #fff;}


.under_bg {position: fixed; top: 0px; left: 0px; z-index: 1; display: block; width: 100%; height: 100%; background: url('elements/coffee_beans.jpg') top center; text-align: center;}
.under_bg img {width: 100%; height: auto; display: block; margin: 0 auto; position: relative; top: -15%;}


/* Header */
.header {background: url('elements/background_overlay.png') no-repeat top center; height: auto; padding: 0; display: block; width: 100%; min-width: 410px; position: relative; z-index: 40;}
.header_top_bar {background: #672d22; color: #fff; padding: 10px; text-align: center; display: block; margin: 0; font-size: 0.8em;}
.header_bottom_bar {background: none; padding: 10px 10px; text-align: center; display: block; margin: 0;}
.header_bottom_bar .contact_item {font-size: 1.3em; line-height: 1.1em; margin: 10px auto; display: block;}
.header_bottom_bar .contact_item.owner {color: #222; font-family: QuicksandWeb-b1, sans-serif; font-size: 1.3em; line-height: 1.1em;}
.header_bottom_bar .contact_item.owner span {color: #222; font-family: QuicksandWeb, sans-serif; font-size: 0.8em; position: relative; top: -2px;}
.header_bottom_bar .contact_item.phone {font-size: 2.2em; line-height: 1.1em; font-family: QuicksandWeb-b1, sans-serif; color: #ab1528;}
.header_bottom_bar .contact_item.address {font-size: 2em; line-height: 1.1em; font-family: QuicksandWeb-b1, sans-serif; color: #ab1528;}
.header_bottom_bar .contact_item.address .city {display: block; font-size: 0.75em; line-height: 1em; font-family: UnicaOneWeb, QuicksandWeb;}


/* Footer */
.footer_note_bar {background: #ab1528; color: #fff; padding: 15px 10px; min-width: 390px; text-align: center; display: block; margin: 0; font-size: 0.75em; position: relative; z-index: 10;}
.footer_note_bar a {color: #fff;}
.footer_note_bar a:hover {color: #000;}


/* Containers */
.outer_wrapper {display: block; margin: 0 auto; width: 95%; max-width: 1050px; min-width: 410px; position: relative; z-index: 10; margin-bottom: 30px;}
.inner_wrapper {display: block; position: relative; padding-bottom: 10px; border-radius: 8px; background: url('elements/overlay2.png'); box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); overflow: hidden; text-align: center;}
.item_box {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 1% 0.5%; margin-top: 20px; width: 47%; min-width: 360px; padding: 0px; border-radius: 5px; border: 1px solid #672d22;}
.item_box.inline {width: 96%;}
.item_box .item_content {position: relative; z-index: 100;}
.internal {padding: 15px;}
.page_content {display: block; margin: 0 auto; padding: 0; max-width: 1000px; text-align: justify;}
.page_content h1, .page_content h2 {margin-bottom: 10px;}


/* Page Titles */
.page_title_bar {display: block; padding: 30px 10px; background: #672d22 url('elements/speckle2.png') top center;}
.page_title_bar h2 {font-family: QuicksandWeb-b1, sans-serif; color: #fff; font-size: 1.4em; line-height: 1em; margin: 0 auto; padding: 0; max-width: 1000px; text-align: left; display: block;}
.page_title_bar h2 span {font-family: QuicksandWeb, sans-serif;}
.item_title_bar {display: block; padding: 10px; background: #672d22 url('elements/speckle2.png') top center; text-align: center; margin-bottom: 0px; border-radius: 4px 4px 0 0;}
.item_title_bar h2 {font-family: QuicksandWeb-b1, sans-serif; color: #fff; font-size: 1.2em; line-height: 1em; margin: 0 auto;}


/* Logo*/
a.logo_link {display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 10px auto; margin-bottom: 0px; padding: 0;}
a.logo_link img {display: block; border: 0; padding: 0; margin: 0 auto; width: 90%; max-width: 500px;}


/* Clear & Sep */
.clear {display: block; width: 100%; float: none; clear: both; height: 0px;}


/* Facebook */
.facebook_box {display: block; width: 98%; margin: 1%; height: auto;}
.fb-page, .fb-page iframe[style], .fb-page span, .fb-page.fb_iframe_widget span iframe {width: 100% !important;}






