/* July 2025 */

html, body{
margin: 0 0 0 0;
padding: 0;
height: 100%;
width: 100%;
background: -moz-radial-gradient(circle, #ffffff, #f5f5f5); /* Firefox 3.6+ */
background: -webkit-radial-gradient(circle, #ffffff, #f5f5f5); /* Safari 5.1+, Chrome 10+ */

}

a{
text-decoration: none;

color: #1f5218;
color: #000000;
}

#viewport{
width:100%;
height:100%;
border: 0px solid black;

background-image:
url(images/deco_bg_left.png),
url(images/deco_bg_right.png);

background-position:
left 65px,
bottom right;
background-size:45%;
background-repeat: no-repeat;

}

#header{
text-align: center;
font-size: 180%;
padding: 30px 10px 0px 10px;
/*text-shadow: 0px 0px 5px #d9e1d8, 2px 2px #f5f5f5;*/
}

#sub_header{
text-align: center;
font-size: 100%;
font-family: 'cooper_lt_btlight', arial, sans-serif;
font-style: italic;
}


#header a{
color: #000000;
display: block;
}

#navigation{
text-align: center;
padding: 10px 0px 10px 0px;
color: #000000;
font-family: 'cooper_lt_btlight', arial, sans-serif;
border:0px solid black;
font-weight: regular;
font-size: 90%;
color: green;


}

#top_navigation_bar{
border: 0px solid green;
text-align: right;
padding:5px;
background:#d7ddcc;
}


#top_navigation{
text-align: left;
padding: 5px 0px 5px 0px;
color: #000000;
font-family: 'cooper_lt_btlight', arial, sans-serif;
border:0px solid black;
font-weight: regular;
font-size: 90%;
color: green;


}
#top_navigation a{
margin: 0px 0px 5px 0px;
white-space: nowrap;
display: inline-block;
}


#navigation a{
margin: 0px 0px 5px 0px;
white-space: nowrap;
display: inline-block;
}


#language_switch{
text-align: right;
padding: 20px 10px 0px 0px;
color: #000000;
font-family: 'cooper_lt_btlight', arial, sans-serif;
font-weight: regular;
font-size: 90%;
border: 0px solid green;
width:100%;
position: absolute;
top:0px;
right:10px;
  
}



#language_switch_test{
text-align: right;
padding: 0px 0px 0px 0px;
color: #000000;
font-family: 'cooper_lt_btlight', arial, sans-serif;
font-weight: regular;
font-size: 90%;
border: 0px solid green;
top:0;
right:10px;
  
}


#language_switch img{
width:35px;
}

#language_switch a:link, #language_switch a:visited, #language_switch a:active {
color: #337843;
}

#language_switch a:hover{
color: #000000;
}

#language_switch a:link{
text-decoration: none;
padding: 5px;
width: 100%;
height: 100%;

background: #f1f1f1;
-moz-border-radius: 50px; 
-webkit-border-radius: 50px; 
border-radius: 50px;
border:solid 1px;
}

.active_circle{
padding: 5px;
width: 100%;
height: 100%;
background: #548d6b;
-moz-border-radius: 50px; 
-webkit-border-radius: 50px; 
border-radius: 50px;
color: #ffffff;
border: solid #548d6b 1px;

}


#above_footer{
height: 1%;
}

#footer_end{
}



/* small screens */
@media (max-width: 500px) {

.contact_page{
width:100% !important;
}


#language_switch{
font-size: 60%;
padding: 15px 2px 0px 0px;
}



/*
#language_switch{
text-align: right;
padding: 15px 2px 0px 0px;
color: #000000;
font-family: 'cooper_lt_btlight', arial, sans-serif;
font-weight: regular;
font-size: 90%;
border: 0px solid green;
position: absolute;
width:110px;
}

#language_switch img{
width:25px;
}

#language_switch a:link{
text-decoration: underline;
padding: 0px;
width: 100%;
height: 100%;
background: none;
}

.active_circle{
padding: 5px;
width: 100%;
height: 100%;
background: #548d6b;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
color: #ffffff;

}*/


#header{
font-size: 130%;
font-weight: bold;
padding: 30px 5px 10px 5px;
border: 0px solid black;
}

#header a{
color: #000000;
}

#content{

border: 1px solid blue;
padding: 20px 10px 20px 10px;
}

#footer{
font-size:90%;
font-family: 'cooper_lt_btlight', arial, sans-serif;
}


  

}

}


#info_menu2{
padding: 0px;
text-align: center;
margin-bottom: 0px;
color: #000000;
font-family: 'festusregular', arial, sans-serif;
line-height: 2.2em;
font-size: 120%;
font-weight: bold;
/*border: 1px solid red;*/
}

#info_menu2 #current{
color: green;
}

#info_menu{
background: #b2dcad;
padding: 10px;
text-align: center;
margin-bottom: 10px;
background: -moz-radial-gradient(circle, #b2dcad, #96c4a0); /* Firefox 3.6+ */
background: -webkit-radial-gradient(circle, #b2dcad, #96c4a0); /* Safari 5.1+, Chrome 10+ */
color: #2c6125;
/*text-shadow: 0px 0px 10px #b2dcad, -1px -1px #9ec399;*/
-webkit-box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
/* for browsers with builtin sticky CSS, chrome and FF */
position: -webkit-sticky;
position: sticky;
top: -1px; /* sticky position */
}

#info_menu #current{
color: #ffffff;
/*text-shadow: 0px 0px 10px #b2dcad, -1px -1px #9ec399;*/
}

/* center whole service menu */
#service_menu{
text-align:center;
}

#service_menu2{
text-align:center;
font-family: 'marydalebold', arial, sans-serif;
font-family: 'festusregular', arial, sans-serif;
font-family: 'cooper_medium_btregular', arial, sans-serif;
line-height: 1.3em;
font-size: 120%;
font-weight: bold;
}


#hamburger_table{
text-align:center;
font-family: 'marydalebold', arial, sans-serif;
font-family: 'festusregular', arial, sans-serif;
font-family: 'cooper_medium_btregular', arial, sans-serif;
line-height: 1.3em;
font-size: 130%;
font-weight: bold;


background-image:
url(images/deco_bg_left.png),
url(images/deco_bg_right.png);

background-position:
bottom left,
right 65px;
background-size:45%;
background-repeat: no-repeat;



}

#hamburger_table .current_page{
color: green;
}


/* styles as the links for each topic
   to apply for current page (non-link)
   within a span */

#service_menu span{
margin: 5px;
white-space: nowrap;
display: inline-block;
}

#service_menu2 span{
margin: 5px;
white-space: nowrap;
display: inline-block;
}


#service_menu a{
margin: 5px;
white-space: nowrap;
display: inline-block;
}

#service_menu2 a{
margin: 5px;
white-space: nowrap;
display: inline-block;
}


.nobr{
white-space: nowrap;
}

#footer{
text-align: center;
font-family: 'cooper_lt_btlight', arial, sans-serif;

/* background: -moz-radial-gradient(circle, #b2dcad, #96c4a0); */ /* Firefox 3.6+ */
/* background: -webkit-radial-gradient(circle, #b2dcad, #96c4a0); */ /* Safari 5.1+, Chrome 10+ */
height: 1%;
padding:10px;
/*
-webkit-box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
*/
}


#content{
max-width:1000px;
text-align:left;
margin:auto;
border: 0px solid blue;
padding: 20px 50px 20px 50px;
}

/* small screens */


@media (max-width: 1000px) {

#hamburger_table{
background-image:
url(images/deco_bg_left.png),
url(images/deco_bg_right.png);
background-position:
top left,
bottom right;
background-size:45%;
background-repeat: no-repeat;
}

  
#content{
border: 0px solid blue;
padding: 0px 10px 20px 10px;

}

.contact_page{
width:10%;
}



}


 /* screen widths */
@media (max-width: 3000px) {
#service_menu a, #service_menu span{
border: 1px solid #85ac80;
border-radius: 6px; 
-webkit-border-radius: 6px; 
padding: 5px;
margin: 3px;
text-decoration: none;
background: -moz-radial-gradient(circle, #ffffff, #ffffff); /* Firefox 3.6+ */
background: -webkit-radial-gradient(circle, #ffffff, #ffffff); /* Safari 5.1+, Chrome 10+ */

/*color: #0d4733; brakes ipad loader */
 }

#service_menu #current{
background: #7db188;
color: #ffffff;
}

#service_menu2 #current{
color: green;
}

}



#edit{
position: relative;
display: block;
left: 0px;
top: 0px;
background: #dedbd6;
font-weight: bold;
font-size: small;
width: 100%;
margin: 0px 0px -5px 0px;
padding: 5px 0px 5px 0px;
color:#000000;
text-align:right;
border-bottom: 1px solid #c1c1c1;
line-height:1.5em;
z-index: 1000  
}
#edit a{
text-decoration:none;
color: #191919;
}
#edit a:hover{
text-decoration:none;
color: #ff0000;
}

#counter{
/*border: dashed 1px green;*/
margin: 5px;
}

#counter a{
font: sans-serif !important;
font-family: helvetica;
font-size: small;
color: #5f5f5f;
}

.toggle_button{
border-radius: 11px; 
-moz-border-radius: 11px; 
-webkit-border-radius: 11px; 
padding: 4px 12px 4px 12px;
line-height: 2.2em;
background:#d6595a;
color: #f5f5f5;
text-decoration: none;
font-weight: bold;
font: sans-serif !important;
font-family: helvetica;
white-space: nowrap;
}

#jameda_box{
border: 1px solid #cccccc;
border-radius: 3px; 
-webkit-border-radius: 3px; 
background: -moz-linear-gradient(#f5f5f5, #ffffff); /* Firefox 3.6+ */
background: -webkit-radial-gradient(#f5f5f5, #ffffff); /* Safari 5.1+, Chrome 10+ */
font-size: 85%;
margin-right: auto;
margin-left: auto;
display: table;
padding: 10px;
max-width: 300px;

}

#jameda_box a{
display: block;
color: #000000;
}

.image_box{
border: 1px solid #cccccc;
background: -moz-linear-gradient(#f5f5f5, #ffffff); /* Firefox 3.6+ */
background: -webkit-radial-gradient(#f5f5f5, #ffffff); /* Safari 5.1+, Chrome 10+ */
padding: 5px;
-webkit-box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);
box-shadow: 0px 10px 9px -15px rgba(0,0,0,0.55);

}

/* for overload links */
#overlay{
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: rgba(10,10,10,0.2);
z-index: 10;
}

/* for cover animation */
#img_overlay{
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: rgba(10,10,10,0.2);
z-index: 5; /* set to 0 to allow clicking while loading a next or previous image */
}


#photos img{
padding: 8px;
margin:5px;
display: inline-block;
}

.box{ /* top, right, bottom, left */
background-image:url(images/hr.png),url(images/vr.png),url(images/hr.png),url(images/vr.png);
background-position:top left,top right,bottom left,bottom left;
background-repeat:repeat-x, repeat-y, repeat-x, repeat-y;
}


/* hamburger */

#hamburger_menu{
position: absolute;
right:10px;
padding: 20px;
border: 0px solid green;
display: none;  
}

#hamburger_table td{
text-align:center;
margin-left: auto;
margin-right: auto;

}

#viewport{
/* display:none; */
}


.hamburger {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #cad5ba;
  margin: 6px 0;
  transition: 0.4s;  
}
.bar3{
width: 20px;

}


.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
  
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
  width: 35px; /* reset length */
}

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

}
.desyrelregular{
font-family: 'desyrelregular', arial, sans-serif;
font-weight: regular;
}


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

}
.gingaregular{
font-family: 'gingaregular', arial, sans-serif;
}




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

}
.lainiedayshregular{
font-family: 'lainiedayshregular', arial, sans-serif;
}




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

}
.saginaw_bold{
font-family: 'saginaw_bold', arial, sans-serif;
}




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

}
.saginaw_light{
font-family: 'saginaw_light', arial, sans-serif;
}




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

}


.saginaw_medium{
font-family: 'saginaw_medium', arial, sans-serif;
}



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

}
.anudawitalic{
font-family: 'anudawitalic', arial, sans-serif;
}



@font-face {
    font-family: 'anudawregular';
    src: url('fonts/anudrg__.eot');
    src: url('fonts/anudrg__.eot?#iefix') format('embedded-opentype'),
         url('fonts/anudrg__.woff') format('woff'),
         url('fonts/anudrg__.ttf') format('truetype'),
         url('fonts/anudrg__.svg#anudawregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.anudawregular{
font-family: 'anudawregular', arial, sans-serif;
}




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

}
.archisticobold{
font-family: 'archisticobold', arial, sans-serif;
}


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

}
.archisticonormal{
font-family: 'archisticonormal', arial, sans-serif;
}


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

}
.a_biteregular{
font-family: 'a_biteregular', arial, sans-serif;
}



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

}
.adlib_regular{
font-family: 'adlib_regular', arial, sans-serif;
}






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

}
.adlib_btregular{
font-family: 'adlib_btregular', arial, sans-serif;
}


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

}
.swis721_blkcn_btblack{
font-family: 'swis721_blkcn_btblack', arial, sans-serif;
}


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

}

.swis721_cn_btbold{
font-family: 'swis721_cn_btbold', arial, sans-serif;
}



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

}

.punchlabel{
font-family: 'punch_labelregular', arial, sans-serif;
}



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

}

.popticsthree{
font-family: 'popticsthreeregular', arial, sans-serif;
}


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

}

.popticsthreeextra{
font-family: 'popticsthreeextrasregular', arial, sans-serif;
}


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

}


.sewing{
font-family: 'sewing_patternsregular', arial, sans-serif;
}

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

}

.spirits{
font-family: 'spiritsregular', arial, sans-serif;
}

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

}

.kaufmannbold{
font-family: 'kaufmann_bd_btbold', arial, sans-serif;
}



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

}
.kaufmann{
font-family: 'kaufmann_btregular', arial, sans-serif;
}


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

.priory{
font-family: 'prioryregular', arial, sans-serif;
}



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

.floralies{
font-family: 'floraliesregular', arial, sans-serif;
}



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

}

.bremen{
font-family: 'bremen_bd_btbold', arial, sans-serif;
}



@font-face {
font-family: 'freehand521_btregular';
src: url('fonts/font_-_truetype_-_freehand_521_bt.eot');
src: url('fonts/font_-_truetype_-_freehand_521_bt.eot?#iefix') format('embedded-opentype'),
url('fonts/font_-_truetype_-_freehand_521_bt.woff') format('woff'),
url('fonts/font_-_truetype_-_freehand_521_bt.ttf') format('truetype'),
url('fonts/font_-_truetype_-_freehand_521_bt.svg#freehand521_btregular') format('svg');
font-weight: normal;
font-style: normal;
}


.freehand521{
font-family: 'freehand521_btregular', arial, sans-serif;
}



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

.adler{
font-family: 'adlerregular', arial, sans-serif;
}


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

.elasticwrath{
font-family: 'elastic_wrathregular', arial, sans-serif;
}


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

.festus{
font-family: 'festusregular', arial, sans-serif;
}


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

.chromosomeheavy{
font-family: 'chromosomeheavyregular', arial, sans-serif;
}

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

.chromosomelight{
font-family: 'chromosomelightregular', arial, sans-serif;
}



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

.marydale{
font-family: 'marydale', arial, sans-serif;
}

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

.marydalebold{
font-family: 'marydalebold', arial, sans-serif;
font-weight: bold;
}


@font-face {
font-family: 'Lucida Handwriting Italic';
src: url('fonts/lucida_handwriting_italic.eot');
src: url('fonts/lucida_handwriting_italic.eot?#iefix') format('embedded-opentype'),
url('fonts/lucida_handwriting_italic.woff') format('woff'),
url('fonts/lucida_handwriting_italic.ttf') format('truetype'),
url('fonts/lucida_handwriting_italic.svg#marydaleregular') format('svg');
font-weight: normal;
font-style: normal;
}

.lucida_handwriting_italic{
font-family: 'Lucida Handwriting Italic', arial, sans-serif;
font-weight: regular;
}



/* Style inputs, select elements and textareas */

#order_form{
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
}


#order_form input[type=text], select, textarea, #email{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  resize: vertical;
  margin: 0px 0px 5px 0px;
  -webkit-appearance:none;  
  font-size: 100%;
  }
  
/* arrows on select forms */
select{
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
   font-size: 100%; 
}

/* Style the submit button */
input[type=submit] {
  background-image:url(images/button_bg.png);
  background-size: 100%;
  background-color: #0b9466;
  color: #ffffff;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  font-size: 100%;
  font-weight: bold;
  -webkit-appearance:none;

  
}

#button {
  background-image:url(images/button_bg.png);
  background-size: 100%;
  background-color: #0b9466;
  color: #ffffff;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  -webkit-appearance:none;

  
}


.menu_button {
  padding: 12px 20px;
  border: 5px solid #057c54;
  border-radius: 10px;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  -webkit-appearance:none;

  
}


.download_button{
border: 1px solid #85ac80;
border-radius: 6px; 
-webkit-border-radius: 6px; 
padding: 5px;
margin: 3px;
text-decoration: none;
background: #f5f5f5;
}

.navigation_button{
border: 1px solid #85ac80;
border-radius: 6px; 
-webkit-border-radius: 6px; 
padding: 5px;
margin: 3px;
text-decoration: none;
}

#active_page{
border: 1px solid #85ac80;
border-radius: 60px; 
-webkit-border-radius: 6px; 
padding: 5px;
margin: 0px;
text-decoration: none;
background: #057c54;
background-image:url(images/button_bg.png);
color: #ffffff;
display:inline-block;


}



.downloadbar{
background:#000000;
width:80%;
padding: 5px 0px 5px 0px;
margin:0px 0px 10px 0px;
color: #ffffff;
text-align:center;
}

.downloadbar a{
color: #ffffff;
text-decoration: none;
text-align:center;
}

.downloadbar a:hover{
color: #ff0000;
}



#product_image{
position: relative;
}

.contact_page{
width:80%;
}