/* style color pallette
#01632f dark green
#0c8a2d middle green
#b3a78b light brown
#5e5341 dark brown
#3f3422 very dark brown
*/

* { box-sizing: border-box; }
header, nav, section, article, aside, footer {display:block;}
html, body {background-color:#FFF;/*background-image:url(../img/bg-brown-chipboard.jpg);background-repeat:repeat;*/margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;height:100%;margin-bottom:0;}
#wrapper-html{border:0px solid #CCC;margin:0 auto;margin-top:0px;min-height:100%;height:auto;background-color:none;width:100%;padding-bottom:20px;}
body > #wrapper-html {height:auto; min-height:100%;border:0px solid #F00;}

.wrapper-header{min-width:100%;background-color:none;background-image:url(../img/bg-green-cardboard.jpg);background-repeat:repeat;height:112px;overflow:hidden;border-bottom:0px solid #d4c9b8;padding: 0px 20px 0px 20px;}
.wrapper-header-960{max-width:960px;width:960px;height:112px;border:0px solid #FF0;margin:0 auto;}
.wrapper-page-rip{min-width:100%;width:100%;max-width:100%;background-color:none;background-image:url(../img/paper-rip-top.jpg);background-repeat:repeat-x;height:120px;overflow:hidden;border-bottom:0px solid #d4c9b8;padding: 0px 0px 0px 0px;border-top:0px solid #6d6150;border:0px solid #F00;}
.wrapper-page{max-width:960px;min-width:880px;width:960px;height:auto;border:0px solid #b2c4eb;margin:0 auto;padding:0px;margin-top:0px;background-color:none;top:0px;position:relative;}
.wrapper-page-content{clear: both;min-width:100%;width:100%;height:auto;border:0px solid #F0F;margin:0 auto;padding:20px;margin-top:0px;overflow:hidden;background-color:none;position:relative;padding-bottom:0px;}
.wrapper-menu{min-width:640px;width:640px;position:relative;float:right;background-color:none;height:40px;padding: 0px 0px 0px 0px;border:0px solid #0C9;margin-top:22px;margin-bottom:0px;}
.logo{position:relative;float:left;border:0px solid #0C9;}
.wrapper-stage-bottom{width:960px;height:auto;border:0px solid #b2c4eb;margin:0 auto;padding:0px;margin-top:0px;background-color:none;position:relative;top:-31px;}
.wrapper-stage-bottom-top{width:960px;height:auto;border:0px solid #b2c4eb;margin:0 auto;padding:0px;margin-top:0px;hidden;background-color:none;position:relative;bottom:-74px;}

.col-50{width:50%;height:auto;border:0px solid #C00;margin:0 auto;position:relative;float:left;}
.col-25{width:25%;height:auto;border:0px solid #C00;margin:0 auto;position:relative;float:left;padding-right:20px;padding-bottom:30px;}
.col-33{width:33%;height:auto;border:0px solid #C00;margin:0 auto;position:relative;float:left;padding-right:20px;padding-bottom:30px;margin-top:0;}


.pad-right{padding-right:30px;}
.pad-left{padding-left:30px;}

.img-resize{width:18%;height:auto;}
.brown-text{color:#9fb5e4;}

.no-margin-top{margin-top:0;padding-bottom:0px}

h1 {font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:300;font-size:29px;line-height:1.25em;}
h1 b{color:#5e5341;font-weight:300;}
h2 {font-family: 'Open Sans', sans-serif;color:#b3a78b;font-weight:600;font-size:20px;line-height:24px;}
h2 a:link, h2 a:visited {text-decoration:none;font-family: 'Open Sans', sans-serif;color:#b3a78b;font-weight:600;}
h2 a:hover {text-decoration:underline;font-family: 'Open Sans', sans-serif;color:#0c8a2d;font-weight:600;}

h3 {font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:300;font-size:24px;line-height:28px;}
h3 a:link, h3 a:visited {text-decoration:none;font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:300;}
h3 a:hover {text-decoration:underline;font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:300;}

h4 {font-family: 'Open Sans', sans-serif;color:#1d4c82;font-weight:400;font-size:16px;line-height:24px;}

p {font-family: 'Open Sans', sans-serif;color:#333;font-weight:300;font-size:16px;line-height:24px;text-decoration:none;}
p a:link, p a:visited {color:#01632f;text-decoration:none;font-weight:400;}
p a:hover {color:#955114;text-decoration:underline;}
p b{font-weight:600;}

.show-hide-arrows {color:#FFF;}
.show-hide-arrows a:link{color:#FFF;text-decoration:none;}
.show-hide-arrows a:visited{color:#FFF;text-decoration:none;}
.show-hide-arrows a:hover{color:#96addf;text-decoration:none;}

.phone-number {border:0px solid #FFF;position:relative;margin-top:10px;float:right;font-family: 'Open Sans', sans-serif;color:#FFF;font-weight:400;font-size:16px;line-height:18px;text-decoration:none;height:40px;width:640px;text-align:right;top:10px;}
.phone-number a:link{color:#FFF;text-decoration:none;}
.phone-number a:visited{color:#FFF;text-decoration:none;}

.social-icon{font-family: 'Open Sans', sans-serif;color:#c7b89b;font-size:24px;line-height:30px;text-decoration:none;}
.social-icon a:link{color:#c7b89b;text-decoration:none;}
.social-icon a:visited, .social-icon a:active{color:#c7b89b;text-decoration:none;}
.social-icon a:hover{color:#01632f;}

.address{line-height:12px;font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:400;font-size:13px;text-decoration:none;}
.address a:link, .address a:visited {line-height:12px;font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:400;font-size:13px;text-decoration:none;}
.address a:hover{line-height:12px;font-family: 'Open Sans', sans-serif;color:#955114;font-weight:400;font-size:13px;text-decoration:none;}

.show-menu-button{display:none;}
.hide-menu-button{display:none;}

.show-me{}
.hide-me{display:none;visibility:hidden;}

.show-hide-arrows {color:#5e5341;background-color:none;}
.show-hide-arrows a:link{color:#5e5341;text-decoration:none;background-color:none;}
.show-hide-arrows a:visited{color:#5e5341;text-decoration:none;background-color:none;}
.show-hide-arrows a:hover{color:#b3a78b;text-decoration:none;background-color:none;}

.p-side {font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:400;font-size:12px;line-height:16px;text-decoration:none;}
.p-side a:link, .p-side a:visited {color:#01632f;text-decoration:none;font-weight:600;}
.p-side a:hover {color:#407d18;text-decoration:none;}

#menu {margin:0 auto;width:100%;height:auto;position:relative;bottom:0;border:0px solid #093;}
#menu ul {padding:0;margin:0 auto;list-style-type:none;border:0px solid #093;width:640px;height:40px;border-top: 0px solid #5380b4;border-bottom: 0px solid #5380b4;background-color:none;text-align:right;z-index:999!important;}
#menu ul li {display:inline;width:auto;line-height:30px;height:40px;border:2px solid transparent;}
#menu ul li a {font-family: 'Open Sans', sans-serif;color:#FFF;font-weight:600;font-size:11px;line-height:40px;height:40px;text-decoration:none;border-right:0px solid #5e5341;padding:0px 16px 0px 16px;display:inline-block;width:auto;text-align:center;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);background-image:url(../img/bg-menu-brown-chipboard.jpg);background-repeat:repeat;}
#menu ul li.slope-left a {background-image:url(../img/bg-menu-brown-chipboard.jpg);background-repeat:repeat;background-position:bottom;-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0; /* future proofing */-khtml-border-radius: 6px 6px 0 0; /* for old Konqueror browsers */color:#FFF;}
#menu ul li.slope-right a {background-image:url(../img/bg-menu-green-chipboard.jpg);background-repeat:repeat;background-position:bottom;-moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0; /* future proofing */-khtml-border-radius: 6px 6px 0 0; /* for old Konqueror browsers */color:#FFF;}
#menu ul li.slope-left a:hover {height:40px;border:0px solid #0C9;position:relative;top:0px;background-image:url(../img/bg-menu-brown-chipboard-hover.jpg);background-repeat:repeat;background-position:bottom;color:#333;text-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
#menu ul li.slope-right a:hover {height:40px;border:0px solid #0C9;position:relative;top:0px;background-image:url(../img/bg-menu-green-chipboard-hover.jpg);background-repeat:repeat;background-position:bottom;color:#333;text-shadow: 0 0px 0px rgba(0, 0, 0, 0);}

#menu ul li ul {display:none;visibility: hidden;}
#menu ul li:hover ul {display:block;visibility: visible;list-style-type:none;width:200px;height:auto;float:left;margin-top:0px;position:relative;left:0px;background-color:none;text-align:left;}
#menu ul li:hover ul li {display:block;background-color:#f6ece3;border:none;border-bottom:1px solid #FFF; }
#menu li {position:relative;}
#menu ul li.border-right a{border-right:0px solid #0c65b5;}
#menu ul li.border-left a{border-left:0px solid #064781;}
#menu ul.inner-menu li a:link{width:100%;text-align:left;color:#01632f;text-shadow: 0 0px 0px rgba(0, 0, 0, 0);font-weight:500;border:0;}
#menu ul.inner-menu li a:visited{width:100%;text-align:left;color:#01632f;text-shadow: 0 0px 0px rgba(0, 0, 0, 0);font-weight:500;border:0;}
#menu ul.inner-menu li a:hover{background-color:#f2cfad;width:100%;text-align:left;border:none;border-bottom:1px solid #FFF;}
#menu ul.inner-menu li:hover{background-color:#f2cfad;width:100%;text-align:left;border:none;}
#menu li.last-in-menu a:link{display:none;}

.menu-divider {line-height:34px;margin-right:20px;}

#wrapper-footer{background-color:none;width:100%;height:auto;position:relative;bottom:0;margin-top:-80px;z-index:10;padding-top:10px;padding-bottom:0px;border-top:1px solid #b09f85;border-top-style:dotted;margin:0 auto;max-width:960px;}
#wrapper-copyright{width:100%;max-width:960px;min-width:100%;margin:0 auto;padding:10px 0px 20px 0px;border:0px solid #039;position:relative;bottom:0;text-align:center;overflow:hidden;height:auto;min-height:100%;}

#sebly-logo{background-color:#01632f;width:64px;height:25px;padding:4px;text-align:center;overflow:hidden;margin:0 auto;}
#sebly-logo:hover{background-color:#407d18;width:64px;height:25px;padding:4px;text-align:center;}
.image-header{width:360px;height:auto;position:relative;border:0px solid #099;}
.image-size{width:440px;height:auto;}
.img {max-width:100%;width:auto;height:auto;}
.reduce-image{max-width:50%;}
.align-to-bottom{position:relative;bottom:0;border:0px solid #009;top:20px;}
.divider-line{width:100%;border-top:1px solid #b3a78b;margin-top:20px;margin-bottom:20px;height:1px;clear:both;border-top-style:dotted;}

.captcha {font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:400;font-size:14px;line-height:24px;text-decoration:none;}
.captcha b {font-family: 'Open Sans', sans-serif;color:#01632f;font-weight:700;font-size:14px;line-height:24px;text-decoration:none;}
.formErr {font-family: 'Open Sans', sans-serif;color:#955114;line-height:32px;font-size:14px;font-weight:400;left:0;margin:0;padding:0;}
.formErrbox{font-family: 'Open Sans', sans-serif;color:#955114;line-height:32px;font-size:14px;font-weight:600;left:0;margin:0;padding:0;}
/* CONTACT FORM STYLE */
.form-text-label{font-family: 'Roboto', sans-serif;color:#414142;line-height:1em;font-size:.95em;font-weight:400;}
.form_list {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;text-align:left;}
.form_list ul {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;}
.form_list li {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;}
.contact_box_style {font-family:Arial, Helvetica, sans-serif;padding:0px 3px 0px 3px;height:32px;line-height:32px;border:1px solid #999;font-size:14px;color:#666;width:220px;margin-top:10px;margin-bottom:16px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.comment_box_style {font-family:Arial, Helvetica, sans-serif;padding:6px 6px 6px 3px;line-height:auto;border:1px solid #999;font-size:14px;color:#666;width:95%;height:220px;margin-top:10px;margin-bottom:16px;margin-right:10px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.search_button_style {background-color:#01632f;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px solid #666;display:inline-block;color:#FFF;font-family:arial;font-size:15px;
font-weight:bold;padding:5px 10px;text-decoration:none;position:relative;top:-1px;cursor:pointer;vertical-align:top;line-height:21px;-webkit-appearance: none;}

.search_button_style:hover {background-color:#955114;position:relative;cursor:pointer;}
.search_button_style:active {background-color:#0c8a2d;position:relative;cursor:pointer;}
.search_button_style:visited{color:#FFF;font-family:arial;font-size:15px;font-weight:bold;background-color:#01632f;}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 90% !important;
        height: 90% !important;
}

.available-table-style{width:100%;border-spacing:0px;text-align:left;padding:0px;font-family: 'Open Sans', sans-serif;color:#5e5341;font-size:14px;}
.available-table-style th{font-weight:600;background-color:#FFF;font-family: 'Open Sans', sans-serif;color:#5e5341;font-size:14px;padding:2px 6px 2px 6px;}
.available-table-style td{font-weight:500;background-color:#none;font-family: 'Open Sans', sans-serif;color:#5e5341;font-size:14px;padding:2px 6px 2px 6px;max-width:auto;}
.available-table-style input{font-weight:400;background-color:#none;font-family: 'Open Sans', sans-serif;color:#5e5341;font-size:14px;padding:2px 6px 2px 6px;border:1px solid #d2c9b8;}
.available-table-style .odd {background-color:#f1fadf;}
.available-table-style .even {background-color:#f1efea;}
.available-table-style .border-right {border-right:6px solid #FFF;border-top:3px solid #FFF;border-bottom:3px solid #FFF;}



/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;
    -webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}




/*MOBILE*/

@media all and (max-width:961px){
.wrapper-header{max-width:100%;min-width:100%;width:100%;height:auto;overflow:hidden;border:0px solid #9F3;margin:0 auto;}
.wrapper-header-960{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:0 auto;overflow:hidden;}
.wrapper-page{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:0 auto;}
.wrapper-page-content{max-width:100%;min-width:100%;width:100%;height:auto;border:0px solid #9F3;margin:0 auto;}
.wrapper-menu{min-width:640px;width:100%;position:relative;float:right;background-color:none;height:40px;padding: 0px 0px 0px 0px;border:0px solid #0C9;margin:0 auto;margin-top:0px;margin-bottom:0px;}
#menu ul {padding:0;margin:0 auto;list-style-type:none;border:0px solid #F00;min-width:100%;height:auto;width:100%;background-color:none;text-align:center;z-index:999!important;position:relative;}

.img-resize{width:30%;height:auto;}


.col-50{width:50%;height:auto;border:0px solid #C00;margin:0 auto;position:relative;float:left;border:0px solid #0FF;}

.phone-number{text-align:right;float:right;width:420px;margin-right:16px;top:20px;border:0px solid #0FF;}

.show-hide-arrows {color:#5e5341;background-color:transparent;}
.show-hide-arrows a:link{color:#5e5341;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:visited{color:#5e5341;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:hover{color:#b3a78b;text-decoration:none;background-color:transparent;}
}

@media all and (max-width:720px){
.wrapper-header{max-width:100%;min-width:100%;width:100%;float:none;clear:both;height:auto;border:0px solid #0FF;margin:0 auto;overflow:visible;padding: 0px 0px 0px 0px;}
.wrapper-header-960{max-width:100%;min-width:100%;width:100%;float:none;clear:both;height:auto;border:0px solid #03F;margin:0 auto;overflow:visible;}
.wrapper-menu{min-width:100%;width:100%;position:relative;float:none;clear:both;margin:0 auto;text-align:center;background-image:url(../img/bg-menu-brown-chipboard.jpg);background-repeat:repeat;height:auto;padding: 0px 0px 0px 0px;border:0px solid #F00;margin-top:20px;margin-bottom:0px;overflow:visible;}/*don't make a specific height on this because it prevents the divs from expanding the wrapper header!*/

.col-50{width:100%;height:auto;border:0px solid #C00;margin:0 auto;position:relative;float:left;}
.logo{margin:0 auto;float:none;text-align:center;}

#menu{min-width:100%;height:auto;width:100%;border:0px solid #093;position:relative;float:none;clear:both;overflow:hidden;}
#menu ul {padding:0;margin:0 auto;list-style-type:none;border:0px solid #F00;min-width:100%;height:auto;width:100%;background-color:none;text-align:center;z-index:999!important;position:relative;}
#menu ul li.border-right a{width:100%;}
#menu ul li.border-left a{width:100%;}

#menu ul li {display:inline;width:100%;line-height:30px;height:40px;border:0px solid transparent;}
#menu ul li a {font-family: 'Open Sans', sans-serif;color:#FFF;font-weight:600;font-size:12px;line-height:40px;height:40px;text-decoration:none;border-right:0px solid #5e5341;padding:0px 16px 4px 16px;display:inline-block;width:auto;text-align:center;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);background-image:url(../img/bg-menu-brown-chipboard.jpg);background-repeat:repeat;}

#menu ul li a:hover {}
#menu ul li.slope-left a{-moz-border-radius: 0px 0px 0 0;-webkit-border-radius: 0px 0px 0 0;border-radius: 0px 0px 0 0; /* future proofing */-khtml-border-radius: 0px 0px 0 0; /* for old Konqueror browsers */}
#menu ul li.slope-right a{-moz-border-radius: 0px 0px 0 0;-webkit-border-radius: 0px 0px 0 0;border-radius: 0px 0px 0 0; /* future proofing */-khtml-border-radius: 0px 0px 0 0; /* for old Konqueror browsers */}

.pad-right{padding-right:0px;}
.pad-left{padding-left:0px;}

.phone-number{width:100%;text-align:center;float:none;overflow:hidden;position:relative;height:auto;top:10px;border:0px solid #0FF;}

.img-resize{width:45%;height:auto;}

.show-menu-button{font-size:2em;padding:4px;background-color:transparent;color:#5e5341;border:none;display:inline-block;cursor:pointer;}
.hide-menu-button{font-size:2em;padding:4px;background-color:transparent;color:#5e5341;border:none;display:inline-block;cursor:pointer;}

.show-hide-arrows {color:#5e5341;background-color:transparent;}
.show-hide-arrows a:link{color:#5e5341;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:visited{color:#5e5341;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:hover{color:#01632f;text-decoration:none;background-color:transparent;}

.show-me{display:none;visibility:hidden;}
.hide-me{display:block;visibility:visible;}
}

@media all and (max-width:520px){
.col-50{width:100%;height:auto;border:0px solid #C00;margin:0 auto;position:relative;float:left;}
.logo{margin:0 auto;float:none;text-align:center;}
.phone-number{width:100%;text-align:center;float:none;overflow:hidden;position:relative;height:auto;top:-10px;}
.img-resize{width:100%;height:auto;}

.show-menu-button{font-size:2em;padding:4px;background-color:transparent;color:#5e5341;border:none;display:inline-block;cursor:pointer;}
.hide-menu-button{font-size:2em;padding:4px;background-color:transparent;color:#5e5341;border:none;display:inline-block;cursor:pointer;}
}
@media all and (max-width:321px){

.col-50{width:100%;height:auto;border:0px solid #C00;margin:0 auto;position:relative;float:left;}
.img-resize{width:100%;height:auto;}

}

@media print {
#wrapper-footer{display:none;}
html, body {background-image:none;}

}