@import url('fancybox/fancybox.css');
@font-face {font-family:'pictos'; src:url('fonts/pictos.eot'); src:url('fonts/pictos.eot?#iefix') format('embedded-opentype'), url('fonts/pictos.woff') format('woff'), url('fonts/pictos.ttf') format('truetype'), url('fonts/pictos.svg#PictosRegular') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:'trajan'; src:url('fonts/trajan-bold.eot'); src:url('fonts/trajan-bold.eot?#iefix') format('embedded-opentype'), url('fonts/trajan-bold.woff') format('woff'), url('fonts/trajan-bold.ttf') format('truetype'), url('fonts/trajan-bold.svg#TrajanProBold') format('svg'); font-weight:bold; font-style:normal;}
@font-face {font-family:'trajan'; src:url('fonts/trajan.eot'); src:url('fonts/trajan.eot?#iefix') format('embedded-opentype'), url('fonts/trajan.woff') format('woff'), url('fonts/trajan.ttf') format('truetype'), url('fonts/trajan.svg#TrajanProRegular') format('svg'); font-weight:normal; font-style:normal;}


/* normalize.css */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline; zoom:1}html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:100%}html,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em; margin:.67em 0}h2{font-size:1.5em; margin:.83em 0}h3{font-size:1.17em; margin:1em 0}h4{font-size:1em; margin:1.33em 0}h5{font-size:.83em; margin:1.67em 0}h6{font-size:.75em; margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0; color:#000}pre,code,kbd,samp{_font-family:'courier new', monospace; font-family:monospace, serif; font-size:1em}pre{white-space:pre-wrap; word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:75%}sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none; list-style-image:none}img{-ms-interpolation-mode:bicubic; border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:.35em .625em .75em}legend{border:0; margin-left:-7px; padding:0; white-space:normal}button,input,select,textarea{font-size:100%; margin:0; vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button; cursor:pointer; overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box; height:13px; padding:0; width:13px}input[type=search]{-moz-box-sizing:content-box; -webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0}textarea{overflow:auto; vertical-align:top}table{border-collapse:collapse; border-spacing:0}audio:not([controls]),[hidden]{display:none}body,figure,form{margin:0}p,pre,dl,menu,ol,ul{margin:1em 0}
.group:before,.group:after {content:""; display:table} .group:after {clear:both;} .group {zoom:1}

/* anchors */
  a {color:#04b; text-decoration:none;}
  a:hover {text-decoration:underline;}

/* headings */
  h1,h2,h3,h4,h5 {font-family:trajan,'times new roman',serif;}
  h1 {font-size:2.1em;}
  h2 {font-size:1.75em;}
  h3 {font-size:1.5em;}
  h4 {font-size:1.34em;}
  h5 {font-size:1.2em;}
  h6 {font-size:1.1em;}
  h6 {color:#888; text-transform:uppercase;}
  h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {color:#aaa; display:block;}

/* others */
  blockquote {border-left:4px solid #bbb; padding-left:60px; min-height:27px; width:auto;}
  blockquote:before {content:'"'; color:#bbb; font:3.2em/0 pictos,sans-serif; float:left; position:relative; left:-45px;;}
  blockquote em {display:block;}
  blockquote em:before {content:"\2014\00a0";}
  code,pre {padding:1em; font:1em monospace;}
  code {background-color:#fee9cc; padding:1px 3px;}
  pre {background-color:#f5f5f5; border:1px solid #eee; display:block; margin:0 0 1.5em; line-height:1.5em; white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
  hr {border:0 none; border-top:1px dotted #bbb; height:0px; margin:2em 0;}
  address:first-line {font-weight:bold;}
  address {font-style:normal;}

/* layout */
  body {background:#301 url('img/bg.png'); color:#333; font:12px arial,sans-serif; margin:.5em;}
  .wrap {margin:0 auto; overflow:hidden; padding:1.5em;}

/* layout */
  #nav {background:url('img/nav.png') top center; height:65px; margin:100px auto 0; max-width:1030px; min-width:980px; position:relative; width:100%; z-index:5;}
  #nav > a {background:url('img/logo.png') no-repeat center center; display:inline-block; height:180px; position:absolute; left:2%; top:-80px; width:167px; z-index:10;}
  #nav > a:hover {text-decoration:none;}
  #nav > span {display:inline-block; position:absolute; left:180px; top:-40px;}
  #nav > span a {color:#fff; display:block; font:3em trajan,'times new roman',serif;}
  #nav div {float:right; height:50px; margin-top:7px; padding:0 1% 0 0; position:relative; width:auto;}
  #nav div a {background:url('img/nav-divider.png') no-repeat center right; color:#301; display:inline-block; font:bold 1.45em trajan,'times new roman',serif; height:100%; line-height:50px; padding:.0  1.2em; text-shadow:0 1px 1px #bbb27f;}
  #nav div a:last-child {background-image:none;}
  #nav div a:hover {background-color:rgba(255,255,255,.05); text-decoration:none;}
/*#nav div a:active {background:url('img/nav-hover.png') no-repeat center right;}*/
  #nav div a:active {background:url('img/nav.png') bottom right;}
/*#nav address {color:#fff; font:.9em; text-align:right; position:absolute; top:-40px; right:0; width:250px;}*/
  
  #content, #weather {background:#fff; border-radius:5px; margin:1.5em auto; width:980px;}
  #content > h1, #weather > h1 {background:#ada57b url('img/header-bg.png') repeat-x; border-radius:5px 5px 0 0; color:#301; padding:.35em .5em; text-shadow:0 1px 1px #bbb27f;}
  #content h2, #content .side > h3 {margin-top:0;}
  #weather td {border:0;}

  .main {background:#fff url('img/side-bg.png') repeat-y top left; float:right; padding-left:3%; position:relative; width:73%;}
  .main > span:last-child {background:url('img/side-bg2.png') repeat-x; display:block; height:50px; position:absolute; bottom:0; left:0; width:19px;}
  .side {float:left; width:24%;}
  .side > h3 {margin-top:0;}
  
  #footer {color:#fff; font-size:.9em; line-height:1.5em; margin:0 auto; clear:both; height:30px; margin-bottom:4em; text-align:center; width:980px;}
  #footer address {display:inline-block; float:left; margin:0 2%; width:20%}
  #footer b {background:#fff; display:inline-block; float:left; margin-top:3em; width:38%; height:1px;}
  

/* slider */
  #slider {width:980px; height:360px; margin:-8px auto 0; position:relative; z-index:1;}
  #slider > div {background:#000; color:#fff; position:relative; width:680px; height:360px; overflow:hidden; z-index:1;}
  #slider h2 {font-size:1.2em; margin:10px 0;}
  #slider h4 {margin:0 0 .25em;}
  #slider > div p {font-size:.9em; padding:0; margin:0;}
  #slider > div div {background:#111; border-top:1px solid #000; display:none; padding:10px; position:absolute; bottom:0; left:0; width:660px;}
  #slider > div a.show {background-position:left bottom;}
  #slider div div p a {color:#fff; text-decoration:underline;}
  #slider div div p a.button, #slider div div p a.button:before  {color:#000 !important}
  #slider ul {list-style:none; margin:0; padding:0; width:300px; position:absolute; right:0; top:0; z-index:2;}
  #slider ul img {display:inline-block; float:left; max-height:40px; margin-top:3px;}
  #slider ul li {background:#240; border-left:1px solid #000; border-bottom:1px solid #020; border-top:1px solid #462; display:block; list-style:none; color:#fff; margin:0; overflow:hidden; padding:6px 10px 6px 25px; height:46px; text-shadow:0 -1px 1px #020; z-index:2;}
  #slider ul li.hover {background:#130; cursor:pointer;}
  #slider ul li.active {background:#fff url("img/tab-bg.png") center left no-repeat; cursor:default;}
  #slider ul li h4 {font:bold 1em sans-serif; margin-top:12px; text-transform:uppercase;}
  #slider ul div {float:left; margin-left:10px; max-width:205px;}
  #slider ul p, #slider ul a {display:none;}

/* content */
  .side .front {padding:0 2em 0 0;}
  .side .front img {display:block; margin-bottom:.5em; width:100%;}
  ul.tabs {margin:0; padding:0;}
  ul.tabs li {background:#e5e5e5; cursor:pointer; font-size:12px; list-style:none; margin:0 -1px .5em;}
  ul.tabs li.active {background:url('img/tab-bg.png') center right no-repeat; position:relative; width:244px; z-index:10;}
  ul.tabs li a {color:#444; display:block; font-weight:bold; height:100%; padding:1.15em; font-size:1.15em;}
  ul.tabs li.active a {color:#fff;}
  .main ul.tabs li {background-position:center center; display:inline-block; margin-right:1.5em; border-radius:5px;}
  .main ul.tabs li.active {width:auto;}

  .main .front {overflow:hidden; margin-bottom:1em;}
  .main .front img {display:inline-block; border:1px solid #ddd; padding:8px;}
  .main .front ul {display:inline-block; width:45%; float:right;}
  .main .front ul li:first-child {list-style-type:none; font:bold 1.5em trajan,serif;}

  #fisher img {float:right; margin-top:-70px;}
  .gallery a img, .landscape div img, .minerals span img {background:#fff; border:1px solid #eee; padding:8px;}
  .gallery a {display:inline-block; margin:0 9px 14px 0; display:inline\9;}
  .gallery a img {max-width:143px;}
  .landscape div {margin:0 0 1.5em;}
  .landscape div img {display:block; max-width:90%;}
  .landscape div span {display:block; padding:1em;}
  .landscape strong {display:block; }
  .minerals span {display:inline-block; font-size:.9em; margin:0 15px 24px 0; width:31%; vertical-align:top;}
  .minerals span img {max-width:95%;}
  .minerals span strong {display:block; font-size:1.2em; margin-bottom:.3em;}

/* contact form */
  fieldset {border:0;}
  form p {clear:both;}
  .side address {margin-top:2em;}
  form input, form textarea, form select {background:#f5f5f5; border:1px solid #eee; color:#222; display:block; float:left; font:normal 11px arial,sans-serif; margin:0 10px 10px 0; height:15px; padding:5px; width:340px;}
  form textarea, form select {height:auto;}
  form label {display:block; float:left; font-weight:bold; margin-left:15px; padding:3px 0 0; width:100px;}
  form button {background-color:#301; border:0; color:#fff; margin-left:115px; text-shadow:none !important;}
  #confirm {background:url(images/bg_check.png) left center no-repeat; padding:25px 0 25px 120px;}
  form p.link {display:none; visibility:hidden;}
  .success, .error, .errorr {padding:15px; margin:0 0 15px; display:block; color:#000; border-radius:5px;}
  .success {background:#cfc; border:1px solid #0c0;}
  .error, .errorr {background:#fcc; border:1px solid #c00;}

/* columns */
  .col,.col > li {list-style:none; padding:0; vertical-align:top;}
  .col,.col > li:first-child {margin:0;}
  .col > li {display:inline-block; margin:0 0 3% 3%; min-height:3.5em;}
  .col.six > li {width:13.83%;}
  .col.five > li {width:17.2%;}
  .col.four > li {width:22.25%;}
  .col.three > li {width:30.66%;}
  .col.two > li {width:47.6%;}

/* buttons */
  .button, button {background-color:#efca00; border:1px solid #ddd; color:#fff; display:inline-block; margin-right:.5em; min-height:15px; min-width:50px; padding:.75em; text-decoration:none !important;}
  .button:before, button:before {content:attr(data-icon); color:#fff; font:1.5em/0 pictos,sans-serif; margin:1px .5em 0 0;}
  .button:hover, button:hover {text-decoration:none;}

/* misc. classes */
  .l {text-align:left;}
  .r {text-align:right;}
  .c {text-align:center;}
  .float.left {float:left;}
  .float.right {float:right;}
  .highlight {background:#cef; padding:.1em .4em;}

/* css3 */
  code,pre,.report,.alert,.well,.box,.button {border-radius:4px; -moz-border-radius:4px;}
  .button,button {background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1)); background-image:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1)); background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1)); background-image:linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1)); /*text-shadow:0 1px 0 rgba(255, 255, 255, 1);*/}
  .button:hover,button:hover {background-image:-webkit-linear-gradient(top, rgba(0,0,0,.07), rgba(0,0,0,.1)); background-image:-ms-linear-gradient(top, rgba(0,0,0,.07), rgba(0,0,0,.1)); background-image:-moz-linear-gradient(top, rgba(0,0,0,.07), rgba(0,0,0,.1)); background-image:linear-gradient(top, rgba(0,0,0,.07), rgba(0,0,0,.1));}
  .button:active,button:active {box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)}
  .highlight {border-radius:.3em; -moz-border-radius:.3em;}
  ul.tabs li {border-radius:5px 0 0 5px;}
/* animations */
  .button,button {transition:0.1s linear all; -webkit-transition:0.1s linear all; -moz-transition:0.1s linear all;}
