/* CSS Document */
body {
	font-family: "Open Sans";
	background:#0F0;
	margin: 0;
}
.html5images {}
.clear-margins {width:100%}

h1 {
	font-family: 'Montez', cursive;
	font-size: 60px;
	font-weight:bold;
	line-height: 100%;
	letter-spacing: 2px;
	padding: 1px 1px 1px 1px;
	color:#060;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 0 0 14px rgba(25, 50, 25, 0.9);
}
h2 {
	font-family: 'Montez', cursive;
	font-size: 36px;
	font-weight:bold;
	color: white;
	text-align:left;
	letter-spacing: 1px;
	padding: 1px 1px 1px 1px;
	margin: 0;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 0 11px rgba(25, 120, 25, 0.95);
}
h3 a:link, a:visited  {
	font-family: 'Montez', cursive;
	font-weight:bold;
	font-size: 36px;
	text-align:center;
	letter-spacing: 2px;
	line-height: 100%;
	padding: 6px 0 0 0;
	color:#060;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 1px 1px 0 rgba(220, 255, 220, 0.85);
}

h4 {
	font-family: 'Montez', cursive;
	color:#fff;
	font-size: 42px;
	text-align:center;
	line-height: 150%;
	letter-spacing: 0px;
	padding: 18px 0 0 0;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.95), 0 0 12px rgba(0, 100, 0, 0.75);
}
h5 {
	font-family: "Open Sans";
	font-size: 14px;
	letter-spacing: 1px;
	line-height:150%;
	padding: 0 0 0 0;
	color:#330;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 1px 1px 0 rgba(220, 255, 220, 0.85);
}
h5 a:link {
	color:#330 !important;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 1px 1px 0 rgba(220, 255, 220, 0.85);
}
h5 a:visited {
	color:#330 !important;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 1px 1px 0 rgba(220, 255, 220, 0.85);
}
h5 a:hover {
	color:#fff !important;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 1px 0 rgba(50, 150, 50, 0.9);
}
h5 a:active {
	color: #330 !important;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 1px 1px 0 rgba(220, 255, 220, 0.85);
}

h5.larger-bolder {
	font-family: "Open Sans";
	font-weight:bolder;
	font-size: 24px;
}

h6 {
	font-family: "Open Sans";
	font-weight:bold;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 2px;
	padding: 3px 0 3px 0;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 1px 1px 1px rgba(0, 0, 0, 0.75);
}

h6 a:link {
	color:#fff !important;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 1px 1px rgba(0, 0, 0, 0.9);
}
h6 a:visited {
	color:#fff !important;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 1px 1px rgba(0, 0, 0, 0.9);
}
h6 a:hover {
	color:#003300 !important;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 0 1px 1px rgba(255, 255, 255, 0.9);
}
h6 a:active {
	color: #000 !important;
}

p {
	font-family: "Open Sans";
	font-size: 13px;
	line-height: 175%;
	color:#330;
	text-align: left;
	padding-top: 20px;
	text-shadow:0 1px 1px transparent, 0 1px 1px rgba(255, 255, 255, 0.9);
}
p a:link {
	color:#330 !important;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 1px 1px rgba(0, 0, 0, 0.9);
}
p a:visited {
	color:#330 !important;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 1px 1px rgba(0, 0, 0, 0.9);
}
p a:hover {
	color:#330 !important;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 0 1px 1px rgba(255, 255, 255, 0.9);
}
p a:active {
	color:#330 !important;
}
p.largerFont {
	font-size:16px;
	font-weight: bolder;
}
p.largerFont2 {
	font-size:18px;
	font-weight: bolder;
}
ul.a {
    list-style-type: circle;
	padding: 0 12px 0 12px;
}

.liftup {
	margin: -28px 0 0 0;
}
.liftup18 {
	margin: -18px 0 0 0;
}
.liftup24 {
	margin: -24px 0 0 0;
}
.liftup2 {
	margin: -20px 0 12px 0;
}
.liftup3 {
	margin: -12px 0 0 0;
}
.liftup4 {
	margin: -12px 0 12px 0;
}
.liftup5 {
	margin: -20px 0 -12px 0;
}
.liftup6 {
	margin-top: -30px;
}

.lower1 {
	padding: 32px 0 0 0;
}
.lower2 {
	padding: 12px 0 0 0;
}
.BigBold {
	font-size: 18px;
	font-weight:bold;
	line-height: 120%;
	padding-top: 0px;
 }
 .BiggerBolder {
	font-size: 20px;
	font-weight:bolder;
	color:#0A6700;
	line-height: 120%;
	padding-top: 0px;
 }
.BigBold-SmCaps {
	font-size: 26px;
	font-weight:bold;
	font-variant:small-caps;
	line-height: 120%;
	padding-top: 3px;
 }
 .NoTopPadding {
	padding-top: 0px;
 }
.TightText {
	font-size: 11px;
	line-height: 140%;
 }
.TightTextCondensed {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 11px;
	line-height: 110%;
 }
 .MenuText {
	font-size: 14px;
	color:#330;
	line-height: 120%;
	padding: 12px 12px 0 0;
 }
.CondensedText {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#330;
	font-weight:400;
	font-size: 14px;
	font-style:italic;
	letter-spacing: 2px;
	line-height: 150%;
 }

/*  LIGHTBOX FONT & BUTTONS - for LightBox -- MG Climate Set up */
.lightboxSize {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 175%;
	text-shadow:none;
}
.btn-primary {
  color: #fff;
	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(0,255,0,.80);
  border-color: black;
}
.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);
   border-color: yellow;
 }
.button-hole {
	padding-left: 25px;
}
.more {
	position:absolute;
	bottom:0;
	right:0;
}


/* 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);
}
/* CAFE Menu Listings */
.menuListRight {
    float: right;
	font-weight:bold;
	padding-left:12px;
}
ul.menuList {
	list-style: none;
	margin: 0 auto;
}
ul.menuList li {
	text-align:left;
	padding: 0 0 6px 0;
}
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: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px groove #0C0;
}
.vertical-divider-left {
	border-left:groove;
	border-left-width:2px;
	border-left-color: #0C0;
	padding: 0 24px 0 24px;
}
.vertical-divider-right {
	border-right:groove;
	border-right-width:2px;
	border-color: #0C0;
	padding: 0 24px 0 0;
}
.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;
	background-color: rgba(0, 0, 0, 0.0);
}
#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%;
}
section.white {
	background-color: rgba(220, 255, 220, 0.75);
	padding: 60px 0 0;
}
/*
section.white h2, section.grey h2 {
	font-family: 'Montez', cursive;
	font-size: 36px;
	color: white;
	text-align:left;
	letter-spacing: 1px;
	margin: 0;
	text-shadow:1px 2px 9px transparent, 1px 2px 9px rgba(0, 50, 0, 0.95);
}
*/

section.grey {
	background: #ecf0f1;
	padding: 60px 0 100px;
}
section.empty {
	background-color: rgba(0, 0, 0, 0.0);
	text-align:center;
	padding: 60px 0 24px 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: 320px;
}
#emptyTopMd {
	position:relative;
	left: 500px;
/*	background-color: rgba(0, 0, 0, 0.08);   */
	width: 10px;
	z-index: -111;
	height: 290px;
}
#emptyTopSm {
	position:relative;
	left: 400px;
/*	background-color: rgba(0, 0, 0, 0.08);   */
	width: 10px;
	z-index: -111;
	height: 265px;
}
#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}
.img-margin-left {margin: 28px 0 24px 24px}

#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;
	color: #fff;
	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";
	font-weight:500;
	color:#fff;
	font-size: 12px;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 0 12px rgba(150, 200, 150, 0.9);
	letter-spacing: 7px;
}
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:#003300 !important;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 0 12px rgba(150, 200, 150, 0.9);
}
p a:active {
	color: #000000 !important;
	text-shadow:1px 1px 1px rgba(0, 50, 0, 0.95), 0 0 12px rgba(150, 200, 150, 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:Verdana, Geneva, 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:12px;
		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 {	}
	h1 {    }
    h2 {    }
    #subheading { width: 350px; }

h3 a:link, a:visited  {
	font-family: 'Montez', cursive;
	font-weight:bold;
	font-size: 24px;
	text-align:center;
	letter-spacing: 2px;
	line-height: 100%;
	padding: 6px 0 0 0;
	color:#060;
	text-shadow:1px 1px 0 rgba(220, 255, 220, 0.75), 1px 1px 0 rgba(220, 255, 220, 0.85);
}


}
	 @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: 0px;
}
.lightboxSize {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	line-height: 160%;
	margin: 0 6px 0 6px;
	text-shadow:none;
}

.lightboxSize {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	line-height: 160%;
	margin: 0 6px 0 6px;
	text-shadow:none;
}
}
 
  /*==========  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;
}
	}