/* CSS Document */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background: rgba(200,200,255,1.0);
	margin: 0;
}
.html5images {
}
.clear-margins {
	width: 100%
}
h1 {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,200, 1.00);
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 1.0), -1px -1px 5px rgba(255, 255, 255, 1.0);
	font-size: 36px;
	font-weight: 800;
	line-height: 150%;
	letter-spacing: 3px;
	padding: 1px 1px 1px 1px;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	color: red;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	font-size: 30px;
	font-weight: 600;
	color: white;
	text-align: left;
	letter-spacing: 1px;
	padding: 1px 1px 1px 1px;
	margin: 0;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	color: red;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1), 1px 1px 6px rgba(25, 25, 200, 0.9);
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 2px;
	line-height: 175%;
	padding: 6px 0 0 0;
}
.blue-header {
	color: blue;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1), 1px 1px 3px rgba(25, 25, 200, 0.5);
}
h4 {
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0px;
	padding: 18px 0 0 0;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 6px rgba(0, 0, 150, 0.75);
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 150%;
	padding: 0 0 0 0;
}
.h5-larger {
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	color: white;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 150%;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 6px rgba(0, 0, 150, 0.75);
	padding: 0 0 0 0;
}
h5 a:link {
	color: #fff !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 6px rgba(0, 0, 150, 0.75);
}
h5 a:visited {
	color: #fff !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 6px rgba(0, 0, 150, 0.75);
}
h5 a:hover {
	color: yellow !important;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 6px rgba(0, 0, 150, 0.75);
}
h5 a:active {
	color: #330 !important;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1.0), 1px 1px 0 rgba(255, 255, 255, 1.0);
}

h6 {
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 2px;
	padding: 3px 0 3px 0;
}
h6 a:link {
	color: white !important;
	text-shadow: 1px 1px 1px rgba(50, 10, 0, 0.95), 0 1px 1px rgba(0, 0, 0, 0.9);
}
h6 a:visited {
	color: white !important;
	text-shadow: 1px 1px 1px rgba(50, 10, 0, 0.95), 0 1px 1px rgba(0, 0, 0, 0.9);
}
h6 a:hover {
	color: rgba(75,25,0,1.0) !important;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(255, 255, 255, 0.9);
}
h6 a:active {
	color: black !important;
}
p {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,150, 1.00);
	/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
	font-size: 16px;
	font-weight:400;
	letter-spacing: 1px;
	line-height: 200%;
	text-align: left;
	padding-top: 10px;/*	border-top: thin double #e0e0e0;     */
}
p a:link {
	color: rgba(0,0,150, 1.00)!important;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
p a:visited {
	color: rgba(0,0,150, 1.00)!important;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
p a:hover {
	color: white !important;
	text-decoration: none;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
p a:active {
	color: rgba(0,0,150, 1.00)!important;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
.contact-us {
	font-size:16px;	
}
p.contact-us {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,150, 1.00);
	font-size: 16px;
	font-weight:400;
	letter-spacing: 1px;
	line-height: 200%;
	text-align: left;
	padding-top: 10px;
	text-shadow:none !important;
}
p.contact-us a:link {
	color: rgba(0,0,150, 1.00) !important;
	text-shadow:none !important;
}
p.contact-us a:visited {
	color: rgba(0,0,150, 1.00) !important;
	text-shadow:none !important;
}
p.contact-us a:hover {
	color: yellow !important;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(25, 25, 150, 0.9) !important;
}
p.contact-us a:active {
	color: rgba(0,0,150, 1.00) !important;
	text-shadow:none !important;
}
.services {
	font-size:14px;
	line-height:200%;
}
.b-quote-left {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,150, 1.00);
	font-size: 16px;
	font-weight:700;
	line-height:150%;
	padding: 0 0 0 12px;	
}
.b-quote-right {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,150, 1.00);
	font-size: 16px;
	font-weight:700;
	line-height:150%;
	padding: 0 12px 0 0;	
}
.FrontPage {
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(0, 0, 150, 1);
	font-size: 16px;
	font-weight:700;
	letter-spacing: 1px;
	line-height: 175%;
	text-align: left;
	padding-top: 10px;
}
ul.a {
	list-style-type: circle;
	padding: 0 12px 0 12px;
}
.liftup6 {
	margin: -6px 0 0 0;
}
.liftup12 {
	margin: -12px 0 0 0;
}
.liftup18 {
	margin: -18px 0 0 0;
}
.liftup24 {
	margin: -24px 0 0 0;
}
.liftup36 {
	margin: -36px 0 0 0;
}
.liftup48 {
	margin: -48px 0 0 0;
}
.liftup72 {
	margin: -72px 0 0 0;
}
.liftup6 {
	margin-top: -30px;
}
.lower12 {
	padding: 12px 0 0 0;
}
.lower24 {
	padding: 24px 0 0 0;
}
.lower36 {
	padding: 36px 0 0 0;
}
.lower48 {
	padding: 48px 0 0 0;
}
.BigBold {
	font-size: 18px;
	font-weight: 600;
	line-height: 120%;
	padding-top: 0px;
}
.BiggerBolder {
	font-size: 20px;
	font-weight: 800;
	color: #0A6700;
	line-height: 120%;
	padding-top: 0px;
}
.BigBold-SmCaps {
	font-size: 26px;
	font-weight: 600;
	font-variant: small-caps;
	line-height: 120%;
	padding-top: 3px;
}
.NoTopPadding {
	padding-top: 0px;
}
.lightboxSize {
	color: blue;
	font-size: 16px;
	font-weight:300;
	letter-spacing: normal;
	line-height: 175%;
	margin: 0 9px 0 9px;
}
.TightText {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 13px;
	line-height: 140%;
}
.TightTextCondensed {
	font-family: 'Open Sans Condensed', sans-serif;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	font-size: 13px;
	letter-spacing: normal;
	line-height: 175%;
}
.CityZip {
	font-family: 'Open Sans Condensed', sans-serif;
	color: rgba(200, 200, 200, 0.75);
	font-size: 11px;
	letter-spacing: normal;
	line-height: 125%;
	padding: 0 80px 0 80px;
}
.MenuText {
	font-size: 14px;
	color: white;
	line-height: 120%;
	padding: 12px 12px 0 0;
}
.CondensedText {
	font-family: 'Open Sans Condensed', sans-serif;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 2px;
	line-height: 150%;
}
.indent-ul {
	padding-left: 24px;
	color: white;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	list-style-type: disc;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
}
/* Padding added for the sake of NavBar choices scrolling too far past the Menu Item */
.MenuPadding {
	padding: 12px 0 0 0;
}
.PanelsLRPadding {
	padding: 0 24px 0 6px;
}
.PanelsLiftBottomSMXS {
	margin-bottom: -400px;
}
.PanelsLiftBottomLGMD {
	margin-bottom: -200px;
}
/* This is BOX class for drawing a box for a "div" */
.box-news {
	border-width: thin;
	border-style: ridge;
	border-color: green;
	padding: 0 24px 6px 12px;
	margin: 12px 0 6px 0;
}
.box2 {
	border-width: thin;
	border-style: ridge;
	border-color: green;
	padding: 12px;
	margin: 12px 0 0 0;
}
.feedBurnerFeedBlock p.feedTitle {
	color: red;
}
ul.accordion li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	font-weight: lighter;
	letter-spacing: 1px;
	padding-bottom: 12px;
	line-height: 175%;
	color: white;
	text-align: left;
	/*	border-top: thin double #e0e0e0;     */
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
/* Menu Listings */
.menuListRight {
	color: red;
	float: right;
	font-weight: bold;
	padding-left: 12px;
}
ul.menuList {
	color: red;
	list-style: disc;
	padding: 0 0 0 48px;
}
ul.menuList li {
	color: red;
	padding: 6px 0 6px 0;
	text-align: left;
}
ul.menuList a {
	display: block;
	width: 300px;
	height: 225px;
}
/*This was designed for opening space at the top and bottom of the translucent center content section */
.cell-padding {
	padding: 0 1%x 1%;
	margin-bottom: 120px;
}
.cell-padding-xs {
	padding: 0 1%x 1%;
	margin-bottom: 3px;
}
.hanging-indent {
	padding-left: 48px;
	text-indent: -24px;
}
.rssFeed1 {
	background-color: rgba(0, 50, 0, 0.25);
	border-style: inset;
	border-width: 1px;
	padding: 20px;
	margin: 12px 0 12px 0;
}
.FacepileFeed {
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
}
hr {
	margin-top: 6px;
	margin-bottom: 6px;
	border: 0;
	border-top-color: red;
	border-top-style: groove;
	border-width: 2px;
}
.vertical-divider-left {
	border-left: groove;
	border-left-width: 2px;
	border-left-color: red;
	padding: 0 24px 0 24px;
}
.vertical-divider-right {
	border-right: groove;
	border-right-width: 2px;
	border-color: blue;
	padding: 0 24px 0 0;
	font-style: italic;
}
.horizontal-divider-top {
	border-top: groove;
	border-top-width: 2px;
	border-color: #0C0;
	padding: 0 0 0 0;
}
#supersized {
	margin: 0;
}
ul#supersized img {
	max-width: none;
}
/* Header */ 

#header {
	position: relative;
	height: auto;
	margin-left: -120px;
	padding-top: 60px;
	padding-bottom: 225px;
}
#subheading {
	padding: 10px;
	width: 500px;
	background-color: rgba(63, 169, 245, 0.7);
	margin: 0 auto;
	text-transform: uppercase;
	line-height: normal;
}
/* Sections */
section.heading_lg {
	background-color: rgba(255, 255, 255, 0.0);
	padding: 36px 0 0 0;
	margin-left: -3%;
	margin-bottom: -5%;
}
section.heading_md {
	background-color: rgba(255, 255, 255, 0.0);
	padding: 36px 0 0 0;
	margin-left: 0;
	margin-bottom: -5%;
}
section.heading_sm {
	background-color: rgba(255, 255, 255, 0.0);
	padding: 36px 0 0 0;
	margin-left: 0;
	margin-bottom: -5%;
}
section.heading_xs {
	background-color: rgba(255, 255, 255, 0.0);
	padding: 42px 0 0 0;
	margin-left: 0;
	margin-bottom: -10%;
}
/* Main Background for Website */
section.custom-backdrop {
	padding: 40px 0 0 0;
	background-color: rgba(255,255,255, 0.65);
	-webkit-box-shadow: 0 -14px 24px -6px rgba(25,25,0,.45);
	-moz-box-shadow: 0 -14px 24px -6px rgba(25,25,0,.45);
	box-shadow: 0 -14px 24px -6px rgba(25,25,0,.45);
}
section.lightbox {
	padding: 40px 0 0 0;
	background-color: rgba(200,220,255, 1);
}
.lightbox-color {
	color:rgba(255,0,0,1.00);
}
blockquote {
  padding-right: 10px;
  padding-left: 25px;
  margin: 0 0 20px;
  font-size: 18px;
  text-align: left;
  letter-spacing: 3px;
  border-left: 5px solid blue;
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 25px;
  padding-left: 10px;
  text-align: right;
  border-right: 5px solid blue;
  border-left: 0;
}
section.grey {
	background: #ecf0f1;
	padding: 60px 0 100px;	
}
section.empty {
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	padding: 60px 0 24px 0;
}
.shadow-box {
	border:groove;
	-webkit-box-shadow: 0 8px 6px -6px rgba(25,25,0,.75);
	-moz-box-shadow: 0 12px 9px -6px rgba(25,25,0,.75);
	box-shadow: 0 12px 9px -6px rgba(25,25,0,.75); 
}
/*DMX Zone - Yacht Photo Slide and overlap */
.btn-primary {
	color: #fff;
	font-size:10px;
	letter-spacing:1px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	margin: 12px 6px 6px 0;
	background-color: rgba(255,255,255,.25);
	border-color: blue;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #000;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75), 1px 1px 1px rgba(150, 125, 125, 0.9);
	background-color: rgba(100,100,255,.50);
	border-color: rgba(20,200,255,.85);
}
.button-hole {
	padding-left: 25px;
}

/* Section Top Padding of 150px increases the HEIGHT of the photo that slides in */
section {
	padding: 150px 0;
	background: transparent;
	position: relative;
}
.item {
	padding: 0 30px 50px 30px;
	position: relative;
/*	background-color: rgba(0,50,150, 0.4);  */
	background-color: rgba(120,20,20, 0.5);
	-webkit-box-shadow: 0 8px 6px -6px rgba(25,25,0,.75);
	-moz-box-shadow: 0 12px 9px -6px rgba(25,25,0,.75);
	box-shadow: 0 12px 9px -6px rgba(25,25,0,.75);
}
.item h2 {
	padding-top: 0;
	margin: 0;
}
.item h2:after {
	background-color: blue;
	content: "";
	display: block;
	height: 1px;
	margin: 10px 0 10px;
	width: 100%;
	z-index: 2;
}
section#One .image {
	background: url(/img/hvac-kelleys-heating-company-van.jpg);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.5), -3px -3px 12px rgba(0,0,0,0.5);
}
section#Two .image {
	background: url(/img/image02.jpg);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.5), -3px -3px 12px rgba(0,0,0,0.5);
}
section#Three .image {
	background: url(/img/image03.jpg);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.5), -3px -3px 12px rgba(0,0,0,0.5);
}
section#Four .image {
	background: url(/img/image04.jpg);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.5), -3px -3px 12px rgba(0,0,0,0.5);
}
.image {
	height: 75%;
	width: 65%;
	position: absolute;
	background-position: center !important;
	background-size: cover !important;
	top: 0;
}
.image.left {
	left: 0;
	top: 80px;
}
.image.right {
	right: 0;
	top: 80px;
}
header h2, header h1 {
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
header h2 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0;
}
header h1 {
	font-size: 48px;
	letter-spacing: 3px;
}
.more {
	position: absolute;
	bottom: 0;
	right: 0;
}
.more-right {
	right: 0;
}
.more-center {
	margin: 0 auto;
}
div#outro {
	position: relative;
	padding: 60px 0;
	background: #e1e1e1;
}
.left-nav {
	background: #242424;
	width: 240px;
	height: 100%;
	left: 0;
	top: 50px;
	position: fixed;
	z-index: 99;
	padding-top: 48px;
	left: -240px;
}
.left-nav .nav-stacked li a {
	color: #fff;
	text-transform: uppercase;
}
.left-nav .nav-stacked li a:hover {
	background: #fff;
	color: #222;
}
.left-nav .btn {
	color: #fff;
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 999;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#show {
	display: block;
}
#hide {
	display: none;
}
#overlay {
	background: rgba(0,0,0,0.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}

/*Small Devices*/
@media (max-width: 767px) {
section {
	padding: 20px;
	position: relative;
}
.image {
	height: 280px;
	width: 100%;
	position: relative;
	top: 0;
}
}
/*This was designed for opening space at the top and bottom of the translucent center content section */
#emptyTopLg {
	position: relative;
	left: 500px;
	/*	background-color: rgba(0, 0, 0, 0.08);   */
	width: 10px;
	z-index: -111;
	height: 370px;
}
#emptyTopMd {
	position: relative;
	left: 500px;
	/*	background-color: rgba(0, 0, 0, 0.08);   */
	width: 10px;
	z-index: -111;
	height: 360px;
}
#emptyTopSm {
	position: relative;
	left: 400px;
	/*	background-color: rgba(0, 0, 0, 0.08);   */
	width: 10px;
	z-index: -111;
	height: 380px;
}
#emptyTopXs {
	position: relative;
	/*	left: 340px;
	background-color: rgba(0, 0, 0, 0.08);   
	width: 10px;	*/
	z-index: -111;
	height: 240px;
}
ul.portfolio {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	width: 960px;
}
ul.portfolio li {
	float: left;
	width: 300px;
	height: 225px;
	padding-bottom: 25px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
ul.portfolio a {
	display: block;
	width: 300px;
	height: 225px;
}
img#about {
	margin-bottom: 30px;
}
.img-circle {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}
.img-centering {margin: auto}   /* added by DRS to center Enhanced Images ALL THE TIME... */
.img-margin-right {
	margin: 28px 24px 24px 0;
	float:left;
}
.img-margin-left {
	margin: 28px 0 24px 24px;
	float:right;
}
.img-right {
	margin: 9px 3px 0 0;
	float:right;
}
.img-left {
	float:left;
	margin: 12px 6px 0 0;
}

#contact-btn {margin-top: 40px;}
.btn-custom {
	background-color: hsl(201, 100%, 39%) !important;
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0087d1", endColorstr="#0081c6");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#0087d1), to(#0081c6));
	background-image: -moz-linear-gradient(top, #0087d1, #0081c6);
	background-image: -ms-linear-gradient(top, #0087d1, #0081c6);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0087d1), color-stop(100%, #0081c6));
	background-image: -webkit-linear-gradient(top, #0087d1, #0081c6);
	background-image: -o-linear-gradient(top, #0087d1, #0081c6);
	background-image: linear-gradient(#0087d1, #0081c6);
	border-color: #0081c6 #0081c6 hsl(201, 100%, 38.5%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.03);
	-webkit-font-smoothing: antialiased;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	border: none;
	border-radius: 0;
}
footer {
	height: auto;
	/*	background-image: -webkit-linear-gradient(top, #000 50%, #003 100%);
	background-image:         linear-gradient(to bottom, #00004A 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#003', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);    */
	background: transparent url(/img/bg_gloss-wave_footer-bar.png) 100% 100% repeat-x;
	padding: 3px 0px 9px 0px;
	text-align: center;
	color: #000;
}
footer h4 {
	letter-spacing: 1px;
}
footer p {
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	letter-spacing: 7px;
	font-weight: normal;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(0, 50, 0, 0.95), 0 0 12px rgba(150, 200, 150, 0.9);
}
p a:link {
	color: #fff !important;
	text-shadow: 1px 1px 1px rgba(0, 50, 0, 0.95), 0 0 12px rgba(150, 200, 150, 0.9);
}
p a:visited {
	color: #fff !important;
	text-shadow: 1px 1px 1px rgba(0, 50, 0, 0.95), 0 0 12px rgba(150, 200, 150, 0.9);
}
p a:hover {
	color: yellow !important;
	text-decoration: none;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 1.0), 0px 0px 6px rgba(255, 255, 255, 1.0) !important;
}
p a:active {
	color: white !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.95), 0 0 6px rgba(200, 200, 0, 0.9);
}
.table-responsive {
	width: 100%;
	font-size: 75%;
	color: white;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
.table-responsive h5 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: normal;
	font-size: 9px;
}
.table-responsive > .table {
	margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,  .table-responsive > .table > tbody > tr > th,  .table-responsive > .table > tfoot > tr > th,  .table-responsive > .table > thead > tr > td,  .table-responsive > .table > tbody > tr > td,  .table-responsive > .table > tfoot > tr > td {
	white-space: nowrap;
}
.table-responsive > .table-bordered {
	border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,  .table-responsive > .table-bordered > tbody > tr > th:first-child,  .table-responsive > .table-bordered > tfoot > tr > th:first-child,  .table-responsive > .table-bordered > thead > tr > td:first-child,  .table-responsive > .table-bordered > tbody > tr > td:first-child,  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,  .table-responsive > .table-bordered > tbody > tr > th:last-child,  .table-responsive > .table-bordered > tfoot > tr > th:last-child,  .table-responsive > .table-bordered > thead > tr > td:last-child,  .table-responsive > .table-bordered > tbody > tr > td:last-child,  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,  .table-responsive > .table-bordered > tfoot > tr:last-child > th,  .table-responsive > .table-bordered > tbody > tr:last-child > td,  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}
.table-responsive {
	color: white;
}

/*Media Queries*/
@media (min-width: 650px) and (max-width: 980px) {
#slideshow1 {
	height: 640px !important;
}
#slideshow2 {
	height: 640px !important;
}
#slideshow3 {
	height: 640px !important;
}
#slideshow4 {
	height: 640px !important;
}
#slideshow5 {
	height: 640px !important;
}
ul.portfolio {
	width: 640px;
}
ul.portfolio li {
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
footer p {
	font-size: 11px;
	letter-spacing: 1px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#slideshow1 {
	height: 440px !important;
}
#slideshow2 {
	height: 440px !important;
}
#slideshow3 {
	height: 440px !important;
}
#slideshow4 {
	height: 440px !important;
}
#slideshow5 {
	height: 440px !important;
}
header, section, footer {
	margin: 0 0 0 0;
}
section p {
	font-size: x-large;
}
h1 {
}
h2 {
}
#subheading {
	width: 350px;
}
}

@media (min-width: 0px) and (max-width: 659px) {
#slideshow1 {
	height: 300px !important;
}
#slideshow2 {
	height: 300px !important;
}
#slideshow3 {
	height: 300px !important;
}
#slideshow4 {
	height: 300px !important;
}
#slideshow5 {
	height: 300px !important;
}
ul.portfolio {
	width: 300px;
}
ul.portfolio li {
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}
ul.portfolio a {
	filter: alpha(opacity=100);
	opacity: 1;
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
#slideshow1 {
	height: 300px !important;
}
#slideshow2 {
	height: 300px !important;
}
#slideshow3 {
	height: 300px !important;
}
#slideshow4 {
	height: 300px !important;
}
#slideshow5 {
	height: 300px !important;
}
h1 {
}
h2 {
}
p {
}
#subheading {
	width: 240px;
}
#header {
	padding-top: 100px;
	padding-bottom: 100px;
}
img#about {
	width: 60%;
}
}

@media (max-width: 767px) {
#slideshow1 {
	height: 240px !important;
}
#slideshow2 {
	height: 240px !important;
}
#slideshow3 {
	height: 240px !important;
}
#slideshow4 {
	height: 240px !important;
}
#slideshow5 {
	height: 240px !important;
}
footer p {
	font-size: 8px;
	letter-spacing: normal;
}
}

/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
#SlidingPanelsHome.dmxSlidingPanelsView {
	min-height: 560px;
	overflow: hidden;
}
#SlidingPanelsCafe.dmxSlidingPanelsView {
	min-height: 200px;
	overflow: hidden;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
#SlidingPanelsHome.dmxSlidingPanelsView {
	min-height: 560px;
	overflow: hidden;
}
#SlidingPanelsCafe.dmxSlidingPanelsView {
	min-height: 200px;
	overflow: hidden;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#SlidingPanelsHome.dmxSlidingPanelsView {
	min-height: 565px;
	overflow: hidden;
}
#SlidingPanelsCafe.dmxSlidingPanelsView {
	min-height: 520px;
	overflow: hidden;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
#SlidingPanelsHome.dmxSlidingPanelsView {
	min-height: 560px;
	overflow: hidden;
}
#SlidingPanelsCafe.dmxSlidingPanelsView {
	min-height: 400px;
	overflow: hidden;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
#SlidingPanelsHome.dmxSlidingPanelsView {
	min-height: 560px;
	overflow: hidden;
}
#SlidingPanelsCafe.dmxSlidingPanelsView {
	min-height: 400px;
	overflow: hidden;
}
}

/*==========  DRS for Mobile Phone Font Reduction ==========*/

@media (max-width: 767px) {
.CityZip {
	font-family: 'Open Sans Condensed', sans-serif;
	color: rgba(200, 200, 200, 0.75);
	font-size: 8px;
	letter-spacing: normal;
	line-height: 125%;
	padding: 0 20px 0 20px;
}
.FrontPage {
	font-family: 'Open Sans Condensed', sans-serif;
	color: white;
	font-size: 13px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(25, 25, 150, 0.9);
	line-height: 175%;
	text-align: left;
	padding-top: 10px;
}
.btn-primary {
	color: #fff;
	font-size:8px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 1px 1px 3px rgba(50, 25, 25, 0.9);
	margin: 12px 6px 6px 0;
	background-color: rgba(255,255,255,.25);
	border-color: blue;
}
h1 {
	font-size: 24px;
	text-align: left;
	letter-spacing: 1px;
	padding: 1px 1px 1px 1px;
	margin: 0;
}
h2 {
	font-size: 20px;
	text-align: left;
	letter-spacing: 1px;
	padding: 1px 1px 1px 1px;
	margin: 0;
}
h3 {
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
	padding: 1px 1px 1px 1px;
	margin: 0;
}
p {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,150, 1.00);
	/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
	font-size: 14px;
	font-weight:400;
	letter-spacing: 1px;
	line-height: 150%;
	text-align: left;
	padding-top: 10px;/*	border-top: thin double #e0e0e0;     */
}
p a:link {
	color: rgba(0,0,150, 1.00)!important;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
p a:visited {
	color: rgba(0,0,150, 1.00)!important;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
p a:hover {
	color: white !important;
	text-decoration: none;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
p a:active {
	color: rgba(0,0,150, 1.00)!important;/*	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 100, 0.9); */
}
.h5-larger {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: white;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 150%;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), 1px 1px 6px rgba(0, 0, 150, 0.75);
	padding: 0 0 0 0;
	text-align: center;
}
/*p {
	font-size: 11px;
	line-height: 150%;
	letter-spacing: 0;
	padding-bottom: 3px;
	text-align: left;
}
p a:link {
	color: rgba(181,145,87,0.99) !important;
}
p a:visited {
	color: rgba(181,145,87,0.99) !important;
}
p a:hover {
	color: rgba(181,145,87,0.99) !important;
	text-decoration: none;
}
p a:active {
	color: rgba(181,145,87,0.75) !important;
}

*/
.lightboxSize {
	font-family: 'Open Sans Condensed', sans-serif;
	color: blue;
	font-size: 13px;
	font-weight:300;
	letter-spacing: normal;
	line-height: 175%;
	margin: 0 9px 0 9px;
}
footer p {
	font-size: 8px;
	letter-spacing: 2px;
}
.pDescription {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	line-height: 150%;
	padding: 0 24px 0 24px;
}
.h3Description {
	font-size: 18px;
	letter-spacing: normal;
	line-height: 150%;
	padding: 0 24px 0 24px;
}
.h5Description {
	font-size: 14px;
	letter-spacing: normal;
	line-height: 150%;
	padding: 0 24px 0 24px;
}
}