body {
	font-family: 'Montserrat', Verdana;
	font-size: 13px;
	background: #FFF;
}

h1, h2, h3, h4, .btn {
	font-family: 'Montserrat', Verdana;
}

a {
	color: #165189;
	text-decoration: none;
}

a:hover {
	color: #165189;
	text-decoration: underline;
}

h1 {
	font-size: 31.5px;
}

h1 small {
	font-size: 17.5px;
}

.top {
	background-color: #AAA;
	height: 35px;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 2px #AAA solid;
}

#sharethis span {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.wh {
	background: none;
	background-color: #FFF;
	/*padding-top: 15px;*/
	padding-right: 20px;
	padding-left: 20px;
	max-width: 992px;
}

.phone1 {
	padding: 10px;
	font-weight: bold;
	font-size: 28px;
	color: #D90012;
}

.breadcrumb {
	margin-top: -20px;
}

.tr {
	height: 18px;
}

.social a {
	color: #555;
	text-decoration: none;
}

.social a:hover {
	color: #555;
	text-decoration: none;
}

.tl { text-align: left }
.tr { text-align: right }
.tc { text-align: center }

.video-container {
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 1px solid #ccc;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#flash_msg {
	position: absolute;
	top: 10px;
	right: 10px;
}

#flashMessage{
	margin-top:-20px;
	margin-bottom:10px;
	padding:10px;
	background:#cc0000;
	color:#FFFFFF;
}

.contact-info table td {
	border-top: none;
	border-bottom: 1px solid #DDDDDD;
	padding: 4px 8px 4px 0;
}

.bold {
	font-weight: bold;
}

.error-message {
	color: #CC0000;
	font-size: 90%;
}

.bold {
	font-weight: bold;
}

.blue {
	color: #165189;
}

.grey {
	color: #888;
}

.f20 {
	font-size: 20px;
}

.img100 {
	max-width: 60px;
}

.plb a {
	font-weight: bold;
}

.bread {
	background-color: #e7e7e7;
	padding: 4px;
	font-size: 11px;
	color: #AAA;
	margin-top: -20px;
	margin-bottom: 30px;
}

.bread a {
	color: #777;
}

.credit a {
	font-size: 85%;
	color: #CCCCCC;
}

.navbar li a {
	/*font-size: 12px;*/
}

.services h2 {
	font-size: 16px;
	color: #444;
}

.services p {
	font-size: 13px;
	color: #555;
}

.navbar {
	/*border-radius: 0px;*/
}

.facebook_url {
	display: inline-block;
	/*float: left;*/
	/*margin-right: 5px;*/
	width: 16px;
	height: 16px;
	background-image: url('/img/16px/facebook.png');
}

.google_plus_url {
	display: inline-block;
	/*float: left;*/
	/*margin-right: 5px;*/
	width: 16px;
	height: 16px;
	background-image: url('/img/16px/google-plus.png');
}

.twitter_url {
	display: inline-block;
	/*float: left;*/
	/*margin-right: 5px;*/
	width: 16px;
	height: 16px;
	background-image: url('/img/16px/twitter.png');
}

.yelp_url {
	display: inline-block;
	/*float: left;*/
	/*margin-right: 5px;*/
	width: 16px;
	height: 16px;
	background-image: url('/img/16px/yelp.png');
}

#mapcontainer {
	margin-left: auto; margin-right: auto; padding:3px; background: #FFFFFF;
}
#mapcanvas {
	max-width: 90%; height: 300px;
}

.nw {
	white-space:nowrap;
}
.map {
	width:20px;
	height: 20px;
	background-image: url(/img/googlemap_icon.png);
}
.p {
	width:20px;
	height: 20px;
}




.imagepluscontainer{ /* main image container */
position: relative;
z-index: 1;
}

.imagepluscontainer img{ /* CSS for image within container */
position: relative;
z-index: 2;
-moz-transition: all 0.5s ease; /* Enable CSS3 transition on all props */
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.imagepluscontainer:hover img{ /* CSS for image when mouse hovers over main container */
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}

.imagepluscontainer div.desc{ /* CSS for desc div of each image. */
position: absolute;
top: 400px;
width: 85%;
z-index: 50; /* Set z-index to that less than image's, so it's hidden beneath it */
bottom: 0; /* Default position of desc div is bottom of container, setting it up to slide down */
left: 65px;
padding: 8px;
background: rgba(0, 0, 0, 0.8); /* black bg with 80% opacity */
color: white;
-moz-border-radius: 0 0 8px 8px; /* CSS3 rounded borders */
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
opacity: 0; /* Set initial opacity to 0 */
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /* CSS3 shadows */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-transition: all 0.5s ease 0.5s; /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */
-webkit-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
-ms-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}

.imagepluscontainer div.desc a{
color: white;
}

.imagepluscontainer:hover div.desc{ /* CSS for desc div when mouse hovers over main container */
-moz-transform: translate(0, 100%);
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity:1; /* Reveal desc DIV fully */
}

/*### Below CSS when applied to desc DIV slides the desc div from the right edge of the image ###*/

.imagepluscontainer div.rightslide{
top:700px;
left:0;
right:-500px;
bottom:auto;  /* reset from default */
padding-bottom:10px;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}

.imagepluscontainer:hover div.rightslide{
-moz-transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}

/*### Below CSS when applied to desc DIV slides the desc div from the left edge of the image ###*/

.imagepluscontainer div.leftslide{
width: 750px;  /* reset from default */
top:650px;
left:635px;
bottom:auto;  /* reset from default */
padding-left:15px;
-moz-border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
}

.imagepluscontainer:hover div.leftslide{
-moz-transform: translate(-100%, 0);
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform:translate(-100%, 0);
}

/*### Below CSS when applied to desc DIV slides the desc div from the top edge of the image ###*/

.imagepluscontainer div.upslide{
top:0;
bottom:auto;  /* reset from default */
padding-bottom:10px;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}

.imagepluscontainer:hover div.upslide{
-moz-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform:translate(0, -100%);
}


















@media (min-width: 1200px) {
	.container {
		max-width: 970px;
	}
}

@media (max-width: 767px) {
	body {
		background: none;
	}
	.wh {
		background: none;
		background-color: #FFF;
		padding-right: 10px;
		padding-left: 10px;
		border: 0;
	}
}