﻿/*
 dce0e0 - light gray
 b9c5b9 - teal
 6d8071 - grey green
 2f3e38 - dark green
 171d1f - grey black
 414342 - mid grey
*/
html {
 width: 100%;
 height: 100%;
 padding:0;
 margin:0;
}
body {
 height: 100%;
 font-family: 'Bad Script', cursive;
 /*
 font-family: 'PT Sans', sans-serif;
 */
 font-size: 24px;
 color: #2f3e38;
 background: #888888; /* Old browsers */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9c5b9+0,ffffff+5,ffffff+95,b9c5b9+100&0.5+0,1+6,1+95,0.5+100 */
 background: -moz-linear-gradient(left, rgba(185,197,185,0.5) 0%, rgba(255,255,255,0.92) 5%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 95%, rgba(185,197,185,0.5) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(185,197,185,0.5) 0%,rgba(255,255,255,0.92) 5%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 95%,rgba(185,197,185,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(185,197,185,0.5) 0%,rgba(255,255,255,0.92) 5%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 95%,rgba(185,197,185,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b9c5b9', endColorstr='#80b9c5b9',GradientType=1 ); /* IE6-9 */
 background-repeat: no-repeat;
 background-attachment: fixed;
 padding: 0;
 margin: 0;
}
h1, h2, h3, h4, h5, h6 {
 margin: 10px;
}
p {
 margin:10px;
}
a:link, a:visited {
 color: #2f3e38;
 text-decoration:underline;
}
a:hover {
 color: #6d8071;
}

hr {
 border: 0;
 height: 1px;
 margin:0px;
 background-image: linear-gradient(to right, rgba(0, 17, 0, 0), rgba(0, 17, 0, 0.2), rgba(0, 17, 0, 0));
}

#container {
 width: 100%;
 position:relative;
 margin:0px;
 padding:30px 0px 0px 0px;
}

#masthead {
 position:relative;
 height:130px;
 width:100%;
 margin:0px;
 padding:0px;
 text-align:center;
 border-bottom:1px solid #dddddd;
}

#masthead_inner {
 position:relative;
 margin: 0 auto;
 max-width:1100px;
 min-width:720px;
 height:100px;
}

 #masthead_logo_left {
 width:100px;
 position:absolute;
 text-align:left;
 top:0px;
 left:0px;
 z-index:100;
}
#masthead_logo_right {
 width:100px;
 position:absolute;
 text-align:right;
 top:0px;
 left:1000px;
 z-index:100;
}

#masthead_text {
 position:absolute;
 top:0px;
 left:100px;
 width:900px;
 margin:15px 0px 15px 0px;
 text-align:center;
 letter-spacing:10px;  
 font-family: 'Jura', sans-serif;
 font-size:36px;
 font-weight:bold;
 text-shadow: 2px 2px 2px rgba(69,91,82,0.3);
}
 #masthead_text a:link, #masthead_text a:visited {
  text-decoration: none;
  transition: text-shadow 200ms, color 200ms;
 }
 #masthead_text a:hover {
  color: #5b786c;
 }

#masthead_line {
 position:absolute;
 left:50px;
 top:75px;
 width:1000px;
 height:5px;
 border-top: 1px solid rgba(52,50,51,0.1);
 border-bottom: 1px solid rgba(52,50,51,0.1);
 background-color:#ffe006;
 z-index:10;
}

#masthead_navigation {
 position: absolute;
 top: 90px;
 left: 100px;
 width: 900px;
 height: 30px;
 font-family: 'Bad Script', cursive;
 font-size: 24px;
 font-weight: bold;
}
#masthead_navigation td {
 width:160px;
}
#masthead_navigation td a, #masthead_navigation td a:visited {
 text-decoration: none;
 transition: text-shadow 200ms, color 200ms;
}
#masthead_navigation td a:hover {
 color:#5b786c;
 text-shadow: 3px 3px 3px rgba(69,91,82,0.3);
}

#masthead_navigation .nav_selected {
 color:#171d1f;
 text-shadow: 5px 5px 5px rgba(69,91,82,0.5);
}



#content {
 position:relative;
 max-width:1100px;
 min-width:720px;
 min-height:500px;
 padding:0px 0px 10px 0px;
 margin: 0px 0px 0px 0px;
 text-align:justify;
}



#content_fader_outer {
 margin-top:30px;
 height:420px;
 width:1100px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ccd4cc+5,ccd4cc+95,ffffff+100&0+0,1+5,1+95,0+100 */
 background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,212,204,0.5) 5%, rgba(204,212,204,0.5) 95%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(204,212,204,0.5) 5%,rgba(204,212,204,0.5) 95%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(204,212,204,0.5) 5%,rgba(204,212,204,0.5) 95%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
#content_fader_inner {
 position:relative; 
 left:100px;
 top:10px;
}
#content_fader_inner img {
 border-radius: 12px;
 border: 5px solid #f7f8f8;
/*
 dce0e0 - light gray
 b9c5b9 - teal
 6d8071 - grey green
 2f3e38 - dark green
 171d1f - grey black
 414342 - mid grey
*/
}

#content_home {
 margin:0 auto;
 width:900px;
 text-align:center;
}






.contact_spacer {
 height:5px;
 width:1px;
}
#contact input, #contact textarea, #contact select {
 font-family: 'PT Sans', sans-serif;
 font-size:20px;
 border: 1px solid #999999;
 width:100%;
 margin:0px;
 padding: 5px 3px 5px 3px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #999999;
}
#contact textarea {
 font-family: 'PT Sans', sans-serif;
}
#contact input[type=submit] {
 font-weight:bold;
 height: 76px;
 width:76px;
 position:relative;
 top:-1px;
 color: #010;
}




#footer {
 border-top:1px solid #dddddd;
 margin: 0 auto;
 padding-top:10px;
 padding-bottom:10px;
 width:100%;
 font-size:14px;
 color: #414342;
}
#footer_inner {
 position:relative;
 margin: 0 auto;
 max-width:1100px;
 min-width:720px;
}


#footer a:link, #footer a:visited {
 color: #414342;
 text-decoration:none;
 transition: color 300ms;
}
#footer a:hover {
 color:#848886;
 text-shadow: 3px 3px #ffffff;
}
/*
 dce0e0 - light gray
 b9c5b9 - teal
 6d8071 - grey green
 2f3e38 - dark green
 171d1f - grey black
 414342 - mid grey
*/
