/* =============================================================================
   General
   ========================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border : 0;
font-weight: normal;
-webkit-font-smoothing: antialiased; 
margin : 0;
padding : 0;
vertical-align : baseline;
} 
input:focus, select:focus, textarea:focus, button:focus {
outline-width : 0;
outline : none;
} 

/* =============================================================================
   Main CSS
   ========================================================================== */
   
body { background-color: #fff; height: 100%; width: 100%; position: absolute; margin: 0px; overflow-x: hidden; overflow-y: hidden; }
#wrapper { height: 100%; margin: 0px; position: absolute; width: 100%; }
#header { background-color: #512C1D; display: block; height: 25px; position: fixed; width: 100%; z-index: 3000; }
#navbar { margin-left: auto; margin-right: auto; width: 1020px; }
#sidebar { background-color: #fff; display: block; height: 100%; position: fixed; width: 25%; z-index: 500; }
#half_left { background-color: #fff; bottom: 0; display: block; height: 100%; left: 0; position: fixed; width: 50%; z-index: 500; }
#half_right { background-color: #fff; display: block; float: right; height: 100%; position: fixed; right: 0; width: 50%; z-index: 500; }
#col1 { background-color: #fff; display: block; height: 100%; left: 0; position: absolute; width: 25%; z-index: 500; }
#col2 { background-color: #fff; display: block; height: 100%; left: 25%; position: absolute; text-align: center; width: 25%; z-index: 500; }
#col3 { background-color: #fff; display: block; height: 100%; position: absolute; right: 25%; text-align: center; width: 25%; z-index: 500; }
#col4 { background-color: #fff; display: block; height: 100%; position: absolute; right: 0; text-align: center; width: 25%; z-index: 500; }
#address { height: 100%; overflow: scroll; position: absolute; right: 0; width: 75%; z-index: 100; }
.region { margin-bottom: 1000px; overflow-y: auto; right: 0; width: 100%; z-index: 100; }
#right_img { background-image: url(../image/mission_3.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 50%; width: 100%; }
#left_img { background-image: url(../image/mission_4.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; height: 50%; margin-top: auto; position: absolute; width: 100%; }
#fruit { display: block; height: 100%; margin-left: auto; margin-right: auto; position: relative; width: 50%; z-index: 100; }
#logo { display: block; display: inline-block; height: 105px; margin-top: 58px; padding-left: 30px; }
#text { display: block; padding-left: 30px; padding-right: 30px; text-align: left; z-index: 600; }
#text_center { display: block; height: 100px; padding-left: 30px; padding-right: 30px; text-align: left; }
#fruit_text { margin-bottom: auto; margin-top: 50%; }
#footer { bottom: 0px; display: block; height: 30px; left: 0; padding-left: 23px; position: fixed; width: 25%; z-index: 1000; }
.fb-like { bottom: 0px; display: inline-block; float: left; height: 25px; left: 0; }
hr { background: #512D1D; border: none; height: 1px; }
a { border-style: none; color: #512D1D; text-decoration: none; }
a:hover { border-style: none; color: #000; text-decoration: none; }
p { color: #512D1D; display: inline; }
.para1 { font-family: MuseoSlab-500; font-size: 8pt; line-height: 12px; }
.para1 a { color: #512D1D; text-decoration: none; }
.para1 a:hover { color: #512D1D; font-family: MuseoSlab-700; font-size: 8pt; line-height: 12px; }
.para2 { font-family: MuseoSlab-500; font-size: 7pt; line-height: 50%; }
.para3 { display: block; font-size: 7pt; line-height: 5pt; }
.para_700 { font-family: MuseoSlab-700; line-height: 22px; }
.para_strong { font-family: MuseoSlab-700; font-size: 8pt; line-height: 12px; }
.para_strong a { font-family: MuseoSlab-700; font-size: 8pt; line-height: 12px; text-decoration: none; }
.para_strong a:hover { color: #512D1D; font-family: MuseoSlab-700; font-size: 8pt; line-height: 12px; text-decoration: none; }
h1 { color: #512D1D; font-family: MuseoSlab-700; font-size: 14pt; line-height: 18pt; }
h2 { color: #512D1D; font-family: MuseoSlab-700; font-size: 12pt; line-height: 16pt; text-transform: uppercase; }
h3 { color: #512D1D; font-family: MuseoSlab-700; font-size: 9pt; line-height: 14pt; text-transform: uppercase; }
h4 { color: rgb(153,153,153); font-family: MuseoSlab-500; font-size: 6pt; font-weight: normal; line-height: 8pt; text-transform: uppercase; }
h4 a { color: rgb(102,102,102); }
h4 a:hover { color: #000; }
#lang { display: block; float: right; height: 20px; margin-right: 30px; margin-top: 50px; text-align: right; width: 20px; }
h5 { color: #512D1D; font-family: MuseoSlab-500; font-size: 9pt; line-height: 28px; margin-right: 30px; text-align: right; text-transform: uppercase; }
h5:hover { color: #512D1D; font-family: MuseoSlab-700; font-size: 9pt; line-height: 27px; margin-right: 30px; text-align: right; text-decoration: underline; text-transform: uppercase; }
/* Adjusting the margins, paddings and no list styles */
.navigation { height: 25px; letter-spacing: 1px; list-style: none; margin-bottom: 0px; margin: 0; padding: 0; z-index: 2000; }
/* Little tricking with positions */
.navigation  li { float: left; position: relative; width: 170px; /* Show list items inline */ }
/* Playing with Main Categories */
.navigation  li a { color: #fff; display: block; font-family: MuseoSlab-300; font-size: 9pt; font-weight: normal; line-height: 26px; text-align: center; /* No underline */ text-decoration: none; /* Making sure a element covers whole li area */ text-transform: uppercase; }
.navigation  li a:hover { font-family: MuseoSlab-700; line-height: 26px; text-decoration: none; }
/* Sub Cat Menu stuff*/
.navigation  ul { display: none; left: 0; line-height: 18px; list-style: none; /* Hide it by default */ position: absolute; }
.navigation  ul:hover { display: none; left: 0; line-height: 18px; list-style: none; /* Hide it by default */ position: absolute; }
.navigation  ul li { background-color: #F8F8F8; float: left; line-height: 18px; margin: 1px; width: 170px; }
.navigation  ul li:hover { background-color: #512D1D; color: #fff; float: left; margin: 1px; width: 170px; }
/* Sub Cat menu link properties */
.navigation  ul a { color: #512D1D; display: block; font-family: MuseoSlab-500; /* Making sure a element covers whole li area */ font-size: 7pt; height: 20px; line-height: 22px; margin-left: 10px; text-decoration: none; width: 150px; }
.navigation  ul a:hover { color: #fff; font-family: MuseoSlab-500; font-size: 7pt; height: 20px; line-height: 22px; margin-left: 10px; text-decoration: none; width: 150px; }
#bg_image { z-index: 100; }
#product_image { display: inline; float: left; width: 50%; }
#desc { margin-right: 40px; margin-top: 5%; width: 95%; }
#product_nav { display: block; display: block; height: 14px; position: absolute; right: 43px; top: 11px; width: 32px; z-index: 1000; }
#credit { bottom: 30px; display: inline-block; float: right; height: 25px; margin-left: 5px; width: 150px; }
.button.nextButton a { color: #512D1D; font-family: MuseoSlab-500; font-size: 8pt; line-height: 13px; }
.button.nextButton a:hover { color: #512D1D; font-family: MuseoSlab-700; font-size: 8pt; line-height: 8px; text-decoration: underline; }
#googleMap { height: 100%; margin-left: 25%; margin-top: 25px; width: 75%; }