@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Notepad';
  src: url('dist/fonts/NOTEPAD.eot'); /* IE9 Compat Modes */
  src: url('dist/fonts/NOTEPAD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('dist/fonts/NOTEPAD.woff2') format('woff2'), /* Modern Browsers */
    url('dist/fonts/NOTEPAD.woff') format('woff'), /* Modern Browsers */
    url('dist/fonts/NOTEPAD.ttf') format('truetype'), /* Safari, Android, iOS */
    url('dist/fonts/NOTEPAD.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;

}
body {
/* min-height: 2000px;*/
  padding-top: 70px;

  color:#596e77;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  background-image:url(images/siteBackground.jpg);
}

.logo-img-responsive {
  display:block;
  height: auto;
  max-width: 100%;
  margin:36px auto 0 auto;
}
.navbar-default .navbar-nav > li > a {
  color: #cac8c8;
  font-family: 'Notepad';
  font-size:20px;
  font-weight:100;
  margin:0 2px 0 20px;
}
.leftColInfo{
margin:20px 0 0 3%;	
color:#999999;
font-size:100%;
text-align:left;
line-height:15px;

}
.leftColInfo > #leftPhone{
	display:block;
	color:#ff892e;
	font-weight:bold;
	font-size:120%;
}
.mobileLogo, .navInfo{
	display:none;
}

a.gLink:link {text-decoration:none;color:#596e77;}
a.gLink:visited {text-decoration:none;color:#596e77;}
a.gLink:hover {text-decoration:underline;color:#596e77;}
a.gLink:active {text-decoration:none;color:#596e77;}

a[href^=tel] { color: inherit; text-decoration: none; }


#contactForm > .rightCol{
margin:0 0 0 40px;
}
#homePage > .col-xs-8 {
	float:right;
}
@media (max-width: 480px) {
#contactForm > .rightCol{
margin:80px 0 0 0 ;	
}
.logo-img-responsive {
  display:none;
  
}
.leftColInfo > #leftPhone{
	display:none;
}	
}
@media (max-width: 480px) {
.mobileLogo{
	display:block;
	height:106px;
	width:240px;
	background-image:url(images/wbs_logo_mobile.png);
	background-repeat:no-repeat;
	float:left;
	background-position:0 13px;
}	
	
}
@media (min-width: 768px) {
  .navbar-nav {
    float: right;
    margin: 10px 50px 0 0;
  }
  .navbar-default .navbar-nav > li > a {
font-size:20px;
  margin:0 2px;
}

}


@media (min-width: 991px) {
	.navbar-default .navbar-nav > li > a {
  font-size:20px;;
  margin:0 8px;
}
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
    background-color: transparent;
}
.containerTop{
	background-color:#596e77;
}
.containerBody{
	background-image:none;
	background-color:rgba(255, 255, 255, 0.5);
	background-size:100%;
	margin-top:-30px;
	padding-bottom:40px;
	
}


.leftCol{
	margin-left:10%;
	display:block;
}
.rightCol{
	margin-right:20%;
	margin:26px 0 0 0;
}
h1{
	font-size:130%;
	font-weight:bold;
	
}
h2{
	font-size:120%;
	margin:8px 0;
	font-family: Arial;
	font-style: italic;
	font-variant: normal;
	font-weight:normal;
	
}
.copyright{
	font-size:75%;
	margin:40px 0 0 0;
}
@media (min-width: 768px) {
	
	
	.containerTop{
	/*background-color:#596e77;
	box-shadow: 0px 0px 10px rgba(89,110,119,1);
	*/
	background-image:url(images/nav_background.png);
	background-position:center -10px;
	background-repeat:no-repeat;
	background-size:96% 130%;
	background-color:transparent;
	height:76px;
	
}
.containerBody{
background-image:url(images/contentBackground.png);
background-repeat:no-repeat;
background-position:center bottom;
background-size:97% 130%;	
background-color:transparent;	
margin-top:0;
}
.leftCol{
	margin-left:20%;
}
.rightCol{
	margin-right:30%;
	margin:36px 0 0 0;
	
	width:90%;
}
.copyright{
	font-size:85%;
	margin:40px 0 15px 5%;
}
}
.navbar-default {
  background-color:transparent;
  border-color:transparent;
}

@media (max-width: 480px) {
#homePage > .col-xs-4, #homePage > .col-xs-8,
#aboutPage > .col-xs-4, #aboutPage > .col-xs-8,
#testimonialsPage > .col-xs-4, #testimonialsPage > .col-xs-8,
#contactPage > .col-xs-4, #contactPage > .col-xs-8,
#galleryPage > .col-xs-4, #galleryPage > .col-xs-8
 {
	width:100%;
	margin-left:0;
	margin-right:0;
}

.leftCol, .rightCol{
	margin-left:0;
	margin-right:0;
}
/*
.leftCol{
	display:block;
*/

#homePage > .col-xs-8 > .rightCol{
	margin:80px 0 0 0;
}
 .rightCol{
	margin:10px 0 0 0;
}
.col-xs-4 > .leftCol{
	margin:70px 0 0 0;
}
#homePage > .col-xs-4 > .leftCol{
	margin:10px 0 0 0;
}

.leftColInfo{
font-size:85%;
text-align:left;
}
.navInfo{
	font-size:11px;
	color:#cccccc;
	margin:86px 0 0 0;
	text-align:left;
	display:block;
	
	width:300px;
}
}

ul {padding-left:0;margin-bottom:0;}
li{margin-bottom:10px;}
@media (max-width: 480px) {
li{display:inline;padding-right:20px;margin-bottom:0;}	
}
.carousel {
  width:87%;
}
@media (max-width: 768px) {
.carousel {
  width:100%;
}		
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media (max-width: 768px) {
.carousel-control {
  font-size: 30px;
}	
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89362140', endColorstr='#93621400', GradientType=1);
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93621400', endColorstr='#89362140', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-caption {
  position: absolute;
  right: 5%;
  bottom: 20px;
  left: 5%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
 background-color:rgba(89, 110, 119, 0.85);
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 10%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 10%;
}
@media (max-width: 768px) {
.carousel-caption {
  font-size:80%;
}
}
#galleryPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#aboutPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#testimonialsPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#contactPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#thanksPage > .col-xs-4 > .leftCol > .leftColInfo > ul
{
	font-family: 'Notepad';
}
@media (max-width: 480px) {
#galleryPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#aboutPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#testimonialsPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#contactPage > .col-xs-4 > .leftCol > .leftColInfo > ul,
#thanksPage > .col-xs-4 > .leftCol > .leftColInfo > ul{
	font-family:inherit;
}
}
.author{
	font-style:italic;
	font-weight:bold;
	line-height:16px;
	margin:-2px 0 0 0;
	display:block;

}




/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/
/*
#contactus fieldset
{
   width:320px;
   padding:20px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}

#contactus legend, h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}
*/
#contactus label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#contactus input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contactus input[type="text"]
{
  height:18px;
  width:220px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
  
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
   margin:10px 0 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px; 
   background-color:#596e77;
   color:#fff;  
}

#contactus textarea
{
  height:120px;
  width:80%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;  
    font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
}
@media (max-width: 480px) {
#contactus textarea{
	height:100px;
	width:95%;
}	
	
}
/*
#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactus input[type="text"]:focus,textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

*/

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}
/*
.messageArea{
	width:80%;
}
@media (max-width: 480px) {
.messageArea{
	width:95%;
}	
	
}
*/