/*
* Gazoobie 4.0
* Copyright 2014, iM Image Marketing inc
* www.gazoobie.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
*/
.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.container .column, .container .columns {
	float: left;
	display: inline;
}

.row {
	margin-bottom: 20px;
}

/* Base Grid */
.container .one.columns, .container .one.columns {
	width: 10%;
}

.container .two.columns {
	width: 20%;
}

.container .three.columns {
	width: 30%;
}

.container .four.columns {
	width: 40%;
}

.container .five.columns {
	width: 50%;
}

.container .six.columns {
	width: 60%;
}

.container .seven.columns {
	width: 70%;
}

.container .eight.columns {
	width: 80%;
}

.container .nine.columns {
	width: 90%;
}

.container .ten.columns {
	width: 100%;
}

.container .one-third.columns {
	width: 33%;
}

.container .two-thirds.columns {
	width: 66%;
}

.container .qrt.columns {
	width: 25%;
}

.container .one-third-wide.columns {
	width: 60%;
}

.container .one-third-narrow.columns {
	width: 20%;
}

/* TABLETS */
@media only screen and (min-width: 641px) and (max-width: 1024px) {

.container {
	position: relative;
	width: 100%;
	margin: 0 5px 0 5px;
}

.container .column, .container .columns {
	float: left;
	display: inline;
}

.row {
	margin-bottom: 20px;
}

.container .one.columns, .container .one.column {
	width: 20%;
}

.container .two.columns {
	width: 20%;
}

.container .three.columns {
	width: 30%;
}

.container .four.columns {
	width: 30%;
}

.container .five.columns {
	width: 48%;
}

.container .six.columns {
	width: 68%;
}

.container .seven.columns {
	width: 68%;
}

.container .eight.columns {
	width: 78%;
}

.container .nine.columns {
	width: 78%;
}

.container .ten.columns {
	width: 100%;
}

.container .one-third.columns {
	width: 32%;
}

.container .two-thirds.columns {
	width: 65%;
}

.container .qrt.columns {
	width: 48%;
}

.container .one-third-wide.columns {
	width: 56%;
}

.container .one-third-narrow.columns {
	width: 20%;
}

#headerwrapper {
	margin-top: 62px;
}
}

/* MOBILEPHONES */
@media only screen and (max-width: 640px) {

#headerinfo {
	position: inherit;
	bottom: 0;
	text-align: center;
}

#headerwrapper {
	margin-top: 50px;
}

img {
	max-width: 100% !important;
	height: auto !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.container {
	width: 100%;
}

.container .columns, .container .column {
	margin: 0;
}

.container .one.columns, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.columns, .container .two-thirds.columns, .container .qrt.columns, .container .one-third-wide.columns, .container .one-third-narrow.columns {
	width: 100%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}

h1 {
	font-size: 29px;
	line-height: 30px;
}

h2 {
	font-size: 25px;
	line-height: 26px;
}

h3 {
	font-size: 20px;
	line-height: 21px;
}

h4 {
	font-size: 18px;
	line-height: 19px;
}

h5 {
	font-size: 15px;
	line-height: 16px;
}

h6 {
	font-size: 14px;
	line-height: 15px;
}

/* Mobile Specialty Classes */	
	
.mobileclear {
	clear: both;
	display: block;
	overflow: hidden;
}

.mobilehide {
	display: none;
	visibility: hidden;
}

.mobileshow {
	display: block;
	visibility: visible;
}
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after, .clearfix:after {
	clear: both;
}

.row, .clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Specialty Classes */
.mobilehide {
	display: block;
	visibility: visible;
}

.mobileshow {
	display: none;
	visibility: hidden;
}

.innerdiv {
	margin: 5px;
	float: left;
}

/* #Main Content Styles
================================================== */
#maincontentcontainer {
	padding-top: 15px;
	padding-bottom: 75px;
}

#rtcol {
	margin-bottom: 10px;
}

/* #Footer Qucklinks
================================================== */
#footerwrapper {
	padding: 12px 0;
	background-color: #D4D4D4;
}

#quicklinks {
	float: left;
}

#quicklinks a {
	text-decoration: none;
	font-size: 15px;
	margin-bottom: 10px;
}

/* ================================================
					
				Gazoobie Gagets
									
================================================== */


/* #topnav Styles
================================================== */
#topnavwrapper {
	z-index: 9999;
}

#topnav {
}

#topnav ul {
	text-align: center;
	width: 100%;
	margin-bottom: 2px;
}

#topnav ul li {
	display: inline-block;
	list-style: none;
	margin-bottom: 0px;
}

#topnav ul li:hover {
	position: relative;
	cursor: default;
	text-decoration: underline;
}

#topnav ul li ul {
	background-color: #333;
	display: none;
	z-index: 9999;
	position: absolute;
	top: 100%;
	width: 200px;
	border-radius: 0 0 10px 10px;
	margin: 0px;
}

#topnav ul li ul li {
	float: none;
	display: block;
}

#topnav ul li a {
	text-align: left;
	text-decoration: none;
	padding: 10px 10px 11px 10px;
	font-size: 1.25em;
	color: #4B4B4B;
	display: inline;
}

#topnav ul li.active a {
}

#topnav ul li:hover>ul {
	display: block;
}

#topnav ul li ul li a {
	color: #ECECEC;
	display: block;
	padding: 8px 8px 8px 3px;
	margin-left: 5px;
	cursor: auto;
}

#topnav ul li ul li.last a:hover {
}

/* #jump Styles
================================================== */

#jump {
	height: 385px;
	position: relative;
	margin-bottom: 20px;
}

#jump a {
	display: block;
	position: absolute;
	bottom: 0;
	padding: 8px;
	text-align: center;
	width: 90%;
	background: #95979A;
	border-radius: 4px;
	text-transform: uppercase;
	color: #F5F5F5;
	text-shadow: 1px 1px #3F3F3F;
}

#jump p {
	text-align: left !important;
}

#jump h2 {
	text-align: center;
	display: block;
	background-color: #06693A;
	color: #FFFFFF;
	line-height: 50px;
	margin: 0 5px 5px 5px;
	border-radius: 3px;
	text-shadow: 2px 2px 2px #212121;
}

#jump h3 {
	font-size: 18px;
	display: block;
	text-align: center;
}

#jump img {
	display: block;
	margin: 0 5px 5px 5px;
}

/* #Calendar Styles
================================================== */
#calbodylist .eventitem {
	display: block;
	float: left;
	margin: 8px;
}

.listdate {
	display: block;
	width: 55px;
	background-color: #FBFF6E;
	padding: 3px;
	float: left;
	margin-right: 6px;
}

.event h4 {
	font-size: 18px;
}

#Sat ul {
	margin: 0;
}

#calbody {
	margin-left: 8px;
}

.container .day.columns {
	width: 14%;
	overflow: auto;
}
.container .day.columns::-webkit-scrollbar {
  /* This is the magic bit */
  display: none;
}

.eventinfo {
	font-size: 20px;
	line-height: 21px;
	margin: 5px;
	display: block;
	padding: 5px 0;
}

.container .weekheader.columns {
	width: 14%;
	border-bottom: 2px solid;
	margin-top: 20px;
	padding: 8px 1px;
	background: #FDF091;
	text-align: center;
	font-size: 14px;
}

.datestamp {
	margin: 5px;
	display: block;
	padding: 5px 0;
}

#daybox {
	border: solid 1px rgba(200,200,200,1.00);
	height: 200px;
}

#calbodylist h2 {
	margin: 0;
	background: #000000;
	padding: 18px 8px;
	color: #ffffff;
	border-bottom: 2px solid red;
}

#lightbox {
	padding: 25px;
	border: solid 2px #000000;
}

.title {
	font-size: 10px;
	clear: both;
	margin: 4px;
	padding: 0px 3px;
	display: block;
	border: solid 1px #B3B3B3;
}

/* #banner Styles
================================================== */
#bannerwrapper {
	background-color: #000000;
}

#bannerwindow {
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
}

#bannercolumn {
	margin: 0;
}

.banner a:link, .banner a:visited {
	margin: 0;
}

.banner ul {
	float: left;
	margin-bottom: 0px;
}

.banner ul li {
	display: block;
	float: left;
	margin-bottom: 0px;
}

.banner ul li img {
	float: left;
}

.banner ul li h1 {
	display: block;
	margin-bottom: 20px;
}

/* blogs and news Content Styles
================================================== */

#blognav li a {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#blognav li p {
	margin: 0;
}

#blognav h3 {
	display: block;
	margin: 0;
	border-bottom: 2px rgba(132,132,132,1.00) solid;
	text-align: left;
}

#blognav li {
	font-size: 16px;
	list-style: none;
	margin: 0 0 0 8px;
}

/* #were social Styles
================================================== */
#socialshare {
	margin: 8px;
}

#socialshare h4 {
	margin: 5px 3px;
}

/* #were social Styles
================================================== */
#weresocial {
	text-align: center;
	display: block;
	text-align: center;
	float: left;
	margin-bottom: 10px;
}

#weresocial li {
	display: inline-block;
	text-decoration: none;
	position: relative;
}

#weresocial h3 {
	display: block;
	text-align: center;
	background: rgba(0,104,213,1.00);
	color: #ffffff;
	padding: 5px 0;
	width: 100%;
	margin: 5px 0;
	border-radius: 5px;
}

#weresocial li a {
	width: 35px;
	height: 35px;
	overflow: hidden;
	background: url(../images/social-icons.png);
	display: block;
	background-position-x: 0;
	background-position-y: 34px;
	background-size: 1100%;
	border-radius: 3px;
}

#weresocial li a.fblink {
	background-position-x: 0;
	background-position-y: 35px;
}

#weresocial li a.twtlink {
	background-position-x: -35px;
	background-position-y: 35px;
}

#weresocial li a.pinlink {
	background-position-x: -70px;
	background-position-y: 35px;
}

#weresocial li a.gpllink {
	background-position-x: -105px;
	background-position-y: 35px;
}

#weresocial li a.lnklink {
	background-position-x: -140px;
	background-position-y: 35px;
}

#weresocial li a.ytblink {
	background-position-x: -175px;
	background-position-y: 35px;
}

#weresocial li a.inslink {
	background-position-x: -210px;
	background-position-y: 35px;
}

#weresocial li a.ylplink {
	background-position-x: -245px;
	background-position-y: 35px;
}

#weresocial li a.htglink {
	background-position-x: -280px;
	background-position-y: 35px;
}

#weresocial li a.hzzlink {
	background-position-x: -315px;
	background-position-y: 35px;
}

#weresocial li a.tmblink {
	background-position-x: -350px;
	background-position-y: 35px;
}

#weresocial li a:hover {
	background-position-y: 70px;
}

.tooltips {
	position: relative;
	display: inline;
	position: absolute;
	width: 144px;
	color: #1C1C1C;
	background: #C4C4C4;
	height: 35px;
	line-height: 30px;
	text-align: center;
	visibility: hidden;
	border-radius: 6px;
	font-size: 13px;
	line-height: 13px;
	padding-top: 7px;
}

.tooltips:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #C4C4C4;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover .tooltips {
	visibility: visible;
	opacity: 0.9;
	bottom: 58px;
	left: 50%;
	margin-left: -70px;
	z-index: 999;
}

/* #SubFooter Styles
================================================== */

#subfooterwrapper {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #3E3E3E;
	color: #C5C5C5;
}

#subfooter a {
	color: #C5C5C5;
}

#subfooter p {
	font-size: 16px;
	margin-bottom: 3px;
	color: #C5C5C5;
}

/* #Gallery Styles
================================================== */

#galleryBox {
	overflow: hidden;
	margin-bottom: 1px;
	-webkit-column-count: 4;
	-webkit-column-gap: 1px;
	-webkit-column-fill: auto;
	-moz-column-count: 4;
	-moz-column-gap: 1px;
	-moz-column-fill: auto;
	column-count: 4;
	column-gap: 1px;
	column-fill: auto;
	margin-bottom: 20px;
}

.gallerythumb img {
	position: relative;
	width: 100%;
	height: auto;
	margin: 12px 0;
}

/* product Styles
================================================== */
#productbox .innerdiv {
	border: 2px solid rgba(203, 203, 203, 1);
	height: 420px;
	border-radius: 5px;
}

#productbox h2 {
	font-size: 25px;
	display: block;
	text-align: center;
	background: rgb(75, 104, 171);
	border-radius: 5px;
	margin: 10px;
	line-height: 25px;
	padding: 13px 5px;
	min-height: 50px;
	color: #ffffff;
	text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.61);
}

#productbox #imgbox {
	width: 95%;
	margin: auto;
	overflow: hidden;
	height: 180px;
	position: relative;
	border-radius: 5px;
}

#productbox img {
	max-width: 100%;
	height: auto;
	position: absolute;
	bottom: 0px;
}

#productbox p {
	font-size: 14px;
	line-height: 19px;
	margin: 5px 5px 0 5px;
}