/*
Designed by Hunter Connect
Author's Website: http://hunterconnect.com
*/

/* ############################### */
/* MAIN OBJECTS */
/* ############################### */
* {padding: 0; margin: 0;}
html, body { height: 100%; width: 100%; }
html {background: #8bbee9 url(../../layout/img/landscape.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body {font-family:Verdana,Geneva,'DejaVu Sans',sans-serif;font-size: 13px;color:#292929;-webkit-text-size-adjust: none;}

/* ############################### */
/* TEXT AND LINKS */
/* ############################### */
.clear {clear: both;}
a:link, a:active, a:visited {font-weight:bold;color:#1f4b1c;text-decoration:underline;outline: none;}
a:hover {font-weight:bold;color:#000;text-decoration:underline;}
p {padding-bottom:10px;line-height: 22px;}
h1 {font-size: 28px;font-weight: bold;color: #1f4b1c;margin-bottom: 25px;font-style: italic;}
h2 {text-align:left;font-size: 15px;font-weight: bold;color: #37211d;text-shadow: 1px 2px #f5f5f5;text-transform:uppercase;margin-top: -10px;margin-bottom: 20px;font-style: italic;}
h3 {font-size: 20px;font-weight: bold;color: #37211d;text-shadow: 1px 2px #f5f5f5;text-transform:uppercase;font-style: italic;margin-bottom:5px;margin-top: 10px;clear: both;}
p + h3,ul + h3, table + h3 {padding-top:25px;}
h4 {text-align:center;font-size: 13px;font-weight: bold;color: #37211d;text-shadow: 1px 2px #f5f5f5;text-transform:uppercase;font-style: italic;margin-bottom:5px;margin-top: 10px;clear: both;padding: 5px;}
.fl {float: left;}
.fr {float: right;}
p {clear: both;}
.nodisp,.hide,.hidden {display: none;}
.date{font-size: 10px;text-align: right;text-transform: capitalize;font-style: italic;margin-bottom: 5px;margin-top: -10px;font-weight: bold;}

/* ############################### */
/* IMAGES */
/* ############################### */
img.border,#contentRight img.fl,#contentRight img.fr {border:7px #FFF solid;-moz-box-shadow:0px 0px 5px 2px #777;-webkit-box-shadow: 0px 0px 5px 2px #777;box-shadow:0px 0px 5px 2px #777;}
img.marginleft {margin-left: 5px;}
img.marginright {margin-right: 5px;}
img.margintop {margin-top: 5px;}
img.marginbottom {margin-bottom: 5px;}
img.bigmarginleft {margin-left: 25px;}
img.bigmarginright {margin-right: 25px;}
img.bigmargintop {margin-top: 25px;}
img.bigmarginbottom {margin-bottom: 25px;}
img.crossover {margin-top:-10%;}
#contentRight img.fr {margin-left: 15px;margin-bottom: 10px;transform:rotate(1deg);-ms-transform:rotate(1deg);-webkit-transform:rotate(1deg);}
#contentRight img.fl {margin-right: 15px;margin-bottom: 10px;transform:rotate(-1deg);-ms-transform:rotate(-1deg);-webkit-transform:rotate(-1deg);}
a img {border:none;	}

/* ############################### */
/* DIVS */
/* ############################### */
#pageWrapper {width: 100%;min-width: 100%;}
#centerWrapper {width: 100%;max-width: 960px;margin: 0 auto;padding-top: 85px;}
#headerTop {position: absolute;width: 544px;height: 179px;background: url(../img/header1.png) no-repeat;margin-top: -179px;margin-left: 290px;}
#header {width: 100%;max-width:960px;height: 225px;background: url(../img/frame.png) no-repeat;}
#frameShadow {position: absolute;width: 100%;max-width:960px;height: 8px;background: url(../img/frame_shadow.png) no-repeat;}
#frameLeft {position: absolute;width: 17px;height: 235px;background: url(../img/frame_left.png) no-repeat;margin-top:-2px;margin-left: -17px;}
#frameRight {position: absolute;width: 20px;height: 235px;background: url(../img/frame_right.png) no-repeat;margin-top:-2px;margin-left:960px;}
#logo {position: absolute;width: 294px;height: 288px;background: url(../img/logo.png) no-repeat;margin-top:-30px;margin-left:25px;z-index: 999;}
#showcase {position: absolute;width: 639px;height: 303px;background: url(../img/header_group.png) no-repeat;margin-top:-65px;margin-left: 300px;z-index: 998;}
#contentWrapper {width: 100%;max-width: 960px;}
#contentTexture {margin: 0 auto;width: 100%;max-width: 915px;background-image:url(../img/burntx.png);background:url(../img/burnt.png) 0px 0px no-repeat,url(../img/burntx.png) 0px 224px repeat-y;}
#contentRight {width: 100%;max-width: 585px;padding-top: 50px;padding-left: 30px;padding-right: 30px;padding-bottom: 25px;float: right;}
#sidebarWrapper {width: 230px;float: left;padding-top: 50px;padding-left: 40px;}
#sidebarWrapper h1 {text-align:left;font-size: 14px;font-weight: bold;color: #4a4a4a;margin-bottom:15px;padding-bottom: 6px;font-style:normal;border-bottom: 2px dotted #4a4a4a;text-transform: uppercase;padding-top: 25px;}
#sidebarContent {padding-left: 23px;text-align: left;font-size: 12px;}
#slogan {position: absolute;font-size: 25px;color: #fff;margin-top: -75px;margin-left: 22px;font-weight: bold;text-align: center;text-shadow: 1px 1px 3px #000;line-height:24px;transform:rotate(-4deg);-ms-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);}
#phone {position: absolute;font-size: 16px;color: #fff;margin-top: -70px;margin-left: 705px;font-weight: bold;text-align: center;text-shadow: 1px 1px 3px #000;text-transform: uppercase;}

/* #################################### */
/* FOOTER */
/* #################################### */
#footerPlank {width: 100%;max-width: 960px;height: 63px;margin: 0 auto;background: url(../img/footer.png) no-repeat;}
#footerLeft {width: 13px;height: 63px;position: absolute;margin-top: 0px;margin-left: -13px;background: url(../img/footer_left.png) no-repeat;}
#footerRight {width: 12px;height: 63px;position: absolute;margin-top: 0px;margin-left: 960px;background: url(../img/footer_right.png) no-repeat;}
#footer {padding-top: 8px;padding-bottom: 15px;width: 100%;max-width: 915px;margin: 0 auto;font-size: 9px;color: #fff;text-transform: uppercase;font-weight: bold;line-height: 16px;text-shadow: 1px 1px 3px #000;}
#footer .fr {text-align: right;}
#footer .fl {text-align: left;}
#footer a:link, #footer a:active, #footer a:visited {color:#fff;font-weight:bold;text-decoration:none;}
#footer a:hover {color:#fff;font-weight:bold;text-decoration:underline;}

/* #################################### */
/* NAVIGATION */
/* #################################### */
#navigation ul{list-style:none;padding: 0px;margin: 0px;}
#navigation li {width: 200px;margin: 0 auto;font-weight: bold;color: #1f4b1c;text-align: left;}
#navigation li.last {border:none;}
#navigation a:link, #navigation a:active, #navigation a:visited {display: block;width: 182px;padding: 8px;margin-top: 5px;margin-bottom: 5px;color:#1f4b1c;font-weight:bold;text-decoration:none;text-transform: uppercase;border-radius: 2px;}
#navigation a:hover, #navigation a.current {background: url(../img/n.png) no-repeat;color:#fff;font-weight:bold;text-decoration:none;text-transform: uppercase;opacity: 0.9;}
#navigation a:active {opacity: 1.0;}

/* ############################### */
/* MOBILE MENU */
/* ############################### */
#mobilenav {background: #014f17;padding: 20px;color: #fff;font-size: 20px;font-weight: bold;cursor: pointer;}
#closeMobileMenu {position: absolute;font-size: 24px;font-weight: bold;color: #666;margin-left: -20px;margin-top: -32px;width:auto;height: 10px;text-align: center;cursor: pointer;}
#closeMobileMenu:hover {color: #1f4b1c;}
#closeMobileMenu:active {color: #666;}

/* #################################### */
/* SOCIAL LINKS */
/* #################################### */
#twitter {height: 16px;background: url(../img/twitter.png) no-repeat;padding-left: 22px;margin-bottom: 5px;}
#facebook {height: 16px;background: url(../img/facebook.png) no-repeat;padding-left: 22px;margin-bottom: 5px;}
#youtube {height: 16px;background: url(../img/youtube.png) no-repeat;padding-left: 22px;margin-bottom: 5px;}

/* #################################### */
/* CONTACT FORM */
/* #################################### */
table.contact td {vertical-align: top;}
#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;}
#contactForm label.notop {margin-top: 0px;}
#contactForm input[type=text] {width:145px;height:22px;border-radius: 3px;border: 1px #c4beb4 solid;font-size:13px;font-weight:bold;color:#000;padding:2px;background: #fbfbfb;}
#contactForm textarea {width:282px;height:100px;border-radius: 3px;border: 1px #c4beb4 solid;font-size:13px;font-weight:bold;color:#000;padding:2px;background: #fbfbfb;}
#contactForm .submitButton {min-width:100px;float: right;}
div#formErrors {background:#fff1c6 url(../img/error.png) 4px 4px no-repeat;);border:1px #e6dbb3 solid;padding:8px;padding-left:60px;color: #ff0000;font-weight: normal;font-size: 12px;text-align:left;font-style: italic;margin-bottom:5px;text-shadow: 2px 2px 2px #fff9d5;border-radius: 2px;line-height:15px;}
div#formErrors h3 {margin-top: 3px;font-size: 13px;margin-bottom:1px;}
div#formErrors p {padding-bottom: 4px;}

/* ############################### */
/* TABLES AND ULs */
/* ############################### */
table {border-collapse: collapse;}
th, td {padding: 0;}
table {border-collapse: collapse;}
#contentRight ul,#contentRight table {list-style: none;padding-top: 10px;line-height: 22px;width: 100%;}
#contentRight ul li,#contentRight table tr td {padding-top: 8px;padding-bottom: 8px;padding-left: 5px;font-weight:normal;border-bottom: 1px dashed #aea18b;color: #000;}
#contentRight ul li:first-child,#contentRight table tr:first-child td {font-weight: bold;font-size: 118%;text-transform: uppercase;color: #37211d;text-shadow: 1px 2px #f5f5f5;}
#contentRight ul li {background: url(../img/li.png) left center no-repeat;padding-left:19px;}
#contentRight ul li:first-child {background: none !important;}
#contentRight table tr:first-child td {padding-top:10px;}
#contentRight ul li:last-child,#contentRight table tr:last-child td {border-bottom: none;}

/* ############################### */
/* MOBILE TWEAKS */
/* ############################### */
.showmobile {display: none !important;}
#closeMobileMenu {display: none;}
#mobilenav {display: none;}
@media screen and (min-width: 1024px) {
#sidebarWrapper {display: block;}
#closeMobileMenu {display: none !important;}
}
@media screen and (max-width: 1024px) {
#sidebarWrapper {background: url(../img/burnt-mobile.jpg) 0px 0px repeat-y;;position: absolute;display: none;box-shadow: 4px 4px 5px #222;padding-bottom: 15px;z-index: 998;}
.showmobile {display: block;}
.hidemobile {display: none !important;}
#mobilenav {display: block;}
#contentRight {width: 100%;max-width: 100%;box-sizing: border-box;}
#footerRight,#footerLeft {display: none !important;}
#showcase {display: none;}
#logo {position: absolute;width: 100%;height: 288px;background: url(../img/logo.png) center top no-repeat;margin-top:-30px;margin-left:0px;z-index: 999;cursor: none;pointer-events: none;}
#phone {display: none;}
#frameRight,#frameLeft {display: none;}
#slogan {width: 100%;text-align: center;margin-left: -6px;}
#contentTexture {background: url(../img/burnt-mobile.jpg) 0px 0px repeat-y;}
#footer .fl,#footer .fr {float:none;text-align: center;}
#footer .fl {padding-top:11px;}
#footer .fr {padding-top:15px;padding-bottom: 15px;}
#contentRight img {display:block;margin: 0 auto;margin-bottom: 8px;margin-top: 8px;}
#contentRight img.fl,#contentRight img.fr {float: none;margin-left:0 auto;padding-left: 0px;padding-right: 0px;}
}
@media screen and (max-width: 800px) {
#contactFormWrapper {display: none;}
#contentRight img {max-width: 400px;}
}
@media screen and (max-width: 550px) {
#contentRight img {max-width: 225px;}
}