/* ############################### */
/* FONTS */
/* ############################### */
@font-face {
font-family: 'Stencil Cargo Army';
src: url('../fnt/StencilCargoArmy.eot');
src: url('../fnt/StencilCargoArmy.eot?#iefix') format('embedded-opentype'),
url('../fnt/StencilCargoArmy.woff') format('woff'),
url('../fnt/StencilCargoArmy.ttf') format('truetype');
font-weight: normal;
font-style: normal;}

/* ############################### */
/* HTML & BODY */
/* ############################### */
* {padding: 0; margin: 0;}
html, body { height: 100%; width: 100%;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;color: #fff;font-size: 15px;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html {background: #000;}
body:active li.mobile ul {display: none;}

/* ############################### */
/* LINKS */
/* ############################### */
a img {border:none;}
a:link, a:visited {color:#ed9137;text-decoration:underline;outline: none;}
a:hover {color:#fff;text-decoration:underline;}
a:active {color:#fff;text-decoration:underline;}

/* ############################### */
/* HEADINGS & TEXT */
/* ############################### */
/* H1 usage: main page title only */
h1 {font-family: "Lucida Sans Unicode", "Lucida Grande";font-size: 32px;color: #ed9137;padding-bottom: 18px;padding-top: 16px;line-height: 28px;font-style: italic;font-weight: bold;margin-bottom:0px;margin-top: 0px;text-transform: uppercase;}
/* H2 usage: subsections (after H1) */
h2 {font-family: "Lucida Sans Unicode", "Lucida Grande";font-size: 32px;color: #ed9137;padding-bottom: 18px;padding-top: 16px;line-height: 28px;text-transform: none;font-style: italic;font-weight: bold;}
.box + h2 {padding-top: 30px;}
.box h1 {font-family: "Lucida Sans Unicode", "Lucida Grande";font-size: 22px;font-weight: bold;color: #ed9137;margin-bottom: 10px;line-height: 36px;padding-top: 10px;padding-bottom: 0px;text-transform: uppercase;letter-spacing: 4px;}
.box h1:first-letter {font-size: 140%;}
h2.picalign,h2.picAlign,h1.picalign,h1.picAlign{padding-left: 324px;}
h1,h2,h3 {color:#ed9137;}
p {padding-bottom:12px;line-height: 24px;}
.small,.sm {font-size: 12px;line-height: 18px;}
p.small,p.sm {padding-bottom: 0px;}
.big {font-size: 15px;}
.caps,.upper {text-transform: uppercase;}
.bold {font-weight: bold !important;}
p img {margin-bottom: -8px;}

/* ############################### */
/* GENERAL USE */
/* ############################### */
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignleft {text-align: left;}
.nodisp,.hide,.hidden {display: none;}
#content img {border-radius: 6px;}
img.fl {margin-right: 28px;margin-bottom: 22px;transform: rotate(-2deg);}
img.fr {margin-left: 22px;margin-bottom: 22px;transform: rotate(2deg);}
img.noborder{border-radius: 0px;box-shadow: none !important;}

/* ############################### */
/* DIVS */
/* ############################### */
#wrapper {width: 100%;max-width: 978px;margin: 0 auto;padding: 0;}
#tavWrapper {width: 100%;margin: 0 auto;padding: 0;background:#000;border-bottom: 2px solid #ed9137}
#tav {width: 100%;max-width:964px;height: 50px;background: none;margin: 0 auto;}
#contentWrapper {width: 100%;max-width: 960px;margin: 0 auto;}
#content {padding: 32px;}
.left {width: 49%;float: left;margin-top: 22px;padding: 20px;box-sizing: border-box;}
.right {width: 49%;float: right;margin-top: 22px;padding: 20px;box-sizing: border-box;}
.box {width: 100%;margin-top: 0px;padding: 20px;box-sizing: border-box;font-style: italic;border:4px solid #fff;border-radius: 2px;background: #000;}
#contactInfoBox {line-height: 16px;color: #fff;font-size: 12px;padding-top:5px;}
.cat {float: left;padding-right: 5px;padding-bottom: 12px;}
.lastcat {float: left;padding-right: 0px;padding-bottom: 12px;}
.cat a,.lastcat a {display: block;text-align: center;padding-top: 10px;}
.cat img,.lastcat img {margin-bottom: 4px;}
.cat h1,.lastcat h1 {text-align: center;text-transform: uppercase;font-size: 20px;padding-bottom: 10px;padding-top: 0px;margin-top: 0px;}
.half {width: 50%;float: left;}
#splitLeft {width: 50%;float: left;padding-right: 15px;box-sizing: border-box;padding-top: 15px;}
#splitRight {width: 50%;float: right;padding-left: 15px;box-sizing: border-box;padding-top: 15px;}
#splitLeft img,#splitRight img {margin-top: 25px;}

/* ############################### */
/* HEADER */
/* ############################### */
#header {width: 100%;max-width: 964px;background: url(../img/header.jpg) center center no-repeat;margin: 0 auto;height: 329px;padding: 0px;}
#sloganl {width: 440px;position: absolute;margin-left: 42px;margin-top: 15px;font-size: 28px;font-weight: bold;text-transform: uppercase;font-style: italic;text-shadow: 2px 2px #000,2px 2px 10px #ec903f;}
#sloganr {width: 440px;position: absolute;margin-left: 482px;margin-top: 15px;font-size: 28px;font-weight: bold;text-transform: uppercase;font-style: italic;text-align: right;text-shadow: 2px 2px #000,2px 2px 10px #ec903f;}
#logo {width: 330px;height: 217px;position: absolute;background: url(../img/logo.png) center center no-repeat;margin-left: 317px;margin-top:55px;}
#sloganl:first-letter,#sloganr:first-letter {font-size: 150%;}
#headright {width: 185px;height: 294px;position: fixed;background: url(../img/hr.jpg) center center no-repeat;margin-left: 964px;margin-top: 4px;}
#headleft {width: 185px;height: 294px;position: fixed;background: url(../img/hl.jpg) center center no-repeat;margin-left: -185px;margin-top: 18px;}
#phone {width: 100%;max-width: 964px;margin-left: 0px;margin-top: 282px;font-size: 18px;font-weight: bold;color: #000;text-transform: none;text-align: center;position: absolute;}
#phone a {color: #fff;text-decoration: none;}

/* ############################### */
/* MAIN MENU */
/* ############################### */
#navWrapper {height: 60px;margin: 0 auto;background: url(../img/nav.jpg) center center no-repeat;}
#nav ul{float:left;width:100%;padding:0;margin:0;list-style-type:none;margin-top:16px;}
#nav a{float:left;text-decoration:none;color:#000;padding:8px;text-transform: uppercase;font-weight: bold;font-size: 16px;border-top-right-radius: 12px;border-top-left-radius: 12px;background:#ed9137;margin-right: 12px;}
#nav a.last {margin-right: 0px;}
#nav ul li {display:inline-block;padding: 0;margin: 0;}
#nav ul li:first-child a {margin-left:18px;}
#nav a:hover {background:#ffffff;color: #000;}
#nav a:active {background:#ffffff;color: #000;}

/* ############################### */
/* SUB-MENU */
/* ############################### */
#navWrapper #nav ul:first-child ul {display: none;position: absolute;top: 34px;width: 141px;z-index: 999;background: #c87a35;}
#navWrapper #nav ul:first-child ul li {float: none;background: #fff;border-right: none !important;border-left: none !important;width: 129px;margin: 0px !important;text-align: center;margin-left: 0px;margin-right: 0px;box-sizing: border-box;}
#navWrapper #nav ul:first-child ul li:hover {background: #fff;}
#navWrapper #nav ul:first-child ul li:hover a {color: #053156;background: #fff;}
#navWrapper #nav ul:first-child ul li a {font-size: 12px;width: 100% !important;margin: 0px !important;padding:6px !important;border-radius: 0px !important;text-align: center;display: inline;}
#navWrapper #nav ul:first-child ul li:last-child a {border-bottom: none !important;}
#navWrapper #nav ul:first-child li:hover > ul {display: block;}

/* ############################### */
/* MOBILE MENU */
/* ############################### */
ul.mobile {display: none;list-style: none;}
ul.mobile li a.drawer{font-size: 40px;color: #ed9137;text-decoration: none;padding-left: 15px;text-shadow: none;line-height: 45px;}
ul.mobile li ul {display: none;position:absolute;background:#333;width: 100%;z-index: 999;text-align: left;padding-top: 14px;padding-bottom: 14px;list-style: none;}
ul.mobileLinksWrapper {box-shadow: 0 4px 2px -2px #bbbbbb;}
ul.mobile li ul li a{display:block;font-size: 14px;color: #fff;text-decoration: none;padding-left: 15px;text-transform: uppercase;padding-bottom: 10px;}
ul.mobile li ul li ul {margin-left: 10px;position: relative;margin-top: 0px;padding-top: 0px;}
ul.mobile li ul li ul li a {color: #e9e4cd;font-style: italic;font-size: 13px;}
ul.mobile li ul li:last-child a {padding-bottom: 0px;}
ul.mobile li ul li a:hover {background: none;color:#ed9137;}
ul.mobile li ul li a:active {color:#ed9137;}
ul.mobile li:active ul,ul.mobile li:hover ul {display: block;}

/* ############################### */
/* MOBILE MENU CLICK TIP */
/* ############################### */
#clickMenuTip {width: 138px;height: 20px;position: absolute;margin-left: 65px;margin-top: 15px;pointer-events: none;animation:fadetip 0.5s 1;animation-fill-mode: forwards;animation-delay:20s;} 
@keyframes fadetip{from {opacity :1;}to {opacity :0;}}
#clickMenuTip img {animation: blinker 1s linear infinite;} 
@keyframes blinker { 50% { opacity: 0.5; }}

/* ############################### */
/* TABLES AND ULs */
/* ############################### */
table {border-collapse: collapse;}
th, td {padding: 0;}
table {border-collapse: collapse;}
#content ul,#content table {list-style: none;padding-top: 10px;line-height: 22px;width: 100%;}
#content ul li,#content table tr td {padding-top: 8px;padding-bottom: 8px;padding-left: 5px;font-weight:normal;color: #fff;padding-right: 7px;}
#content ul li:first-child,#content table tr:first-child td {font-weight: bold;font-size: 118%;text-transform: uppercase;color: #ed9137;}
table.noheading tr:first-child td {font-weight: normal !important;font-size: 100% !important;text-transform: none !important;color: #333 !important;}
#content table tr:nth-child(even) td,#content ul li:nth-child(even) {background: url(../img/dark-bg.jpg) center top no-repeat;text-shadow: 2px 2px #000;}
#content ul li:before {content: "↠ ";}
#content ul.noBullet li:before {content: "";}
#content ul li:first-child:before {content: "";}
#content table tr:first-child td,#content ul li:first-child {padding-top: 17px}
#content ul li:last-child,#content table tr:last-child td {border-bottom: none;}
ul + table {margin-top:15px;}
table + ul {margin-top: 15px;}
p + ul,p + table {margin-top:0px;}
table + p,ul + p {margin-top:20px;}
table.centered tr td,ul.centered li {text-align: center;}
table + h2,ul + h2 {padding-top: 35px;}
table.max720,ul.max720 {max-width: 720px;margin: 0 auto;}

/* ############################### */
/* GALLERY */
/* ############################### */
.photoGallery {padding-top: 25px;}
.imgrow img {min-height: 125px;}
.imgrow a {display: inline-block;height: 125px;max-height: 135px;margin-right:14px;margin-bottom:14px;overflow: hidden;vertical-align: middle !important;border-radius: 6px;}
.lastpic img {margin-right: 0px;}
.firstpic img {margin-left: 1px;}
.chronoAlbumLinks {text-transform:capitalize;font-weight: bold;color:#fff;padding-bottom:0px;font-size: 90%;text-align: center;}
.chronoAlbumLinks a {background: #fff url(../img/cam2.png) 6px center no-repeat;padding:4px;border-radius:3px;text-decoration: none;padding-left: 28px;margin-right: 3px;color:#666666 ;text-shadow: none;line-height: 32px;}
.chronoAlbumLinks a.currentLink,.chronoAlbumLinks a:hover {background: #ec903f url(../img/cam.png) 6px center no-repeat;color:#000;padding-left: 28px;text-shadow: none;}
.albumTitle {font-size: 145%;font-weight: bold;position: absolute;margin-top:-10px;color: #8db2f7;}
.imgcount {position: absolute;font-size: 70%;margin-top: -18px;font-style: italic;}
.imgcount:after {content:" pictures in this album"}
#chronoAlbumInfo {text-align: left;margin-bottom: 15px;}
#nav .chronoAlbumLinks {display: inline;}

/* ############################### */
/* SLIDESHOW */
/* ############################### */
#slideWrapper {width: 100%;max-width: 960px;border-top: 6px solid #000;border-bottom: 5px solid #000;margin: 0 auto;height: 164px;max-height:164px !important;position:relative;display: none;overflow: hidden !important;box-sizing: padding-box;}

/* ############################### */
/* FULL-WIDTH BUTTONS */
/* ############################### */
a.button {display: block;width: 80%;max-width:600px;height: 35px;max-height: 35px;margin-top:55px;margin-bottom:20px;border-radius: 6px;color: #fff;text-decoration: none;font-size: 36px;font-weight: bold;padding-top: 15px;padding-bottom: 0px;line-height: 20px;text-align: center;background: #ed9137;font-style: italic;}
a.centeredButton {margin-left: auto;margin-right: auto;}
a.smallButton {margin-top: 0px;margin-bottom: 0px;font-size: 15px;padding-top: 6px;padding-bottom: 6px;height: auto;}

/* #################################### */
/* PRE-FOOTER */
/* #################################### */
#prefooter {text-align: center;border-top: 4px solid #d8d8d8;padding-top: 20px;padding-bottom: 20px;}
.youtube {width: 64px;height: 64px;background: url(../img/social/yw.png) center center no-repeat;display: inline-block;margin-left: 4px;margin-right: 4px;cursor: pointer;}
.facebook {width: 64px;height: 64px;background: url(../img/social/fw.png) center center no-repeat;display: inline-block;margin-left: 4px;margin-right: 4px;cursor: pointer;}
.twitter {width: 64px;height: 64px;background: url(../img/social/tw.png) center center no-repeat;display: inline-block;margin-left: 4px;margin-right: 4px;cursor: pointer;}
.youtube:hover {background: url(../img/social/y.png) center center no-repeat;}
.facebook:hover {background: url(../img/social/f.png) center center no-repeat;}
.twitter:hover {background: url(../img/social/t.png) center center no-repeat;}

/* #################################### */
/* FOOTER */
/* #################################### */
#footerWrapper {min-height:88px;padding-bottom: 5px;background:#ed9137;}
#footer {padding-left:35px;padding-right:35px;font-size:10px;color: #000;text-align: center;padding-top:13px;line-height: 16px;font-weight: normal;-webkit-text-size-adjust: none;}
#footer a {color: #000;text-decoration: none;font-weight: normal;}
#footer a:hover {text-decoration: underline;}

/* #################################### */
/* CONTACT PAGE */
/* #################################### */
.box3 {width: 33%;float: left;padding: 10px;box-sizing: border-box;line-height: 22px;background: url(../img/box_bg.png) repeat-x;margin-top: 10px;}
div.lastbox {text-align: right;}
.fixwidth {display: inline-block;width: 80px;max-width: 80px;padding:0px;margin: 0px;}

/* #################################### */
/* CONTACT FORM */
/* #################################### */
table.contact td {vertical-align: top;}
#contactForm {width: 425px;margin: 0 auto;}
#contactForm div.inputDiv{text-align: right;padding-bottom:8px;}
#contactForm label {display: inline-block;text-transform: uppercase;vertical-align:top;font-weight:bold;margin-right:3px;margin-top: 4px;font-size: 12px;}
#contactForm label.nopadding {margin-right: 0px;display: block;padding-bottom: 5px;}
#contactForm h1 {font-size: 48px;padding-top: 0px;margin-top: 0px;}
#contactForm label.notop {margin-top: 0px;}
#contactForm input[type=text] {width:120px;height:22px;border: 1px #f1e4c2 solid;font-size:13px;font-weight:bold;color:#252a2b;padding:2px;background: #fff url(../img/input.png) repeat-x;border-radius: 2px;}
#contactForm textarea {width:208px;height:125px;border: 1px #f1e4c2 solid;font-size:13px;font-weight:bold;color:#252a2b;padding:2px;background: #fff url(../img/input.png) repeat-x;border-radius: 2px;}
#contactForm .submitButton {min-width:100px;float: right;}
div#formErrors {color: #333;font-weight: normal;font-size: 12px;text-align:left;font-style: italic;text-shadow:none;width: 425px;margin: 0 auto;border-bottom:2px solid red;padding-left: 25px;padding-right: 25px;padding-bottom: 25px;padding-top: 15px;box-sizing: border-box;margin-bottom: 15px;}
div#formErrors h3 {margin-top: 0px;font-size: 15px;margin-bottom:5px;color: #ff0000;padding-bottom: 0px;padding-top:10px;font-weight: bold;text-transform: uppercase;margin-left: 0px;margin-right: 0px;font-family: Verdana;line-height: normal;}
div#formErrors p {padding-bottom: 0px;}

/* ############################### */
/* SCREEN DETECTION */
/* ############################### */
.showmobile {display: none !important;}
@media screen and (max-width: 1150px) {
#headright,#headleft {display: none;}
h2.picalign,h2.picAlign,h1.picalign,h1.picAlign{padding-left: 0px;}
}
@media screen and (max-width: 960px) {
.hidemobile {display: none !important;}
.showmobile {display: block !important;}
#nav ul {display: none !important;}
ul.mobile {display:inline-block;}
#footer .fl,#footer .fr {float:none;text-align: center;}
#footer .fl {padding-top:11px;}
#footer .fr {padding-top:15px;padding-bottom: 15px;}
#headright,#headleft,#sloganl,#sloganr {display: none;}
#logo {width: 100%;background: url(../img/logo.png) center center no-repeat;margin-left: 0px;}
#splitLeft,#splitRight {width: 100%;float: none;padding-left: 0px;padding-right: 0px;}
#content img,#content img.fl,#content img.fr {max-width: 700px;float: none;display: block;text-align: center;transform: rotate(0deg) !important;margin: 0 auto;margin-bottom: 22px}
#content p img {text-align: center !important;}
p img {margin-top: 20px !important;}
.cat,.lastcat {float: none;display: block;margin: 0 auto;padding-bottom: 45px;text-align: center;}
.cat img,.lastcat img {margin-bottom: 12px !important;}
.box3 {float: none;margin: 0 auto; text-align: center !important;width: auto;background: none;padding-left: 0px;padding-right: 0px;}
.lastbox {text-align: center !important;}
}
@media screen and (max-width: 560px) {
#content img {max-width: 360px !important;}
#splitLeft img,#splitRight img {max-width: 360px !important;}
#contactFormWrapper {display: none;}
}
@media screen and (max-width: 420px) {
#content img {max-width: 280px !important;}
#splitLeft img,#splitRight img {max-width: 280px !important;}
}