@font-face {
    font-family: 'bebas_neueregular';
    src: url('/fonts/bebasneue-webfont.eot');
    src: url('/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bebasneue-webfont.woff') format('woff'),
         url('/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archivo_narrowregular';
    src: url('/fonts/archivonarrow-regular-webfont.eot');
    src: url('/fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('/fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('/fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: auto; 
background: url(/images/bg3.jpg) no-repeat top center, url(/images/bg-slim.jpg) repeat-x top center;
background-color:#461808;
font-family:archivo_narrowregular,Arial, Helvetica, sans-serif;
} 

/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
.error { font-weight:bold;color:Red !important; }
.success { font-weight:bold;color:Green !important; }

.line { border: none; border-bottom: 1px solid #000; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign {text-align: right!important;}
.leftalign {text-align: left!important;}
.center {text-align: center!important;}

img {border: 0px;}

.rightimg{ float: right; margin-left: 20px;}
.leftimg{ float: left; margin-right: 20px;}


/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; color: #000; }
td { line-height: 20px; }
table b { color: #000; }
table a, tr a, td a, font a, .content table a {color: #000; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #000;}
table hr {border: none; border-bottom: 1px solid #000; height: 0px;}
font img { border: 6px solid #000; margin-right: 10px; }
.formtable{width: 700px!important; border-collapse:collapse;padding: 0px;}




/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em;
width: 960px;

} 


blockquote {padding: 12px; background-color: #faebbc; border-top: 1px solid #e1cc89; border-bottom: 1px solid #e1cc89;
margin: 28px; background-image: url(images/openquote1.gif); background-position: top left; background-repeat: no-repeat;
text-indent: 0px; }
blockquote span {display: block;background-image: url(images/closequote1.gif);background-repeat: no-repeat;background-position: bottom right;
font-size:18px;color: #58574d;line-height:25px;margin-left: 14px;}

blockquote i {font-size: 15px;font-family: times;color: rgb(167, 71, 25);}
.img-responsive,.img-responsive a {width:100%!important;padding: 5px;}

/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
#main input[type=submit], #main input[type=button], .button{background: #febc11;
padding: 10px;
color: #1a1a1a;
border: 0px;
font-size: 1.00em;
font-weight: bold;
text-decoration: none;
width:auto;
}
#main input:hover[type=submit], #main input:hover[type=button], .button:hover{color: #fff; cursor:pointer;}

 
#main .content .button{float:left;background:url(/images/buttonleft.gif) no-repeat left top;margin:0;padding:0 0 0 7px;text-decoration:none;}
#main .content .button span{float:left;display:block;background:url(/images/buttonright.gif) no-repeat right top;padding:6px 10px 8px 3px;color:#fff; }
#main .content .button:hover {background-position:0% -31px;}
#main .content .button:hover span {background-position:100% -31px; color: #fff;}

  
#main .content input[type=text], #main .content select, #main .content textarea, #main .content input[type=checkbox]{border: 1px solid silver;padding: 5px;margin-bottom: 10px;}
#main .content input[type=checkbox]{margin-bottom: 5px; margin-right: 5px;}

/* --#main .content input[type="submit"], #main .content input[type="button"]{background: #777777;padding:10px;color: #fff;}
#main .content input:hover[type="submit"], #main .content input:hover[type="button"]{background:#000;}-- */


#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #000;}


/* --------------HEADER------------- */
.logo{margin: 14px 0px 0px 0px;float: left;position: relative;z-index: 100;}
#header {height: 130px;}
#topbar {width:410px;height:60px;float:right;line-height: 67px;}
#topbar p a {float:left; color:#fff5dd; margin-right: 20px;text-decoration: none;font-size: 22px;margin-right: 25px;}
#topbar p img {margin: 0px 5px -5px 4px;}
#topbar .socialtop {float:left;margin: 16px 4px 0px 0px;}




/* --------------TOPNAV------------- */

#topnav {height: 70px;position: relative;z-index: 99;float:right;}
#topnav ul{ list-style-type:none;text-align: right;line-height: 67px;}
#topnav li{ display:inline; padding: 8px 20px 12px 8px; font-family:bebas_neueregular;font-size: 17pt;font-weight:normal!important;
letter-spacing: 0.35px;position: relative;}
#topnav li a{color: #fff5dd;text-decoration: none;}
#topnav li a:hover{color: #eeb84e;}


#topnav ul ul {  display: none;border-radius: 4px;line-height: 0px;position: absolute;top: 35px;left: 22px;width: 200px; background-color: 
rgba(78, 72, 68, 0.7); z-index: 300;margin-left: -10px;padding: 0px 0px; }
#topnav ul ul li {
   left:0;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   height: 100%;float: left;
   padding: 8px 0px!important; background:none; text-align:left;}
#topnav ul ul li:first-child{border-top-right-radius:4px; border-top-left-radius:4px;}
#topnav ul ul li:last-child{border-bottom-right-radius:4px; border-bottom-left-radius:4px;}

#topnav ul ul li a,
#topnav ul li.active li a,
#topnav ul li:hover ul li a,
#topnav ul li.hover ul li a { /* This line is required for IE 6 and below */
 font-size:17px; font-weight:normal; /* resets the bold set for the top level menu items */
	color: #fff;
   line-height:19px; /* overwrite line-height value from top menu */
   background:none;padding: 0px 10px; text-transform:none;
}
#topnav ul ul li a:hover{ color:#B7E486!important;}
#topnav ul ul li:hover{ background-color: rgba(45, 46, 43, 0.33);}

/* Flip the last submenu so it stays within the page */

/* Make the sub menus appear on hover */
#topnav ul li:hover ul,
#topnav ul li.hover ul {   display:block;  }


/*-------SLIDER----------*/

#main .content1 {width: 944px!important;height: 330px;float: right;background-color: white;padding: 7px;
box-shadow: -4px 2px 13px -1px #000000;position: relative;z-index: 80;margin: -23px 0px 0px 0px;}

#main .content1 .bannercontainer .banner ul {
	list-style-type:none!important;}

.bannercontainer {height: 330px!important;width: 943px!important;background: url(/images/cloth-bg.jpg)no-repeat top center!important;}
.banner {width: 943px!important;height: 330px!important;position: relative;overflow: hidden;}
.tp-leftarrow {position: absolute;bottom: 20px;left: -67px!important;top: 146px!important;}
.tp-rightarrow {position: absolute;bottom: 20px;right: -67px!important;top: 146px!important;}



/*-------GREEN RIBBON----------*/

.greenribbon {background:url(/images/green-ribbon.png) no-repeat;clear: both;position: relative;width: 960px;
height: 124px;z-index: 200;margin: -55px 0px 8px 0px!important;float: left; }

.ribbonleft {url(/images/green-ribbon-left.png); position:relative;right: 57px;float: left; margin: -110px 0px 0px 0px;z-index: 200; }
.ribbonright {url(/images/green-ribbon-right.png); position:relative;left: 57px;float:right;margin: -110px 0px 0px 0px;z-index: 200; }

.lefty {background:url(/images/paper-tab.png)no-repeat; width:248px; height:70px;margin: 14px 0px 0px 30px; float:left;line-height: 64px;}
.righty {background:url(/images/paper-tab.png)no-repeat;width:248px; height:70px;margin: 14px 29px 0px 0px; float:right; line-height: 64px;}

.greenribbon h1  {background:url(/images/lines.png)repeat-x;background-position: 34px 26px;margin: 1px 0px 0px 12px;width: 219px;text-align: center;}
.greenribbon h1 span {font-size:32px; padding: 0px 3px;background: url(/images/paper-tab.png)no-repeat center;color: #2d1902;
text-transform: uppercase;font-family:'bebas_neueregular';font-weight: normal;}
.greenribbon .righty  a {text-decoration:none!important;}
.greenribbon .righty a span:hover {color:#A74108;}
.accredited {margin: -1px 67px;}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {min-height: 100%; height: auto !important; height: 100%; }

#main .content {padding: 0px;min-height: 400px; height: auto;clear: both;}

#main .content h1 {font-size: 16pt;}
#main .content p {font-size: 10pt; margin-bottom: 15px;}
#main .content a {color: #2F7A0C;;}

#main .content .clothbg {background: url(/images/cloth-bg.jpg)no-repeat top center; border-bottom-right-radius:9px;border-bottom-left-radius:9px;
min-height: 300px;position: relative;z-index: 79;padding: 44px;box-shadow: 0px 0px 26px -5px rgb(15, 15, 15);}
#main .content .clothbg p {font-size: 20px;color: #5C2D0D;font-weight: normal;line-height: 34px;}





/* --------------CSS TEMPLATE----------------*/

#main .content #template{padding: 22px;clear: both!important;float: right;width: 910px;background: rgb(255, 251, 239);border: 4px solid #D8C59C;
margin: 10px 0px 22px 0px;min-height: 218px;border-radius: 10px;}

#main .content #template h1 {margin: 3px 0px 10px 0px;font-size: 35px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#B16504;;text-transform:uppercase;}
#main .content #template h2 {margin: 3px 0px 0px 0px;font-size: 32px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#2F7A0C;text-transform:uppercase;}
#main .content #template h3 {margin: 3px 0px 0px 0px;font-size: 26px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#58574d;text-transform:uppercase;}
#main .content #template h4 {margin: 3px 0px 0px 0px;font-size: 32px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#58574d;text-transform:uppercase;}
#main .content #template h5 {margin: 3px 0px -3px 0px;font-size: 21px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#58574d;text-transform:uppercase;}
#main .content #template h6 {margin: 28px 0px 0px 0px;font-size: 24px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#2F7A0C;text-transform:uppercase;}

#main .content #template p {font-size: 17px;line-height: 21px;margin: 6px 0px 15px 0px;font-family: archivo_narrowregular,tahoma,Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#58574d}

#main .content #template ul li{padding: 0px 0px 10px 0px;font-size: 12pt; color: #58574d;}
#main .content #template a {padding: 0px 0px 10px 0px;font-size: 13pt; color: #2F7A0C;}
#main .content #template td a {padding: 0px 0px 10px 0px;font-size: 12pt;color: #2F7A0C;margin-right:15px;border: none;}
#main .content #template td {padding: 0px 0px 10px 0px;font-size: 12pt;color: #333333;}

#template img{margin-right: 20px;}

.template-left {float:left;width: 430px;clear: right;}
.template-right {float:right;width: 430px;clear: right;}
.bigcontact {margin: 3px 0px 0px 0px;font-size: 28px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#2F7A0C;text-transform:uppercase;text-decoration:none;}
.contactbutton {margin: 3px 0px 0px 0px;font-size: 28px!important;font-family: 'bebas_neueregular',Arial, Helvetica, sans-serif;
font-weight: normal!important;color:#2F7A0C;text-transform:uppercase;text-decoration:none;background: rgb(236, 219, 166);border-radius: 5px;padding: 3px 10px 3px 8px!important;}

.smalltext p, .smalltext a{font-size:16px!important;}

.pics {float:left;width: 530px; height:353px; clear: right;overflow: hidden!important; color:red;}
.parks {float:right;width: 330px;clear: right; color:blue;}
.graybg	{background: #faebbc;padding: 1px 2px 10px 20px;width: 46%;border-radius: 12px;}

/* --------------FOOTER------------- */



#footer, .push { 
clear: both;

height: 4em;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {background:url(/images/footer.png)repeat top center;height: 465px;height: auto;width:100%;margin:0 auto;}

#footer .footercontent { width: 960px; margin: 0 auto; position: relative; padding: 155px 0px 0px 0px;}
.footernav {background:url(/images/footer-nav-bg.png)no-repeat;height: 79px;width: 960px;margin: 0 auto;}
.footernav ul {margin:0 auto;text-align: center;line-height: 76px;}
.footernav ul li {display: inline;list-style-type: none;}
.footernav ul li a{font-family: 'bebas_neueregular';font-weight: normal;font-size: 23px;color: #fbf5df;text-decoration: none;margin-right: 41px;}
.footernav ul li a:hover{color:rgb(211, 186, 132);}
.footernav .last a{margin-right:0px!important;}

.footersocial {height: 67px;margin: 0 auto;text-align: center;padding: 10px 0px 0px 0px;}
.footersocial a {margin-right:8px;}
.footersocial a:last-child {margin-right:0px;}
.copyright p {text-align:center;}
.copyright p a{margin:0 auto;color:#727d45; text-align:center;text-decoration:none;font-family: 'bebas_neueregular';font-weight: normal;font-size: 15px}

.footernav ul ul {display:none;}

.footerbg {background:#160f01;clear:both;height:380px!important;}


@media only screen and (min-device-width : 320px) and (max-device-width : 1024px){
 #main .content p{ background: url('');}
 .ribbonleft, .ribbonright {display:none!important;}
 .tp-leftarrow {display:none!important;}
 .tp-rightarrow {display:none!important;}

}


@media only screen
and (min-device-width:320px)
and (max-device-width:1024px){

footer {display:none!important;}
header  {display:none!important;}
main .content1  {display:none!important;}
main .content  {display:none!important;}
}