/*
Theme Name: Westlake Recovery
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: Webber Design
Author URI: http://webbersites.com/
Description: Custom designed wordpress theme for Westlake Recovery.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:
$rembase:     14;
$line-height: 24;
---------- Examples
* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)
* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)
---------- Vertical spacing
Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:
.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}
---------- Further reading
http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
/* =Reset
-------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: "nimbus-sans";
	background-color: #333 ;
	-webkit-font-smoothing: antialiased;
}
body {
	
}
#NavTop {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0;
	color: #FFF;
	width: 100%;
	font-family: arial;
	text-align: center;
}
#Navigation {
	position: absolute;
	z-index: 2;
	top: 0 !important;
	left: 0;
	width: 100%;
}
#Navigation a {
	font-family: "jaf-bernino-sans-comp";
	color: #fbf0d6;
	text-shadow: 0 0 6px #000;
	font-size: 25px;
	text-decoration: none;
	font-size: 2vw;
	line-height: 2.1vw;
	letter-spacing: -1px;
	font-weight: 600;
	text-transform: uppercase;
	text-align:center;
}
#Navigation a:hover {color:#b8eae3 !important;}
#Navigation ul li ul li a {font-size: 20px;
	text-decoration: none;
	font-size: 1.8vw;
	line-height: 1.9vw;}
li.menu-item-1932 a, li.menu-item-592 a, li.menu-item-585 a, li.menu-item-597 a, li.menu-item-2197 a  {margin-top:1vw;}

/*body.admin-bar #Navigation {
	top: 30px;
}*/
#NavigationBack {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
}
#NavigationBack img {
	height: auto;
	width: 100%;
}
#Navigation a.Logo {
	display: block;
	width: 24%;
	float: left;
}
#Navigation a.Logo img {
	width: 100%;
	height: auto;
}
#Navigation ul {
	margin: 0;
	-webkit-padding-start: 0;
	padding: 10px 20px;
	padding-right: 0;
	margin-top: 35px;
	margin-top: 4.1vw;
	float: right;
}
#Navigation li {
	list-style: none;
	display: inline;
	margin: 0 20px 0 0px;
	margin: 0 5.5vw 0 0px;
}
#container {
	position: relative;
	width: 100%;
	height: auto;
}
.HomeBoxText strong {text-align:center; display:block;}
#HeadRoom {
	margin-top: 0px;
	
	height:10vw;
}
body #Slideshow {
	width: 95%;
	min-height: 400px;
	height: auto;
	margin: 0 auto;
	padding: 0px;
}
#Header {
	height: 40px;
	height: 7vw;
	color: #b8eae3;
	text-align: center;
	font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 35px;
	font-size: 3vw;
	font-weight: bold;
}
#Footer a {
	color: #000;
}
#Footer a {
	
	color: #000;
	
	text-decoration: none;
	
	letter-spacing: 0px;
	
}
#Footer ul {
	margin: 0;
	-webkit-padding-start: 0;
	padding: 10px 20px;
	padding-right: 0;
	margin-top: 35px;
	margin-top: 4.4vw;
	margin-right: auto;
	margin-left: auto;
}
#Footer li {
	list-style: none;
	display: inline;
	margin: 0 20px 0 0px;
	margin: 0 2.5vw 0 0px;
}
#Footer {
	background-image: url(images/StoneBG.jpg);
	background-position: top center;
	height: 402px;
	text-align: center;
	padding-top: 30px;
	font-family: arial;
	font-size: 13px;
}
#FooterTable {
	margin-top: 30px;
	margin-bottom: 30px;
}
body.page-id-9 #InTheSand {
	text-align: center;
}
body.page-id-9 #InTheSand a {
	display: inline-block;
	padding: 5px;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	border: solid 1px #000;
	font-weight: bold;
	margin: 10px;
	font-size: 22px;
	font-size: 1.2vw;
}
body.page-id-9 #InTheSand strong {
	color: #528778;
	margin-top: 20px;
	font-size: 22px;
}
#HomepageMiddle {
	min-height: 100px;
	height: auto;
	width: 100%;
	margin: 0 auto;
}
.HomeBoxes {
	width: 30%;
	height: 95%;
	overflow: hidden;
	float: left;
	margin-right: 10px; margin: 0 1vw;
	background-color: #FFF;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.HomeBoxes a {
	color: #959595 !important;
	text-decoration: none;
}

.HomeBoxes a:hover {
	text-decoration: underline;
	color: #42292a!important;
}
.imagearea, .scrollGallery2Head {
	width: 75% !important;
	background-color: #000
}
.thumbarea {
	width: 100% !important;
}
.ngg-gallery-thumbnail-box {
	width: 24%!important;
	height: auto;
}
.ngg-gallery-thumbnail {
	width: 90%!important;
	height: auto;
}
.ngg-gallery-thumbnail img {
	width: 100%!important;
	height: auto;
	border: none !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.ngg-imagebrowser h3 {
}
.pic img {
	width: 100%;
	height: auto;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
#ContactForm {
	float: left;
	margin-right: 25px;
}
#HomepageTop .pic {
	float: right;
	width: 70%;
	margin-left: 25px;
}
#HomepageTop .pic {
	padding-right: 50px;
}
#HomepageBottom .pic {
	float: left;
	width: 70%;
	margin-right: 0px;
}
#HomepageTop h2 {
	color: #528778 !important;
	font-size: 30px;
	line-height: 50px;
	padding-top: 30px;
}
#HomeSlideCaption {
	color: #63a692;
}
p {
	margin-top: 0;
}
#InTheSand {
	min-height: 80px;
	height: auto;
	width: 100%;
	margin: 0 auto;
}
div.HomeBoxes:nth-child(1) strong {
	color: #b9a487;
	font-size: 22px;
}
div.HomeBoxes:nth-child(2) strong {
	color: #528778;
	font-size: 22px;
}
div.HomeBoxes:nth-child(3) strong {
	color: #959595;
	font-size: 22px;
}
#ngg-imagebrowser-1-5 {
	margin-top: -50px;
}
#ngg-imagebrowser-2-5 {
	margin-top: -30px;
}
img {
	border: none;
}
td {
	border-spacing: 0 !important;
}
.readmore-js-toggle {
	font-size: 12px;
}
a.readmore-js-toggle {
	color: #999;
}
#accordion {
	margin-top: 20px;
}

.holder {display: inline-block; height:auto;}
#StaffContent article {}
#StaffContent {
	width: 100%;
	float: left;
	
	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	
	
}
#secondary {
	width: 25%;
	margin-top: 20px;
	padding: 20px;
	margin-left: 20px;
	float: right;
}
.ufo-form {
	background-color: #FFF;
	padding: 20px;
}
#secondary h3 {
	font-size: 16px !important;
	color: #528778 !important;
}
#secondary h2 {
	font-size: 22px !important;
	color: #528778 !important;
	font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.HomeBoxText {
	padding: 10px;
}
.next a, .back a, .counter {
	color: #528778 !important;
}
.back, .counter {
	display: none;
}
h3 {
	font-family: "nimbus-sans";
	font-weight: bold !important;
	font-size: 22px !important;
}
.headliner {
	color: #528778 !important;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: "adobe-caslon-pro";
	font-style: italic;
	font-weight: bold;
	font-size: 25px;
	display: block;
line-height::14px;
}
.page-id-384 .ngg-slideshow, .page-id-383 .ngg-slideshow {
	float: right;
	margin-left: 20px;
}
.page-id-9 h2, .page-id-11 h2 {
	color: #528778 !important;
	margin: 0;
	margin-top:20px;
	padding: 0;
	font-family: "adobe-caslon-pro";
	font-style: italic;
	font-weight: bold;
	font-size: 25px;
	font-size:3vw;
	display: block;
line-height::14px;
}
.page-id-11 h3, .page-id-11 #ContactForm h1 {
	color: #528778 !important;
}
#HomepageBottom h2 {
	color: #3eaccb !important;
	padding-top: 10px !important;
}
.ngg-imagebrowser img {
	border: none !important;
	padding: 0 !important;
}
body.page-id-9 #ufo-form-id-2 {
	float: right;
	margin-left: 30px;
	margin-right: 10%;
}
body.page-id-9 #ufo-form-id-2 h3 {
	color: #528778 !important;
}
/*
h3.the145, .blue {color:#3eaccb !important; }
h3.the143, .green {color:#528778 !important;}
h3.the141, .gold {color:#b9a487 !important;}
h3.the139, .darkgray {color:#42292a !important;}
h3.the137 {color:#3eaccb !important;}
h3.the135, .lightgray {color:#959595 !important;}
h3.the133 {color:#528778 !important;}
h3.the131 {color:#b9a487 !important;}
h3.the129 {color:#42292a !important;}
h3.the127 {color:#959595 !important;}
*/
/*
h3.the418, h3.the405, h3.the125, h3.the115, h3.the100, h3.the90, h3.the70, h3.the58 {color:#3eaccb !important;}
h3.the422, h3.the408, h3.the123, h3.the113, h3.the98, h3.the88, h3.the68, h3.the50 {color:#528778 !important;}
h3.the424, h3.the410, h3.the121, h3.the111, h3.the96, h3.the84, h3.the66, h3.the48 {color:#b9a487 !important;}
h3.the434, h3.the414, h3.the119, h3.the109, h3.the94, h3.the77, h3.the64 {color:#42292a !important;}
h3.the416, h3.the117, h3.the102, h3.the92, h3.the73, h3.the62 {color:#959595 !important;}
*/
@media screen and (max-width: 1380px) {
#HomepageTop h2 {
	font-size: 30px;
	line-height: 40px;
}
#secondary {
	width: 22% !important;
}
input[type=text], textarea {
	width: 150px !important;
}
.HomeBoxes {
	width: 30%;
}
}
@media screen and (max-width: 1200px) {
.HomeBoxes {
	width: 30%;
}
}
@media screen and (max-width: 1100px) {
#HomepageTop h2 {
	font-size: 24px;
	line-height: 32px;
}
input[type=text], textarea {
	width: 120px !important;
}
}
.innercircle {
	float: left;
	width: 70%;
}

/* Images */
.alignleft {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,  .comment-content img,  .widget img,  img.header-image,  .author-avatar img,  img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	margin-bottom: 10px;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,  .gallery-caption,  .entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}



#demos {float:right; width:1400px !important;}

#mainX { width:100%; height:auto; margin:0 auto; padding-right:20px;}

#slideshow img {width:1400px !important; height:720px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);}

#nav { width: 100%; height: 80px; margin: 0px;  overflow:hidden;}

#nav li { width: 110px; float: left; margin: 10px; list-style: none;  }

#nav li a {opacity:0.6;}

#nav a { width: 110px; padding: 3px; display: block; border: 1px solid #ccc; }
 
#nav li.activeSlide a { background: #FFF; opacity:1.0 !important; }

#nav a:focus { outline: none; }

#nav img { border: none; display: block }

#caption {display: table;  width:25%; height:390px;  font-family:arial; font-size:27px !important; font-size:1.9vw !important; float:left; padding-left:20px; font-weight:bold; color: #67A996; line-height:2.2vw; padding-top: 0px; text-align:center;}

#caption-inner {display: table-cell; vertical-align: middle;}

.ngg-imagebrowser h3 {font-size:3vw !important; margin:0; padding:0;}
.ngg-imagebrowser-desc p {font-size:2vw;}
article.readmore {margin-top:20px;}
  .carousel{
    position: relative;
   
    clear:left;
    width:1760px;
    height:140px !important;
    margin:25px auto;
  }
  
 article#post-5 img.alignnone {width:auto !important; height:5vw; margin-right:20px;} 
  #caption {font-size:2.5vw !important; line-height:3vw !important;}
  
    @media (min-width: 1790px)  {
	  #slideshow img {width:1150px !important; height:700px!important;  }
	   div#slideshow.pics, #caption {height:700px!important; }
	  #demos {float:right; width:1150px !important; padding-right:4%;}
	  .carousel{width:1660px; }
	 #caption {font-size:2vw !important; line-height:2.2vw !important;}

	  }
  
  
  
  @media (max-width: 1790px)  {
	  #slideshow img {width:1150px !important; height:700px!important;  }
	   div#slideshow.pics, #caption {height:700px!important; }
	  #demos {float:right; width:1150px !important; padding-right:4%;}
	  .carousel{width:1660px; }
	 #caption {font-size:2vw !important; line-height:2.2vw !important;}

	  }
  
  @media (max-width: 1690px)  {
	  #slideshow img {width:1050px !important; height:610px!important;  }
	   div#slideshow.pics, #caption {height:610px!important; }
	  #demos {float:right; width:1100px !important; padding-right:2%;}
	  .carousel{width:1560px; }
	  #caption {font-size:2vw !important; line-height:2.2vw !important;}

	  }
	  
  @media (max-width: 1590px)  {
	  #slideshow img {width:950px !important; height:580px!important;  }
	   div#slideshow.pics, #caption {height:580px!important; }
	  #demos {float:right; width:950px !important;}
	  .carousel{width:1360px; }
	  #caption {font-size:2.3vw !important; line-height:2.2vw !important;}

	  }
	  
  @media (max-width: 1390px)  {
	  #slideshow img {width:800px !important; height:470px!important;  }
	  div#slideshow.pics, #caption {height:470px!important; }
	  #demos {float:right; width:800px !important;}
	  .carousel{width:1060px; }
	  #caption {font-size:2.0vw !important; line-height:2.2vw !important; width:25%;}

	  }	  
	  
 @media (max-width: 1280px)  {
	  #slideshow img {width:750px !important; height:440px!important;  }
	  div#slideshow.pics, #caption {height:440px!important; }
	  #demos {float:right; width:750px !important;}
	  .carousel{width:860px; }
	  #caption {font-size:2vw !important; line-height:2.2vw !important; width:24%;}

	  }	  
	   @media (max-width: 1210px)  {
		     #caption {font-size:2vw !important; line-height:2.2vw !important; width:20%;}

}

 @media (max-width: 1160px)  {
		     #caption {font-size:2vw !important; line-height:2.2vw !important; width:18%;}
			 body.page-id-9 #ufo-form-id-2 {float:none;}

}

@media (max-width: 1105px)  {
	  #slideshow img {width:650px !important; height:370px!important;  }
	  div#slideshow.pics, #caption {height:370px!important; }
	  #demos {float:right; width:650px !important;}
	  .carousel{width:860px; }
	  #caption {font-size:2vw !important;  height:350px!important; line-height:2.2vw !important; width:18%;}
	  }	 


@media (max-width: 980px)  {
	  #slideshow img {width:550px !important; height:340px!important;  }
	  div#slideshow.pics, #caption {height:340px!important; }
	  #demos {float:right; width:550px !important;}
	  .carousel{width:760px; }
	  #caption {height:300px!important;  font-size:2.2vw !important; line-height:2.4vw !important; width:18%;}
	  .HomeBoxes {
	width: 30%;
	  }
	  }	 

@media (max-width: 800px)  {
.footer-logos {width:50%; margin:0 25% !important;}
#Footer {height:auto;}
	  #slideshow img {width:450px !important; height:270px!important;  }
	  div#slideshow.pics, #caption {height:270px!important; }
	  #demos {float:right; width:450px !important;}
	  .carousel{width:620px; }
	  #caption {height:250px!important;  font-size:2.4vw !important; line-height:2.5vw !important; width:17%;}
	  .HomeBoxes {margin-bottom:10px;}
	   article#post-5 img.alignnone {margin-right:10px; height:10vw;}
	   body.page-id-9 #InTheSand a {font-size:2.9vw;}
	  }	 
	  
	  	  
	@media (max-width: 680px)  {
	  #slideshow img {width:550px !important; height:340px!important;  }
	  div#slideshow.pics, #caption {height:340px!important; }
	  #demos {float:right; width:550px !important;}
	  .carousel{width:520px; }
	  #caption {height:auto!important;  font-size:2.2vw !important; line-height:2.4vw !important; width:100%; margin-top:20px;}
	 
	 
	  }	 
	
	@media (max-width: 640px)  {
	  #slideshow img {width:100% !important; height:60vw!important;  }
	  div#slideshow.pics, #caption {height:60vw!important; }
	  #demos {float:right; width:100% !important; }
	  .carousel{width:420px; }
	  #caption {height:auto!important;  font-size:3.5vw !important; line-height:3.8vw !important; width:100%; margin-top:20px;}
	  #Footer ul {display:none;}
	  #Footer img {margin-bottom:20px;}
	  .page-id-9 h2, .page-id-11 h2 {font-size:40px;}
	  .ngg-gallery-thumbnail-box {width:47% !important;}
	  }	
	  
	  @media (max-width: 540px)  {
	  #slideshow img {width:100% !important; height:60vw!important;  }
	  div#slideshow.pics, #caption {height:60vw!important; }
	  #demos {float:right; width:100% !important; padding-right:0;}
	   article#post-5 img.alignnone {margin-right:15px; height:12vw;}
	  .carousel{width:320px; }
	  #caption {height:auto!important;  width:90%; margin-top:20px;}
	   table td {background:none; height:auto; background-color:rgba(255, 255, 255, 0.5); padding-top:0px;}
	   .home td {width:auto;}
	   #HomepageBottom .pic {
	float: left;
	width: 100%;
	margin-right: 0px;
}

#post-5 strong {font-size:5vw; line-height:5.2vw;} 
	  }	
	  
	  @media (max-width: 440px)  {
	  
	  .carousel{width:255px; }
	  #caption {height:auto!important;  font-size:2.5vw !important; line-height:2.8vw !important; width:100%; margin-top:20px;}
	   
	  }
	  
	 
	  
	      
  #pager{
    position: relative;
    width:auto;
    height:140px;
    list-style: none;
  }

  .carousel .th{
    position: relative;
    float:left;
    width:75px;
    height:140px;
    margin:0 10px 10px 0;
    background:rgba(0,0,0,.2);
    list-style: none;
  }

  .th a{
    float:left;
    width:100%;
    height:100%;
    line-height: 140px;
    text-align: center;
    color:rgba(255,255,255,.9);
    text-shadow:1px 1px 1px rgba(0,0,0,.2);
    font-size: 19px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
	
  }

  .th.activeSlide{
    border-bottom:2px solid rgba(0,0,0,.5);
  }

  .jcarousel-clip{
    float:left;
    width:94%;
    height:140px;
    margin:0 0 0 30px;
    overflow: hidden;
  }

  .jcarousel-next, .jcarousel-prev{
    position: absolute;
    top:0;
    width:20px;
    height:140px;
    background:rgba(0,0,0,.3);
    color:rgba(255,255,255,.8);
  }

  .jcarousel-next a, .jcarousel-prev a{
    float: left;
    width:100%;
    height:100%;
    color:rgba(255,255,255,.8);
    text-decoration: none;
    font-weight: 900;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    line-height: 140px;
    text-align: center;
	
  }
  .jcarousel-next{
    right:0;
  }

  .jcarousel-prev{
    left:0;
  }

  .cycle{
    position: relative;
    float: left;
    clear:left;
    width:750px;
    height:425px;
    background:rgba(0,0,0,.4);
    border:1px solid rgba(0,0,0,.6);
    overflow: hidden;
  }

  .panel{
    float:left;
    width:670px;
    height:365px;
    background:rgba(0,0,0,.8);
    color:rgba(255,255,255,.9);
    padding:40px;
  }
  
  .jcarousel-clip li img {margin-right:20px;}
  
  
  article#post-5 .entry-content {text-align:center;}

 
.top-box a {color:#FFF; text-decoration:none; }
.top-box { height:auto; float:left; margin:5px 0vw; margin-left:3vw; font-family: "jaf-bernino-sans-comp"; font-size:1.5vw; font-weight:800; text-shadow:0 0 5px #000;}
.top-box-right {height:auto; float:right; margin:2px 0vw; margin-right:3vw; font-family: "jaf-bernino-sans-comp"; font-size:1.8vw; font-weight:800; text-shadow:0 0 5px #000;}


.vticker{
	border: 0px;
	width: 40%;
	text-align:right;
}
.vticker ul{
	padding: 0;
	width:100%;
}
.vticker li{
	list-style: none;
	border-bottom: 0;
	padding: 0px;
	text-align:right;
}
.et-run{
	background: red;
}


#page {
	position: relative; /* Set the position property so z-index will apply */
	z-index: 20; /* Make sure this is higher than #menu */
	padding: 20px; padding-right:0; padding-left:0; padding-bottom:0;
	background: #eddecf;
	height: 100%;
	
	background-image: url(images/FullBG.jpg);
	background-repeat: no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	overflow:hidden;
}
#page h1 {
	margin: 0;
}
#toggle-menu {
	position: absolute;
	top: 2.5vw;
	right: 10px;
	padding: 5px;
	border: 0;
	width:10%;
}
#toggle-menu img {width:100%; height:auto;}
#menu {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
	padding: 15px 25px;
	margin: 0;
	list-style: none;
	background: #333;
	
	
	z-index: 10; /* Make sure the z-index is lower than the #page */
}
#menu a {
	display: block;
	color: #fff;
	padding: 5px 0;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.05 );
	font-family: "jaf-bernino-sans-comp"; font-size:4.3vw;
	text-decoration:none;
	font-weight:800;
}
#menu li {list-style: none; padding:0;}
#menu ul {margin:0; padding:0;}
/* Animations */
#page, #menu {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
/* Hide the menu unless it's animating or visible */
.animating #menu, .menu-visible #menu {
	display: block;
}
/***
* If the animating class is present then apply
* the CSS transition to #page over 250ms.
*/
.animating #page {
	transition: transform .25s ease-in-out;
	-webkit-transition: -webkit-transform .25s ease-in-out;
}
/***
* If the left class is present then transform
* the #page element 240px to the left.
*/	
.animating.left #page {
	transform: translate3d( -240px, 0, 0 );
	-webkit-transform: translate3d( -240px, 0, 0 );
}
/***
* If the right class is present then transform
* the #page element 240px to the right.
*/
.animating.right #page {
	transform: translate3d( 240px, 0, 0 );
	-webkit-transform: translate3d( 240px, 0, 0 );
}
/***
* If the menu-visible class is present then
* shift the #page 240px from the right edge
* via position: absolute to keep it in the 
* open position. When .animating, .left and
* .right classes are not present the CSS
* transform does not apply to #page.
*/
.menu-visible #page {
	right: 240px;
}


.services-image {float:right; margin-top:0px; margin-left:30px;}

.page-id-7 h3 {margin-top:0;}
.services-image.item1,
.services-image.item3,
.services-image.item5,
.services-image.item7,
.services-image.item9,
.services-image.item11,
.services-image.item13,
.services-image.item15,
.services-image.item17,
.services-image.item19,
.services-image.item21,
.services-image.item23,
.services-image.item25,
.services-image.item27,
.services-image.item29 {float:right; margin-left:20px; margin-right:0;}

.services-image.item0,
.services-image.item2,
.services-image.item4,
.services-image.item6,
.services-image.item8,
.services-image.item10,
.services-image.item12,
.services-image.item14,
.services-image.item16,
.services-image.item18,
.services-image.item20,
.services-image.item22,
.services-image.item24,
.services-image.item26,
.services-image.item28,
.services-image.item30 {float:left; margin-right:20px; margin-left:0;}



	@media (min-width: 800px)  {
		#menu-menu-1 {display:block;}
		#toggle-menu {display:none;}
	}
	
	@media (max-width: 800px)  {
		#menu-menu-1 {display:none;}
		#toggle-menu {display:block; margin-top:2.4vw;}
		h1 {font-size:4vw;}
		#page {
			background-size: 170% auto;
			}

		#Navigation a.Logo {
			display: block;
			width: 40%;
			float: left;
			}
			
		#HeadRoom {
			margin-top: 0px;
			height:17vw;
			}

	.top-box { height:auto; float:left; margin:5px 0vw; margin-left:3vw; font-family: "jaf-bernino-sans-comp"; font-size:2.1vw; font-weight:800; text-shadow:0 0 5px #000;}
.top-box-right {height:auto; float:right; margin:5px 0vw; margin-right:3vw; font-family: "jaf-bernino-sans-comp"; font-size:2.1vw; font-weight:800; text-shadow:0 0 5px #000;}
.paybill {display:none;}
.vticker {width:45%;}

#HomepageTop h2 {
	font-size: 20px;
	line-height: auto;
}
.HomeBoxes {
	width: 100%;
	margin: 10px auto !important;
}
.innercircle {
	width: 100% !important;
}
#secondary {
	display: none;
}


.headliner {
	color: #2c7f96 !important;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: "adobe-caslon-pro";
	font-style: italic;
	font-weight: bold;
	font-size: 25px;
	display: block;
line-height::14px;
}
.page-id-9 h2, .page-id-11 h2 {
	color: #2c7f96 !important;
}
#StaffContent h1 { font-size:25px; margin-bottom:20px;}
#StaffContent {
	width: 100%;
	float: left;
	
	margin-top:30px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
	
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 40px;
	
	
}
#Header {font-size:6vw; margin-bottom:5vw;}
body.home #Header {font-size:3vw; margin-bottom:5vw;}
#Slideshow {width:100% !important;}
#Slideshow article img {float:none; width:100%; height:auto; margin-bottom:30px;}
article#post-11.post-11 {padding-top:20px !important;}
#ContactForm {margin:0;}



.page-template-page-general iframe {height:200px;}

#page-id-9 .entry-content img {width:100%; height:auto; float:none;}

.headliner {
	
	font-size: 25px;
	
line-height:26px;
}

.page-id-7 #StaffContent img {width:35% !important; float:right;}

	}
	
	
	
	@media (max-width: 370px)  {
		 h3 {font-size:19px !important;}
		.services-image {margin-left:0; margin-right:0; margin-bottom:5px;}
		#menu a { font-size:7.3vw;}
		#body #Slideshow {width:100%;}
		.HomeBoxes {
	width: 100%;
	margin: 0 !important;
	}
	

#HomepageMiddle td {width:1px;	}


		}
	
	
	.menu-menu-1-container
{
	margin-top:0px
}

.menu-menu-1-container ul
{
	list-style:none;
	position:relative;
	z-index:99999999;
	float:left;
	
	margin:0;
	padding:0
}

.menu-menu-1-container ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	height:72px;
	font-size:12px;
	line-height:32px;
	padding:0px;
	margin-top:1vw;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

.menu-menu-1-container ul li {
	position:relative;
	z-index:99999999;
	float:left;
	margin:0;
	padding:0
}

.menu-menu-1-container ul li.current-menu-item {
	}

.menu-menu-1-container ul li:hover
{
	
}

.menu-menu-1-container ul ul
{
	display:none;
	position:absolute;
	z-index:99999999;
	width:60vw;
	background-color:#000;
	left:-30vw;
	top:0px;
	
	padding:0;
	
}


.menu-menu-1-container ul li.menu-item-591 ul, .menu-menu-1-container ul li.menu-item-1937 ul{width:180px !important; left:0 !important;}
.menu-menu-1-container ul ul li a {height:auto;	}
.menu-menu-1-container ul ul li, .menu-menu-1-container ul ul li a {font-size:1.4vw !important;}
.menu-menu-1-container ul ul li a:hover {color:#b8eae3 !important;}
.menu-menu-1-container ul ul li
{
	float:left;
	width:200px;
	width:12.4vw;
	min-height:20px;
	height:auto;
	
}

.menu-menu-1-container ul ul a
{
	line-height:120%;
	padding:0;
	text-transform:	capitalize !important; 
	letter-spacing: 0px !important;
}

.menu-menu-1-container ul ul ul
{
	top:0;
	left:100%
}

.menu-menu-1-container ul li:hover > ul
{
	display:block
}


.ngg-imagebrowser-desc {display:inline; }
.ngg-imagebrowser .pic {margin-right:30px !important;}
.next {clear:both; margin-bottom:30px;}




.menu-menu-1-container ul ul li a {text-align:left !important;}