/* =============================
	BODY / GENERAL
============================== */
html { height: 100%; }
body { background: url( "../images/header.png" ) repeat-x top center; background-size: 101%; background-color: #09625C;  }
.wrap { height: 100%; width: 1070px; margin: 0 auto; background-color: #fff;  overflow: hidden;padding: 0px 20px 20px;}

.logo.wrap {  background-color: transparent; margin-top: 50px; margin-bottom: 0px;  overflow: visible; }
.logo .graphic { position: absolute; height: 120px; width: 100px; background: url( "../images/logo_sm.png" ) no-repeat center;  top: -40px; left: 3px; background-size: 80%;}
.logo .company { padding-left: 75px; }
header.wrap { margin-top: 30px;  border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border: 0px solid #000000; padding: 12px 20px 30px 20px;  }
footer.wrap {  border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; border: 0px solid #000000; }

header { margin: 10px 0 20px 0; }

/* =============================
	NAVAGATION
============================== */

nav #mobilenav { display: none; }
nav { min-height: 50px; border-bottom: solid 2px  #B9D9D6;  }
nav .menu { font-size: 18px;float: left !important; }
nav .menu li {padding: 15px;float: left; }
nav .menu a, nav a#mobilenav { text-decoration: none; transition: all 0.3s ease; }
nav .menu a:hover, nav .menu a:active { text-decoration: underline;  transition: all 0.3s ease; }
header nav ul li.current-menu-item a { text-decoration: none; color: #333; }

/* ==== SOCIAL MEDIA ==== */
nav .social-icons { float: right !important;  margin-right: 20px;}
nav .social-icons li { float: left; padding: 0; margin-left: 5px }
nav .social-icons i { color:  #09625C; padding: 15px 1px; position: relative; background: none repeat scroll 0 0 transparent; opacity: 1; transition: opacity 0.3s ease; }
nav .social-icons i:hover { opacity: 0.5; transition: opacity 0.3s ease; color: #0A3C38 }


/* =============================
	CONTENT
============================== */

#content {  width: 60%; padding: 0px 10px 30px 15px; margin: 15px 5px 20px 3px; float: left; overflow: hidden; }
#content h1 { margin-bottom: 15px;  padding-bottom: 4px; border-bottom: 2px dotted #dadada; }
#content h2 { margin: 10px 0px 6px 0px;  }
#content p {  margin-bottom: 7px;  }


/* flexslider */
#content .pre {  width: 98%; height: 2100px; margin: 25px 0px 20px -3px;  }
#content .first-slide { width: 98%; height: 250px; background: url(../images/first-slide.jpg) no-repeat scroll center center / cover transparent !important; display: block;}
#content .slides { margin: 25px 0px 20px -3px; }
#content .the-slide { width:98%; height: 250px;b }



.news { margin: 35px 0px ;  }
#content .news h2 {  margin-bottom: 7px; color: #fff;background-color: #92BAB7; padding: 4px;}
.news-date {display: block; margin: 4px 0px 4px 2px; overflow: hidden; width: 98%; word-wrap: break-word; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; padding: 3px 0px 1px 0px;}
.entry  { min-height: 50px; margin: 1px 0px 10px 1px;  padding: 8px 0 5px 1px; font-size: 14px;}
.entry h4 { margin-bottom: 3px; }
.entry .post-info { margin-bottom: 0px; left: 2px;}



.framed_box {margin: 30px 0px 10px 0px; max-width: 95%; padding: 2px 2px 0px 10px; border: thin solid #dadada; background-color: #fafafa; }
/* framed boxes */
.framed_box p { margin: 5px 5px 5px 0px; }
#content .framed_box h2 { color: #3a3a3a; margin: 0px 0px 5px 30px; }
.framed_box i {  color: #3a3a3a; font-size: 21px; width: 20px; margin-right: 0px; line-height: 1; position: relative; float: left; top: 5px;  }
.framed_box a {  color: #333;  }
.framed_box  { opacity: 0.9;   }
.framed_box:hover { opacity: 1.0;  }
.framed_box a:hover {  color: #09625C; }







/* =============================
	SIDEBARS
============================== */

.sidebar {min-height: 400px; float: left; width: 33%; margin: 5px 0px 60px 10px; padding:  0px 0px 5px 20px; overflow: visible; position: relative;    display: block; background: none repeat scroll 0px 0px #92BAB7; color: #000;}

.sidebar  h4, .sidebar-pages  h4 { margin: 15px 0px 10px 0px ;  padding-bottom: 2px; border-bottom: 2px dotted #dadada;  width: 98%;}
.sidebar ul li {  margin: 1px 0px 2px 0px; line-height: 18px; }
.sidebar ul li.telephone {  margin: 7px 0px 0px 0px;}

.sidebar .emergency {  margin: 15px 0px 25px 0px;  }
.sidebar .emergency p {  font-size: 13px; line-height: 16px;}
.sidebar .emergency .telephone {  display: block; margin: 7px 0px;}
.contact form { width: 94%;  margin: 25px 0px;   }

/* =============================
	FORMs
============================== */

 form {  padding: 1px 0px; margin: 35px 0px;   }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .sidebar .gform_wrapper .top_label textarea.textarea {  width: 95%; }
.gform_wrapper .gform_heading { margin-bottom: 0px;} 
 .gform_wrapper form input,  .gform_wrapper form textarea { height: 22px; border-radius: 0px; box-shadow: none !important; border: 2px solid #ECEBE9;  color: #333; width: 95%; }
 .gform_wrapper form textarea.medium, .sidebar .gform_wrapper form textarea.medium  { height: 140px; padding: 5px; }

#content .gform_wrapper input[type="text"], #content .gform_wrapper textarea, .sidebar .gform_wrapper input[type="text"], .sidebar .gform_wrapper textarea  {  font-size: 14px;  padding-left: 5px;}


form .gfield_contains_required input {background: url('../images/astrix.png') no-repeat scroll 96% center #fff; }
.gfield_required { display: none;  }
.gfield_label { font-weight: normal; width: 160px;  text-align: left; font-size: 1.125em; line-height: 48px; padding: 0px; margin: 0px;  }
#content .gform_wrapper .top_label input.medium, .sidebar .gform_wrapper .top_label input.medium{  width: 94%  }
#content .gform_wrapper .top_label textarea.textarea  {  width: 97%  }
#content .gform_wrapper .ginput_complex .ginput_full input[type="text"]  {  width: 94%!important  }
#content .gform_wrapper .ginput_complex .ginput_right select {   width: 60%!important; }
#content .gform_wrapper .top_label .gfield_label { width: 85% }
#content .terms {  margin-top: 25px; }
#content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {  position: relative; bottom: 3px;  }

.sidebar .gform_wrapper .gform_heading { margin:0px; }


.gform_wrapper .gform_footer input.button {   display: inline-block; padding: 8px 20px; font-size: 1.25em; border-radius: 5px; float: right; text-decoration: none;  width: 100px; height: 38px; color: #fff ;  display: inline-block; padding: 3px 7px; font-size: 14px; border-radius: 5px; float: right; background: none repeat scroll 0% 0% #09625C; color: #FFF; text-decoration: none;  width: 100px; height: 32px;  margin-top: 15px; position: relative; right: 10px; bottom: 15px}

.gform_wrapper .gform_footer input.button:hover { text-decoration: none; color: #fff ; background: none repeat scroll 0% 0% #0A3C38; }
.contact-confirmation  #content {  min-height: 550px;  }
.gform_confirmation_message_1.gform_confirmation_message { margin-top: 20px; width: 95%; font-size: 14px; color: #333; }




/* =============================
	FOOTER
============================== */

footer.wrap{  }

span.cp { display: block; background-color: transparent; text-align: left; padding: 10px;}