/*

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;

}
iframe.bridgeway-video {height:48vw;}

.entry-content iframe {width:100%; height:45vw;}

body {

	

}

.ngg-imagebrowser h3 {display:none;}
.fifty-percent {width: 45%;
/* float: left; */
display:inline-block;}

a {color: #528778}

#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 .sub-menu a {margin-top:0;}


.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-2811 ul, .menu-menu-1-container ul li.menu-item-591 ul, .menu-menu-1-container ul li.menu-item-1937 ul{width:13vw !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;}