/*
Theme Name: 	The Veltones
Theme URI: 		http://jonsbees.buzz
Version: 		1.0
Author: 		Mega Mind Media
Author URI: 	http://megaminddesign.co.uk
*/

/* -------------
01 Defaults 
---------------- */

@import "css/reset.css";


div,
article,
section,
header,
footer,
nav,
li					{}
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body,
input,
textarea {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#fff;
  background:#fff;
  height:100%;
  font-size:13px;
}
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ------------
02 Typography 
--------------- */
b, strong {color:#fff;font-weight:bold;}
article b, article strong {font-weight:bold;}
a {color:#023c86;text-decoration:none;}
a:hover {color:#fff;}
h1,h2,h3,h4 {
	font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#023c86;
	font-weight: 700;
	text-transform: uppercase;
}
h1 {
	font-size:32px;
}
h2 {
font-size:26px;
}
h3 {
font-size:20px;
}
h4 {
font-size:16px;
}
h2 a {text-decoration:none;}
h3 {
	margin:0;
}

h7 {
font-size:15px;
}
h8 {
font-size:20px;
}
.col_33 strong {font-weight:normal;}
span.strap {font-size:30px;text-align:center;}
.col_content h1,
.col_33 h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-bottom:.75em;
	}
.leading {color:#cccccc;display:block;padding-bottom:12px;}
.col_25 h2{font-size:18px;margin-bottom: 15px;text-decoration:none; color:#eee;}
.col_sidebar h2{font-size:18px;margin-bottom: 15px;text-decoration:none;}
.col_sidebar h2 {}
.col_content h2 {}
.col_content h3 {margin:1em 0 1em;}
.col_content h4 {}


.col_content p {font-size: 1em;}
.quote {font: 700 150px 'Georgia', serif; color:#B9D1D3;margin-bottom:1em;float:left; margin: -25px 30px -25px 0;}
.number {font:400 120px 'Oswald',serif; color:#B9D1D3;margin-bottom:1em;float:left; margin: -20px 50px 60px 0;}
.col_sidebar ul a {text-decoration:none;font-size:13px;}
.col_sidebar li .textwidget h2, .col_audit h2 {font-size:32px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;margin:0 0 15px;padding:0 0 15px;line-height:32px;color:#F4333B;text-align:center;}
div.wpcf7 .watermark {font-style:italic; color:#aaa!important;font-size:14px;}
.col_footer h2 {font-weight:bold;margin-bottom:10px;}
.wp-smiley {width:15px!important;}
.video-pad {
padding-bottom:24px;
}
/* ------------
03 Structure
--------------- */
article {float:left;margin-bottom:50px;border-bottom:1px solid #D7E2E4;}
.col_content img {height:auto; width:100%;}
.clear {clear:both;margin-bottom:15px;}
p {margin-bottom:1.5em;}


/* background-image*/
#wrap {
	width:100%;
	background-color:#fff;
	margin:0;
	position:relative;
	overflow: auto;
	/* ############ BACKGROUND IMAGE #############################
	background-image: url('DSC_3031(mod375).jpg');*/
	/*background-image: url('DSC_3031(mod375).jpg');*/
	background-image: url('DSC_3312 (2).jpg');
	
	background-repeat: no-repeat;
	background-position: center top;
}
#bg_test {
	width:100%;
	background-color:#fff;
	margin:0;
	position:relative;
	overflow: auto;
	background-image: url('DSC_3031(mod 75).jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
#before-menu{
	width:100%;
	background-color:#291b2f;
	position:relative;
}
col_content
#telephone {
	float:right;
	margin-top:6px;
}	
#telephone a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#telephone img {vertical-align:bottom;}
.top-menu{
	max-width:1200px;
	overflow:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 2%;
	padding-bottom: 5px;
	padding-left: 2%;
}
.container {
  max-width:1200px;
  margin:0 auto;
  padding: 15px 2%;
  height:100%;
  overflow:auto;
}
#wrap  .container {padding:15px 1% 6px 1%;}
.info {
  padding:30px 0 20px 0;
min-height:200px;
  }
.col_100_2 {
	text-align: center;
	margin-bottom:50px;
}
.col_100 {
  margin: 0 auto;
  text-align: center;
  padding: 40px 0 10px 0;
}
.logo {
	color: #1B2629;
	margin: 0 0 0 3%;
    display: block;
    float: left;
    text-shadow: 0 1px 1px #466366;
    text-transform: uppercase;
	width:300px;
	height:134px;
	position:relative;
}
.logo-before {
	display:none;
	position:relative;
}
.social {
	position:absolute;
	width:152px;
	height:32px;
	top:90px;
	left:110px;
	z-index: 78;
}
.social img {
margin-right:6px;
}
.book {
display:none;
clear:both;
width:96%;
margin: 0 2%;
}
.book .yell-butt a {
font-size:3em;
}
.logo img {vertical-align:baseline;}
.col_80 {
	width:80%;
  margin:0 auto 80px;
}
.col_50 {
  width:20%;
  margin:0 1% 1px;
  float:left;
  padding:1%;
  min-height:790px;
}
.col_33, .col_33_2 {
	width:29%;
	margin:30px 2%;
	float:left;
	background-color: rgba(0,159,227, 0.65);
	background-repeat: repeat;
	min-height:460px;
	padding:1%;
}
.centre-clear {
	width:30%;
	margin:30px 0%;
	float:left;
	position: relative;
	min-height:660px;
	}
	.centre-clear .bottom {
	width:100%;
	position:absolute;
	bottom:176px;
	z-index: 80;
	}

.col_33 img, .col_33_2 img {
    border: 0 none;
    float: left;
    margin:6px 15px 15px 0;
}
.col_25 {
  width:21%;
  margin:0 2% 0 2%;
  float:left;
  text-align:center;
  color: #B9D1D3;
  margin: 40px 2% 40px 2%;
}
.left_col {
overflow:hidden;
width:70%;
}
.col_content {
	float:left;
	margin:30px 2%;
	background-color: rgba(0,159,227, 0.65);
	background-repeat: repeat;
	width:86%;
	padding:2%;
}

.col_content_wide {
	float:left;
	margin:30px 2%;
	background-color: rgba(0,159,227, 0.65);
	background-repeat: repeat;
	width:86%;
	padding:2%;
}
.col_content_clearBG {
	float:left;
	margin:30px 2%;
	width:68%;
	padding:1%;
}
.col_sidebar {
	float:right;
	margin:30px 2%;
	width:22%;
	background-color: rgba(0,159,227, 0.65);
	background-repeat: repeat;
	padding-top:12px;
}
.col_sidebar .yell-butt a {margin-bottom:0px; !important}
.col_sidebar li{
    list-style: none outside none;
    margin-bottom: 6px;
    padding: 0px 15px;
}
.col_sidebar li ul li{
	background:none;
	box-shadow:none;
	padding:0 0 0 15px;
	margin-bottom:10px;
	border-radius: 0;
	background-position: 0 7px;
}
.col_sidebar li .textwidget {
	padding:10px 0 0;
}
.col_sidebar .news-item {
border-bottom: solid 1px #fff;
margin-bottom:12px;
}
.news-item .excerpt p {
margin-bottom:1px;
}
h3.latest-news {
font-size:18px;
margin:0px;
}
h3.sidebar-blog {
font-size:14px;
margin:0px;
}
h3.sidebar-blog a {
color:#fff;
}
h3.sidebar-blog a:hover {
color:#fff02d;
}
li.widget h2 {
text-align:left;
font-size:24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin-bottom:12px;
}
li.news-item {
margin-bottom:1px;
clear:both;
}
.col_content li.news-item {
	margin-bottom:24spx;
	clear:both;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.col_audit {
	background-color:#ecf2f2;
	border: 1px solid #D7E2E4;
	text-align:center;
	border-radius:5px;
	padding:20px 20px 0;
	margin-left: -10px;
}
.col_audit {text-align:left;margin-bottom:50px;}
.audit_one {width:20%;float:left;}
.audit_two {width:80%;float:left;margin-bottom:30px;}
.col_sidebar li .textwidget p {margin-bottom:15px;}
.col_sidebar li .textwidget .yell-butt {
	border: none;
    margin-bottom: 10px;
	width:80%;
}
#advert {text-align:center;}
#advert img {width:90%}
#advert:hover {opacity:0.8;}
#social {
	margin:20px 0 30px;
	float:right;
}
#social  a {
	padding-bottom:5px;
	text-decoration:none;
}
#social a:hover {color:#fff;}
#comments {clear:both;}
#pre-footer {
	width:100%;
	font-size:22px;
  background:#D7E2E4;
	clear:both;
	position:relative;
	display:inline-block;
	padding:30px 0;
	border-top: solid 1px #c0d3d6;
	font-style:italic;
	margin-bottom:30px;
}
#pre-footer .left {float:left; margin:10px 0 0 3%; color:#354F53;}
#pre-footer .right {float:right;text-align:center;}
footer, footer a {color:#fff;text-align:center;margin-bottom:60px;font-size:12px;text-decoration:none;}
.col_footer {
width:27%;
  margin:0 3% 30px;
  float:left;
  text-align:left;
  font-size:13px;
 }
footer {
	background-color:#009fe3;
	padding-top: 2%;
	padding-bottom: 2%;
}
.col_footer a {text-decoration:none;}
.col_footer_right {
	text-align:right;
	width:27%;
	color:#b4b39e;
	margin:0 3% 30px;
	float:left;
	font-size:13px;
	vertical-align:bottom;
}
.col_footer_right a {text-decoration:none;color:#b4b39e;}
.col_footer_right a:hover {color:#555;}
.table {
  width:100%;
  margin: 30px 0;
}
.table th {
  padding:5px 7px;
  font-weight:normal;
  text-align:left;
  font-size:1.2em;
}
.table td {
  padding:5px 7px;
}
.table tr {
  border-bottom:1px solid #ddd;
}
.table tr:last-child {
  border:0;
}
.padme {margin-top:60px;}
.comment-text {
	padding:10px 15px 0;
	border: 1px solid #D7E2E4;
	border-radius: 5px;
	width:auto;
	clear:both;
	background-color:#f3f7f8;
}
.comment-text p {
	font-size:13px;
	margin-bottom:14px;
}
#comments .children li {
	margin-left:25px;
	width:auto;
}
#comments .children li .comment-text {
	border-color:#D7E2E4;
	background:none;
}
.avatar {
	border-radius:50px;
	float:left;
	width:50px;
	margin-top:3px;
}
span.author {
	float:left;
	padding:20px 2% 20px 20px;
}
span.author a {text-decoration:none;}
#respond {clear:both;}
#comments article {
	border-bottom: 0 none;
	margin-bottom:10px;
	width:100%;
}
span.comment-reply {
	background-color:#a4ccd2;
	padding: 2px 7px;
	float:right;
}
span.comment-reply:hover{background-color:#354F53;}
span.comment-reply a{color:#fff; text-decoration:none;}
/* ------------
04 Menu
--------------- */
.menu_main {
max-width:1200px;
margin-left:auto;
margin-right:auto;
background-color:#291b2f;
}
.nav {
	position: relative;
	margin: 0px 0;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	padding: 0;
	list-style: none;
	display: inline-block;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0;
}
.nav a {
	font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 3px 14px;
	text-decoration: none;
	color: #fff;
	line-height: 100%;
	color:#fff;
	font-size:23px;
	font-weight: 700;
	text-transform: uppercase;
}
.nav a:hover {
	color: #fff02d;
}
.nav .current a {
	color: #009fe3;
}

/* ------------
05 Buttons
--------------- */
.clear-butt, .yell-butt a{
	font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
	text-transform: uppercase;
	color:#3b2744;
	text-align:center;
	cursor:pointer;
	display:block;
	text-decoration: none;
	font-size: 28px;
	text-decoration:none;
	margin-bottom:12px;
	background: #ffdb2d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGIyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYxMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
	/*background: -moz-linear-gradient(top,  #ffdb2d 0%, #fff12d 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdb2d), color-stop(100%,#fff12d)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #ffdb2d 0%,#fff12d 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #ffdb2d 0%,#fff12d 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #ffdb2d 0%,#fff12d 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #ffdb2d 0%,#fff12d 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb2d', endColorstr='#fff12d',GradientType=0 ); /* IE6-8 */
	padding: 5px 0px;

}
.clear-butt, .yell-butt a:hover {
color:#bd7fde;
}

/* 
.clear-butt, .yell-butt{
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	margin: 10px 20px;
	width: 205px;
	padding: 15px 20px ;
	background-color: #f9f9f9;
	border-radius: 4px;
	cursor:pointer;
	display:inline-block;
	font-size: 19px;
	font-weight: 700;
	text-decoration:none;
}
*/
.yell-butt,.yell-butt2 {background-color:#ffdb2d!important;}
.yell-butt,.yell-butt2 {color: #3b2744;}
.clear-butt, .clear-butt2 {color: #333;}
#pre-footer .yell-butt {width:250px;margin-top:0px!important;color:#fff;border-color:#bb2528;}
span.read {
	margin:12px 0;
	float:left;
	width: 150px; 
	height:auto; 
	padding: 8px 5px;
	background: none repeat scroll 0 0 #ffdb2d;
	color:#291b2f!important;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
span.read:hover {
	background-color:#291b2f;
	color:#fff!important;
}
/* -------------
06 Forms
---------------- */
div.wpcf7 img.ajax-loader {
	height: 16px;
	width: 16px;
}.wpcf7 {margin:50px auto 0!important; width: 98%;}
.wpcf7 p {color:#fff;}
input, textarea,span.request {
    background: none repeat scroll 0 0 #FFFFFF;
    border-image: none;
    color: #425159 !important;
    display: block;
    font-size: 1em;
    height: 34px;
    line-height: 1.125em;
    padding: 3px 10px 0;
    position: relative;
    width: 95%;
	margin: 0 5%
    z-index: 1;
	margin-top:12px;
	border-style:none;
}
textarea{
	height:200px!important;
		border-style:none;

}
select{
    color: #425159 !important;
    height: 34px;
	margin: 0 15px;
    padding: 8px 8px 0;
    position: relative;
	margin: 0 5%
    z-index: 1;
		border-style:none;

}
input[type="submit"] {
	font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0 auto;
	width: 30%;
	height:auto;
	padding: 9px 12px;
	background: none repeat scroll 0 0 #ffdb2d;
	color:#291b2f!important;
	font-size:19px;
	border-style:none;
	font-weight: 700;
	text-transform: uppercase;
}
input[type="submit"]:hover, span.request:hover {
	background-color:#291b2f;
	color:#fff!important;
}
span.request { 
	margin:0 auto 50px;
	width: 44%; 
	height:auto; 
	padding: 16px 10px;
	background: none repeat scroll 0 0 #354F53;
	color:#fff!important;
	font-size:19px;
	font-weight:bold;
	text-align:center;
}
input[type="checkbox"], input[type="radio"] {
	float:left;
	width:20px;
	margin: -4px 5px 35px 0;
	padding:0;
}
span.wpcf7-list-item-label {margin-left: -10px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:12px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -------------
07 Media queries
---------------- */
@media only screen and (max-width:1280px) {
	.col_33, .col_33_2 {
	width:34%;
	margin:30px 3%;
	float:left;
	background-color: rgba(0,159,227, 0.65);
	background-repeat: repeat;
	min-height:150px;
	padding:1%;
}
.centre-clear {
	width:10%;
	margin:30px 3%;
	float:left;
	position: relative;
	}
	.bottom {
	display:none;
	}
		.book {
display:block !important;
}
}

@media only screen and (max-width:1024px) { 
.bottom {
	display:none;
	}

	.col_100 {
width:96%;
 clear:both;
}

	}
@media only screen and (max-width:980px) { 
.col_33, .col_33_2 {
	width:42%;
  	margin:0 3% 24px;
	float:left;
	background-color: rgba(0,159,227, 0.65);
	background-repeat: repeat;
	min-height:150px;
}
.centre-clear {
display:none;
	}
		.container {
	margin:0px;
	}
	}

@media only screen and (max-width:768px) { /* Landscape */
.top-menu, .container {
max-width:768px;
}
h1 {
	font-size:40px;
}
h2 {
font-size:26px;
}
h3 {
font-size:20px;
}
h4 {
font-size:16px;
}

h7 {
font-size:25px;
}
 span.strap {font-size:24px;}
	.col_25, .col_33, .col_33_2 {width: 44%;float:left;margin:30px 2% 30px 2%;}
	.col_33 {min-height:240px;}
	.col_content {width:92%;}
	.col_sidebar {width:96%;float:left;}
	.col_80  {width: 96%;float:left;clear:both;}
	.col_50 {width:94%;min-height:100px;}
	}
@media only screen and (max-width:600px) { /* Kindle fix */
	.nav {
		position: relative;
	}	
	.nav ul {
		width: 96%;
		margin:0px 2%;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		 /*background: #fff url(images/menu.png) no-repeat 10px 12px;*/
		z-index:1000;
		background-color:#009fe3;
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 48px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #fff;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	/*.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 12px;
	}*

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
.col_33 {min-height:305px;}
	.logo-before {
	color: #1B2629;
	text-shadow: 0 1px 1px #466366;
	text-transform: uppercase;
	z-index:999;
	width:300px;
	height:134px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	display:block !important;
	padding:12px 0px;
}
.logo {
	display:none !important;
}

.col_50 {min-height:100px;}
}
@media only screen and (max-width:768px) { /* iPad fix */
.nav a {padding: 3px 9px;}
}
@media only screen and (max-width:568px) { /* iPhone fix */
.col_33 {width:94% !important;min-height:240px;}
.col_33_2 {width: 98%;float:none; }
.col_33 img, .col_33_2 img {margin-bottom:60px}
.logo {margin:0;}
}
@media only screen and (max-width:480px) { /* smartphone */
.logo {width:100%;text-align:center;}
.info {min-height:0px;padding-bottom:0px;}
.col_25 h2 {font-size:22px;}
.menu_main {clear:both; margin:0 0 12px 0;float:left;width:100%;}
.col_25, .col_footer, .col_footer_right {width: 98%;float:none;}
.col_33 img {margin-bottom:0;}
#telephone {width:100%;text-align:center;font-size:20px;padding-top:10px;}
#pre-footer .yell-butt {width:70%;}
.number { margin: -20px 30px 0 0;font-size:80px;}
span.request {width:90%;}
input[type="submit"] {width:95%;font-size:17px;}
#social {width:98%;margin-bottom:50px;font-size:20px;}
.col_footer a,.col_footer h2 {font-size:17px;}
.col_sidebar {display:none;}
.menu_main li,.menu_main li a {background:none;font-size:20px;}
}
/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* 'Retina' screens */ }

}

.boxJA{ 
  background-color: rgba(0,159,227, 0.65);
  position: absolute;
  height: 60%;
  width: 60%;
  left: 20%;
  top: 20%;
}

.boxHeader1{ 
  background-color: rgba(0,159,227, 0.65);
  position: absolute;
  height: 160px;
  width: 845px;
  left: 220px;
  top: 70px;
  
}

.boxGalleryLarge{ 
  background-color: rgba(0,159,227, 0.65);
  position: absolute;
  height: 3300px;
  width: 1060px;
  left: 5px;
  top: 235px;
}