/***** BASICS *****/
body {background:#eeece7 url(../images/bg_body.jpg) repeat-x top left;font-family:"Myriad Pro", Myriad, Helvetica, Arial, sans-serif;font-size:93.8%;color:#384242;margin:0px auto;text-align:center;line-height:1.25em;}

h1, h2, h3, h4 {font-size:1.375em;margin:20px 0px 0px;color:#4a908c;}
.right h2 {font-size:1.1em;}
h5 {font-size:1.067em;font-weight:bold;margin:0px;border-bottom:1px solid #d4dbd3;color:#0a3739;padding-left:5px;text-shadow: #fff 1px 1px;}
h6 {font-size:1em;font-weight:bold;margin:0px 0px 10px 0px;border-bottom:1px solid #92bcba;color:#fff;text-shadow: #22615d 1px 1px;}
p {text-align:justify;}
form {margin:0px;}

a:link, a:visited {color:#4a908c;font-weight:bold;}
a:hover {color:#0a3739;}
button {background:transparent url(../images/submit.gif) no-repeat 0px 0px;color:#fff;padding:5px 10px 4px 10px;cursor:pointer;border:none;font-size:1em;}
button:hover {background:transparent url(../images/submit.gif) no-repeat 0px -27px;}

input, textarea, select, table, td {font-family:"Myriad Pro", Myriad, Helvetica, Arial, sans-serif;font-size:100%;color:#4a6162;}
  table {border:1px solid #87c3c1;border-top:none;border-left:none;}
  td {border:1px solid #87c3c1;border-right:none;border-bottom:none;padding:3px;}
textarea, select {border:1px solid #000;}

/***** STRUCTURE *****/
html {overflow-y:scroll;}
.wrapper {text-align:left;margin:0 auto;display: inline-block;width: auto;max-width: 100%;}
#middle.wrapper{width: 1140px;max-width: 100%;}

#header {color:#fff;max-width: 100%;}
  #header .wrapper {height:99px;position:relative;display:block;padding:0px 10px;text-align: center;}
  #logo {font-size:1.875em;padding:20px 0px 0px;font-family:Georgia, "Times New Roman", Times, serif;float:left;text-shadow: #0a3739 1px 1px 0px;}
  #header s {text-decoration:none;font-size:1.375em;text-shadow: #0a3739 1px 1px 0px;position: absolute;right: 15px;top: 5px;width: 180px;}

/*** Topmenu ***/
#nav {margin:0px;padding:0px;list-style-type: none;display:inline;position:absolute;bottom:0px;left:10px;font-size:1.2em;left: 0;right: 0;text-align: center;}
  #nav li {margin:0px;padding:0px;list-style-type: none;display:inline-block;text-shadow: #4a908c 1px 2px;}
  #nav span {display:inline;float:left;}
    #nav a, #nav a:visited {height:16px;padding:10px;color:#fff;text-decoration:none;font-weight:bold;float:left;margin:0px 18px 0px -10px;}
    #nav a.last {margin:0px 0px 0px -10px;}
    #nav a:hover, #nav a#current {color:#0a3739;}
    
#middle {}
  #middle div.left, #middle div.right {width:100%;}
  @media(min-width: 1024px){
  #middle div.left, #middle div.right {width:50%;}
  #middle div.left p, #middle div.left h2{ padding-right: 25px; } 
  #middle div.right p, #middle div.right h2{ padding-left: 25px; } 
}
  #left {padding:0px 10px 20px;max-width:100%;}
    #banner {margin-top:20px; width: 100%;max-height: 256px;}
    blockquote {border:2px solid #fdfdfd;border-radius:8px;-webkit-border-radius:.8em;-moz-border-radius:.8em;background:#f7f6f3;padding:15px 20px;margin:10px 0px;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.5em;line-height:1.167em;font-style:italic;color:#4a908c;}
      blockquote small {color:#4a6162;}
  #right {padding:20px 10px;width:220px;float:right;}
    #quote {background:transparent url(../images/bg_quote.gif) no-repeat top left;padding:20px 20px 0px;color:#fff;height:256px;}
      #quote label {display:block;}
      #quote input {margin-bottom:10px;border:2px solid #42726e;border-radius:4px;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;padding:1px 3px;width:170px;}
      #quote input:focus {border:2px solid #0a3739;}
      #quote #password {display: none}
  
#footer {background:#eeece7 url(../images/bg_footer.jpg) repeat-x top left;height:110px;padding-top:43px;max-width: 100%;}
  #footer p {padding:0px 10px;width:80%;max-width: 1140px;}
  #footer a, #footer a:visited {color:#fff;font-weight:normal;}
  #footer a:hover {color:#0a3739;}

/***** GALLERY *****/
#gallery {margin:0px -10px 0px -10px;padding:0px;list-style:none;}
  #gallery li {margin:0px;padding:5px 10px 10px 10px;list-style:none;float:left;}
    #gallery li a, #gallery li a:visited {border:1px solid #4a908c;padding:2px;float:left;}
    #gallery li a:hover {border:1px solid #051b1c;}
    #gallery li img {border:none;}
    
/*** Sidemenu ***/
.sidenav {margin:0px 0px 20px;padding:0px;list-style:none;}
  .sidenav li {margin:0px;padding:0px;}
    .sidenav a {border-bottom:1px solid #d4dbd3;border-top:1px solid #fff;display:block;padding:2px 5px;text-decoration:none;}
  
/***** CLASSES *****/
.left {float:left;}
.right {float:right;}
.kill {clear:both;background-color:transparent;height:1px !important;overflow:hidden;}

#caption p{text-align: left;}

.logo-wrapper{
  display: inline-block;
    width: 100%;
    max-width: 1140px;
}

/***** MOBILE *****/
@media(max-width: 767px){
  div.about-img{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .about-img img{
    float:none;
    margin: 0 auto;
  }
  /* Add a black background color to the top navigation */
}

.icon {
  display: none;
}

@media(max-width: 1439px){
  #nav li, #nav .cufon {
    display: none;
  }
  #nav{
  position: relative;
    width: 100%;
    background-image: linear-gradient(#80bdb8, #4a908c);
    display: inline-block;
    margin-top:25px;
  }
  #header .wrapper{
  height: auto;
    padding: 0;
  }
  #nav li{
    width: 100%;
  }
  #nav a, #nav a:visited{
  padding: 10px 0;
  margin:0;
  display: block;
  width: calc(100% - 10px);
  }
  #nav li span:first-child, .logo-wrapper{
    padding-left: 10px;
  }
  #nav a.last{
    margin: 0;
  }
  #nav span.cufon.cufon-canvas{
    display: none !important;
  }
  #nav li span.cufon.cufon-canvas, #nav s span.cufon.cufon-canvas{
    display: inline-block !important;
  }
  #nav li:active{
    background: #4a908c ;
  }
  .icon{
    text-align:left;
    padding-left: 10px !important;
  }
}

@media(max-width:428px){
  #logo {
    font-size: 1.3em;
	width: 100%;
	text-align:center;
  }
  #footer .right{
    width: 100%;
    text-align: center;
  }
  .logo-wrapper{
  padding: 0px;
  }
}

#lightbox img, #imageDataContainer, #outerImageContainer, #lightbox{
max-width: 100%;
}

.slider {
  margin: 0 auto;
}

.slide_viewer {
  height: 500px;
  overflow: hidden;
  position: relative;
}

.slide_group, .testimonial-slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide, .testimonial-slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child, .testimonial-slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background: #D7A151;
}

.slide:nth-of-type(2) {
  background: #F4E4CD;
}

.slide:nth-of-type(3) {
  background: #C75534;
}

.slide:nth-of-type(4) {
  background: #D1D1D4;
}

.slide_buttons, .testimonial-slide_buttons {
  left: 0;
  position: absolute;
  bottom: 20px;
  right: 0;
  text-align: center;
}

a.slide_btn, a.testimonial-slide_btn {
  color: grey;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover, .testimonial-slide_btn.active, .testimonial-slide_btn:hover {
  color: #4a908c;
  cursor: pointer;
}

.directional_nav {
  margin: 0 auto;
  position: relative;
  top: -250px;
}

.previous_btn {
  bottom: 0;
  left: 100px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 100px;
  top: 0;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

.testimonial-slider{
border: 2px solid #fdfdfd;
    border-radius: 8px;
    -webkit-border-radius: .8em;
    -moz-border-radius: .8em;
    background: #f7f6f3;
    padding: 15px 20px;
    margin: 10px 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.5em;
    line-height: 1.167em;
    font-style: italic;
    color: #4a908c;
  height: 130px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
  .testimonial-slider{
  height: 300px;  
}
}
.testimonial-slide p{
  margin: 0;  
}

.testimonial-slide p:before{
content:"";
width:22px;
height:17px;
background: url('/images/quotein.gif');
display: inline-block;
}

.testimonial-slide p:after{
content:"";
width:22px;
height:17px;
background: url('/images/quoteout.gif');
display: inline-block;
}
.testimonial-slide small{
color: #4a6162;
}
.testimonial-slide_viewer{
height: 100%;
overflow: hidden;
}