/* RESET EVERYTHING */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

:focus { outline: 0; }

body
{
	background: #004768; /* Old browsers */
	padding: 1%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88bfd8+0,004768+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4OGJmZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA0NzY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #88bfd8 0%, #004768 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#88bfd8), color-stop(100%,#004768)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #88bfd8 0%,#004768 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #88bfd8 0%,#004768 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #88bfd8 0%,#004768 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #88bfd8 0%,#004768 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfd8', endColorstr='#004768',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


img { display: block; }

#outer-wrap
{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
}

.gridbox
{
	float: left;
	width: 23%;
	margin: 1%;
}

/* .gridbox .inner { margin: 10px; } */

.gridbox.single img
{
	width: 100%;
	height: auto;
}

#gb-12 { display: none; }

.double { width: 48%; }

.double .inner { overflow: hidden; background-color: #FFF; }

.content { padding: 3% 3% 2% 3%; overflow: hidden; }

.left
{
	float: left;
	width: 30%;
}

.right
{
	width: 68%;
	margin: 3% 0 0 31%;
}

.left img,
.right img
{
	max-width: 100%;
	height: auto !important;
}

.logo img
{
	max-width: 75%;
	height: auto !important;
}

.tagline { margin: 1% 0 3% 0; }

ul.icons
{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	max-width: 250px;
}

ul.icons li
{
	display: block;
	float: left;
	margin: 0 2% 0 0;
	padding: 0;
	overflow: hidden;
	width: 18%;
}

ul.icons li a
{
	display: block;
	float: left;
	text-indent: -10000px;
	width: 100%;
	padding-top: 99%;
	background-image: url(images/social_icons-2.png);
	background-size: 500%;
	font-size: 1px;
	line-height: 1px;
}

ul.icons li.facebook a { background-position: 0 0; }
ul.icons li.twitter a { background-position: 25% 0; }
ul.icons li.instagram a { background-position: 50% 0; }
ul.icons li.youtube a { background-position: 75% 0; }
ul.icons li.yelp a { background-position: 100% 0; }

ul.icons li.facebook a:hover { background-position: 0 52%; }
ul.icons li.twitter a:hover { background-position: 25% 52%; }
ul.icons li.instagram a:hover { background-position: 50% 52%; }
ul.icons li.youtube a:hover { background-position: 75% 52%; }
ul.icons li.yelp a:hover { background-position: 100% 52%; }

ul.icons li.facebook a:active { background-position: 0 102%; }
ul.icons li.twitter a:active { background-position: 25% 102%; }
ul.icons li.instagram a:active { background-position: 50% 102%; }
ul.icons li.youtube a:active { background-position: 75% 102%; }
ul.icons li.yelp a:active { background-position: 100% 102%; }


/* Media queries */

@media only screen 
and (max-width : 950px) {

	.right { margin-top: 2%; }
	
	.tagline { margin-bottom: 1%; }

}


@media only screen 
and (max-width : 650px) {

	#gb-5,
	#gb-7 { display: none;}

	#gb-6
	{
		width: 98%;
		clear: both;
		height: auto !important;
	}
}

@media only screen 
and (max-width : 650px)
and (orientation : portrait) {

	#gb-1,
	#gb-11 { display: none;}

/* 
.mobile #gb-5,
.mobile #gb-7 { display: block; }
 */

	.gridbox { width: 31.33%; }

	#gb-6
	{
		width: 98%;
		clear: both;
		height: auto !important;
	}
}

@media only screen 
and (max-width : 700px) {

}

@media only screen 
and (max-width : 550px) {


}

/* Smartphones/mobiles (portrait and landscape) */
@media only screen and (max-width : 480px)
and (orientation : landscape) {

	#gb-1,
	#gb-5,
	#gb-7 { display: block; }
	
	.gridbox { width: 18%; }
	
}

@media only screen and (max-width : 480px)
and (orientation : portrait) {

	#gb-1 { display: none; }
	
	#gb-7,
	#gb-11,
	#gb-12 { display: block; }
/* 
	#gb-5,
 */
	
}

/* Smartphones/mobiles */
@media only screen and (max-width : 400px) {


}

/* Smartphones/mobiles (portrait) */
@media only screen and (max-width : 320px)
and (orientation : landscape) {
	
}