/*
* Gazoobie 3.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
* 
*/

/* #Site Styles
================================================== */
body {
}

.mobilehide {
	visibility: visible;
}

/* #Header Styles
================================================== */
#topbarwrapper {
	background-color: #000000;
	min-height: 15px;
	border-bottom: #707070 3px groove;
}

#headerwrapper-impact {
	height: 600px;
}

#headerwrapper {
	background-color: #1F1917;
}

#headercontainer-base {
	background: url(../../../images/base-header.png) no-repeat top;
	border-bottom: #707070 3px groove;
}

#headercontainer {
	background-color: #1F1917;
}

#tagline h3, #tagline a {
	color: #ffffff;
	text-decoration: none;
	margin-top: 72px;
	font-weight: 100;
}

#headerbx02 {
	box-shadow: 0px 0px 4px 1px #fff;
	padding: 15px 5px;
	border-radius: 8px;
	float: left;
}

#headerbx02 h1, #headerbx02 h2 {
	margin: 0;
	color: #E2C375;
}

/* #topnav Styles
================================================== */
#topnavwrapper {
	background-color: #1F1917;
}

#nav > ul > li {
}

#nav > ul > li.first a {
	border-left: #707070 3px groove;
}

#nav > ul > li > a {
	color: #E6E1DF;
	border-right: #707070 3px groove;
}

#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
	background-color: #323232;
}

/* #banner Styles
================================================== */
.box {
	background-position: center;
}

#bannerwrapper {
	background: #000000;
}

.jump {
	text-align: center;
}

.jump h1, .jump h2, .jump h3, .jump a:link, .jump a:visited {
	color: #EBE7E5;
}

.banner {
	position: relative;
	color: #1E1E1E;
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	padding: 15px 0;
}

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

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

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

.banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
	bottom: 0px;
	display: block;
	width: 100%;
	text-align: center;
}

.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

.banner .dots li.active {
	background: #fff;
	opacity: 1;
}

/* #Price Chart
================================================== */
#pricechart li, #pricechart p, #pricechart h3, #pricechart h4 {
	text-align: center;
}

#pricechart h4 {
	margin: 0 0 10px 0;
	font-size: 24px;
	line-height: 26px;
	text-transform: uppercase;
}

#pricechart p {
	margin: -10px 0 13px 0;
	display: block;
	border-bottom: 1px #4e4e4e solid;
	padding: 0 0 9px 0;
	color: red;
	font-size: 15px;
}

#pricechart ul {
	margin: 0;
}

#pricechart li {
	margin: 0;
	font-size: 13px;
}

#pricechart h3 {
	margin: 0 0 9px 0;
	display: block;
	width: 100%;
	padding: 9px 0;
	background-color: beige;
	border-bottom: 2px #4e4e4e solid;
}

#pricechart .innerdiv {
	border: 2px #C7C7C7 solid;
	min-height: 500px;
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
}

#pricechart .popular {
	border: 2px rgb(124, 36, 36) solid;
	box-shadow: 2px 2px 8px 0px #4e4e4e;
}

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

#minigallery {
	margin-bottom: 15px;
}

#minigallery img {
	box-shadow: 2px 2px 5px 0 rgba(22,22,22,0.81);
}

#minigallery p {
	margin: 0 0 0 5px;
}

#rtcol {
	padding: 5px;
	background-color: #ffffff;
	margin-bottom: 12px;
	border-radius: 5px;
}

.jump1 h4, .jump2 h4, .jump3 h4 {
	display: block;
	text-align: center;
	border: #E0BC50 1px solid;
	padding: 5px;
	border-radius: 3px;
}

.jump {
	margin: 5px 5px 5px 0px;
}

.articleimage {
	max-height: 150px;
	float: left;
	margin-right: 10px
}

.pageimage {
	max-width: 250px;
	height: auto;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: #000000 1px solid;
}

.post {
	margin-bottom: 40px;
	float: left;
}

#tags li {
	margin-bottom: 3px;
}

/* #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;
}
/* #Video Wrapper
================================================== */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin: 0;
	float: none;
	clear: both;

}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.videoWrapper img {
    padding: 0;
    margin: -25px 0 0 22px;
    float: left;
}

/* #Footer Styles
================================================== */
#footerwrapper {
	background-color: #1F1917;
	padding: 12px 0;
	border-top: #000000 groove 5px;
}

#footercontainer, #footercontainer h2, #footercontainer h3, #footercontainer h4, #footercontainer p {
	color: #DBD5D3 !important;
}

#footercol01 a, #footercol01 a:visited {
	color: #DBD5D3;
	text-decoration: underline;
	outline: 0;
	margin-bottom: 5px;
	display: block;
}

#footercol01 li {
	list-style: none;
}

#footercol01 a:hover, #footercol01 a:focus {
	color: #DBD5D3;
	text-decoration: none;
}

#subfooterwrapper {
	background-color: #000000;
	padding-top: 12px;
}

#subfootercontainer, #subfootercontainer a:link, #subfootercontainer a:visited {
	text-align: center;
	min-height: 50px;
	color: #ffffff;
}

#subfooterlinks li {
	display: inline-block;
	list-style: none;
	padding: 5px;
}

/* #Social Icon Styles
================================================== */
#socialicons {
	float: left;
}

#socialicons i {
	display: block;
	padding: 6px 8px;
	border-radius: 3px;
	color: #CBCBCB;
	margin-bottom: 6px;
	width: 100%;
}

#socialicons a:link, #socialicons a:visited {
	text-decoration: none;
	float: left;
	width: 100%;
}

#socialicons .fb {
	background: #45619D;
}

#socialicons .fb:after {
	content: "| facebook"
}

#socialicons .gp {
	background: #DD4B39;
}

#socialicons .gp:after {
	content: "| Google +"
}

#socialicons .li {
	background: #1A84BC;
}

#socialicons .li:after {
	content: "| Linkedin"
}

#socialicons .tw {
	background: #55ACEE;
}

#socialicons .tw:after {
	content: "| twitter"
}

#socialicons i:hover {
	background-color: #515151;
}

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

#tagline h2 {
	font-size: 32px;
}
}

@media only screen and (min-width: 641px) and (max-width: 1023px) {
}

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

#headerbx02 {
	box-shadow: none;
	-webkit-box-shadow: none;
}

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

#tagline h3, #tagline a {
	margin-top: 0;
	text-align: center;
}

.mobileclear {
	clear: both;
	display: block;
	overflow: hidden;
}

#rtcol {
	text-align: center;
}

#headerwrapper {
	margin-top: 50px;
}

#headerwrapper-impact {
	margin-top: 50px;
	background: none;
	background-color: #000000;
	height: 400px;
}

#tagline h2 {
	font-size: 18px;
	line-height: 55px;
}

#tagline li {
	line-height: 55px;
	margin-bottom: 0;
}

#tagline ul {
	margin-top: 0;
}

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

#bannerimage {
	max-width: 98%;
}

.mobilehide {
	visibility: hidden;
	height: 0px;
	min-height: 0px !important;
}

#headerinfo {
	text-align: center;
}

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;
}

#socialicons a:link, #socialicons a:visited {
	width: 28px;
	float: left;
	display: block;
	margin-right: 25px;
	margin-left: 8px;
}

#socialicons i {
	float: left;
	margin-right: 4px;
}

#socialicons .fb {
	background: #45619D;
}

#socialicons .fb:after {
	content: ""
}

#socialicons .gp {
	background: #DD4B39;
}

#socialicons .gp:after {
	content: ""
}

#socialicons .li {
	background: #1A84BC;
}

#socialicons .li:after {
	content: ""
}

#socialicons .tw {
	background: #55ACEE;
}

#socialicons .tw:after {
	content: ""
}

#socialicons i:hover {
	background-color: #515151;
}
}