/******************************************************************
Theme Name: World Wide Diving
Theme URI: http://www.digitalgear.com
Description: World Wide Diving theme developed by Digital Gear. This site was built using the Bones Development Theme (Responsive Edition).
Author: Digital Gear
Author URI: http://www.digitalgear.com
Version: 1.01
Tags: html5, css3, development, responsive, media queries, mobile, h5bp

License: 
License URI: http://www.gnu.org/copyleft/gpl.html

Media Queries Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/

THIS FILE IS FOR RESPONSIVE DESIGNS & REPLACES THE STYLE.CSS FILE
IN THE THEME ROOT. THIS IS PRETTY EXPIRIMENTAL SO BE WARNED.

All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. 

*IE8 and older styles hitting library/css/ie.css because they cant understand media querys*

******************************************************************/

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; } 

@font-face {
	font-family: 'WisdomScript';
	src: url('library/fonts/wisdom_script-webfont.eot');
	src: url('library/fonts/wisdom_script-webfont.eot?#iefix') format('embedded-opentype'),
		 url('library/fonts/wisdom_script-webfont.woff') format('woff'),
		 url('library/fonts/wisdom_script-webfont.ttf') format('truetype'),
		 url('library/fonts/wisdom_script-webfont.svg#font-name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'MuncieRegular';
    src: url('library/fonts/muncie-webfont.eot');
    src: url('library/fonts/muncie-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/muncie-webfont.woff') format('woff'),
         url('library/fonts/muncie-webfont.ttf') format('truetype'),
         url('library/fonts/muncie-webfont.svg#MuncieRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DemingEPRegular';
    src: url('library/fonts/deming_ep-webfont.eot');
    src: url('library/fonts/deming_ep-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/deming_ep-webfont.woff') format('woff'),
         url('library/fonts/deming_ep-webfont.ttf') format('truetype'),
         url('library/fonts/deming_ep-webfont.svg#DemingEPRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifRegular';
    src: url('library/fonts/DroidSerif-Regular-webfont.eot');
    src: url('library/fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/DroidSerif-Regular-webfont.woff') format('woff'),
         url('library/fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('library/fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifItalic';
    src: url('library/fonts/DroidSerif-Italic-webfont.eot');
    src: url('library/fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('library/fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('library/fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifBold';
    src: url('library/fonts/DroidSerif-Bold-webfont.eot');
    src: url('library/fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/DroidSerif-Bold-webfont.woff') format('woff'),
         url('library/fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('library/fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('library/fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('library/fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('library/fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('library/fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('library/fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, form.newsletter input.input, #menu-main-navigation ul a {font-family:'DroidSerifRegular', Georgia, "Times New Roman", Times, serif;}
.bold, body.page body.single .rightNav{font-family:'DroidSerifBold', Georgia, "Times New Roman", Times, serif;}
nav, .stickyNav {font-family:'MuncieRegular', Arial, Helvetica, sans-serif;}
.script, h1, h5 {font-family:'WisdomScript', "Palatino Linotype", "Book Antiqua", Palatino, serif;}
h2, h3, h4, .tooltip {font-family:'DemingEPRegular', "Courier New", Courier, monospace;}

/*********************
SPRITES
*********************/

.sprite a {
		background:url('library/images/sprite.png') no-repeat; width:100%; height:100%; display:block;
}
.trips a {
	width:229px;height:69px;
	background-position:-1px -272px;
}
.trips a:hover {
	width:229px;height:69px;
	background-position:0px -340px;
}
.cal a {
	width:229px;height:69px;
	background-position:-1px -0px;
}
.cal a:hover {
	width:229px;height:69px;
	background-position:0px -68px;
}
.map a {
	width:229px;height:69px;
	background-position:-1px -136px;
}
.map a:hover {
	width:229px;height:69px;
	background-position:0px -204px;
}
.anchorDevider a {
	height:107px;width:107px;
	background-position:0px -420px;
	display:none;
	position:relative;
	z-index:4;
}
.globeDevider a {
	height:107px;width:107px;
	background-position:0px -530px;
	display:none;
	position:relative;
	z-index:4;
}
.diverDevider a {
	height:107px;width:107px;
	background-position:-202px -704px;
	display:none;
	position:relative;
	z-index:4;
}
.galleryBtn a {
	width:193px;height:56px;
	background-position:0px -700px;
}
.galleryBtn a:hover {
	width:193px;height:56px;
	background-position:0px -756px;
}
.bookAdv a {
	width:323px;height:58px;
	background-position:0px -812px;
	position:relative;
	z-index:4;
}
.bookAdv a:hover {
	width:323px;height:58px;
	background-position:0px -870px;
	position:relative;
	z-index:4;
}
.facebook a {
	width:51px;height:51px;
	background-position:-4px -646px;
}
.calBtn a {
	width:49px;height:49px;
	background-position:-117px -534px;
}
.mapBtn a {
	width:49px;height:49px;
	background-position:-117px -590px;
}
.contBtn a {
	width:49px;height:49px;
	background-position:-170px -534px;
}
.upBtn a {
	width:49px;height:49px;
	background-position:-170px -593px;
}
.logoIco a {
	width:88px;height:84px;
	background-position:-235px 4px;
}
.locationIco a {
	width:28px;height:30px;
	background-position:-231px -81px;
}
.phoneIco a {
	width:28px;height:27px;
	background-position:-259px -83px;
}
.contactIco a {
	width:28px;height:31px;
	background-position:-290px -81px;
}
.shareIco a {
	width:88px;height:18px;
	background-position:-232px -114px;
}
.likeIco a {
	width:88px;height:34px;
	background-position:-232px -130px;
}
.register a {
	width:184px;height:56px;
	background-position:-110px -412px;
	position:relative;
	z-index:4;
}
.register a:hover {
	width:184px;height:56px;
	background-position:-109px -470px;
	position:relative;
	z-index:4;
}
body.page .col620 li, body.single .col620 li {
	list-style-type:none;
	padding-left:22px;
	background-image:url('library/images/listStyle.png');
	background-repeat:no-repeat;
	background-position:left center;
}

.col620 .post .entrytext .gform_wrapper form li {
	background-image: none !important;
	padding-left: 0;
}

.gform_button {
	background-color: #f0be46;
	box-shadow: none;
	border: none;
	padding: 10px 20px;
	margin-left: 3% !important;
	color: #c84315;
	font-family: 'DemingEPRegular', "Courier New", Courier, monospace;
}

/******************************************************************
BASE MOBILE STYLES
Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible.
******************************************************************/

body {
	background-image:url('library/images/texture.png');
	background-repeat:repeat;
	background-color:#0177ac;
	color:#0d4860;
}
img {max-width:100%;}
#flightbox-image {
	max-width:none;
}
img.aligncenter, img.alignnone, img.alignright, img.alignright/*, .wp-post-image*/ {
	max-width:90%;
	max-height:90%;
	margin:0 5% 0 5%;
}

/*********************
GRID & LAYOUT STYLES
*********************/

.wrap { 
	width: 90%;
	margin: 0 auto;
}

/*********************
LINK STYLES
*********************/

a, a:visited, .ui-widget-content a, .ui-widget-content a:visited { color: #c84315; text-decoration:none; }
a:hover, a:focus { 
	color: #dea41c; 
	outline:0;
}
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

nav a, nav a:visited, .stickyNav a, .stickyNav a:visited { color: #dcdcdc; text-decoration:none; }
nav a:hover, nav a:focus, .stickyNav a:hover, .stickyNav a:focus { color: #e8b53c; }
nav a:active {} /* on click */
nav a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: 500; text-align:center; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
h3 { font-size: 1em; } .h3 { font-size: 1.75em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 1.5em; line-height: 2.09em; color:#3b5e6c; }
h1, h1 a, h1 a:hover, h1 a:visited, h1 a:active { color:#cfdfe9; }

.areaInt h2, .areaInt h3, .areaInt p {
	text-shadow: 1px 1px 2px #e8f0f6;
}
/*********************
HEADER SYTLES
*********************/

header[role=banner] {}

	.logo, #sidebar1, ul.sub-menu { display:none; }
	.logoImg, .logoImg img { margin:0 auto; }
	
/*********************
NAVIGATION STYLES
*********************/

nav {
	text-align:center;
	font-size:35px;
	display:none;
}
nav ul li {
	display:list-item;
	list-style-type:none;
	width:100%;
	border-bottom:1px #08619b solid;
	-moz-box-shadow: 0px 1px 1px #4382aa;
	-webkit-box-shadow: px 1px 1px #4382aa;
	box-shadow: 0px 1px 1px #4382aa;
	text-shadow: 0px 1px 1px #015176;
}
nav ul li a {
	display:block;
}

nav#footer {
	display:list-item;
	list-style-type:none;
}
body.home nav {
	display:list-item;
	list-style-type:none;
}
.area2 h2, .area2 p {
	border-bottom:1px #c1d1db solid;
	-moz-box-shadow: 0px 1px 1px #d2e1ea;
	-webkit-box-shadow: 0px 1px 1px #d2e1ea;
	box-shadow: 0px 1px 1px #d2e1ea;
}
.area1 img, div.flickr-thumb, div.flickr-set-thumb, div.flickr-collection-thumb {
	border:3px #a3bdc9 solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	max-width:100%;
	padding:0;
}
.area2 p {
	font-size:1.35em;
	padding-bottom:25px;
}
.galleryBtn a {
	position:relative;
	margin:0 auto 15px auto;
}
.leftNav a, .rightNav a {
	display:block;
	text-align:center;
	margin:0 auto;
}
#menu-main-navigation {
	position:relative;
	z-index:999;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#testimonials {overflow:hidden;}
.mapDesc, .hide, .attribution, .stickyNav, .leftNav h5, body.page #inner-content.lower, body.single #inner-content.lower {
	display:none;
}
#mainslider {
	display:block;
	margin:15px auto;
}
#content { /*margin-top: 2.2em;*/ }
#inner-content {
	background-image:url('library/images/bodyTexture.gif');
	background-repeat:repeat;
	background-color:#cbdbe4;
}
.cal a, .map a, .trips a {
	margin:0 auto;
}
#content h3 {
	/*margin-top:50px;*/
}
#content p, #content ul {
	padding-right:3%;padding-left:3%;
}
.attribution, .attribution a, .attribution a:visited {
	float:none;
	color:#70afcb;
	font-size:11px;
	z-index:4;
	position:relative;
}
.area1 p, .area2 p {
	text-align:center;
}
.area5 ul li, .area3 ul li {
	list-style-type:none;
}
.area3 ul li {
	background:url('library/images/listStyle.png') left center no-repeat;
	padding-left:20px;
	margin:10px 0;
}
.diveCal tr {
	height: 35px;
}
.area3 ul {
	padding-bottom:20px;
}
#main .area1 h3, #main  .area2 h2, #main  .area3 h3 {
	margin-top:10px;
	padding-top:0;
}
body.page #inner-content, body.single #inner-content {
	margin-bottom:50px;
}
.area2 h2 {
	padding-bottom:10px;
}
.area3 a, .area3 a:visited {
	color:#1e79a2;
}
.area3 a:hover, .area3 a:active, body.page .col140 ul a:hover, body.page .col140 ul a:active, body.single .col140 ul a:hover, body.single .col140 ul a:active {
	color:#dda632;
}
#inner-content.lower a, #inner-content.lower a:visited {
	color:#f0be46;
}
#inner-content.lower a:hover, #inner-content.lower a:active {
	color:#f04f19;
}
#inner-content.lower a.nostyle, #inner-content.lower a.nostyle:hover, #inner-content.lower a.nostyle:visited, #inner-content.lower a.nostyle:active { color:#cfdfe9; }
.interactiveMap {
	display:none;
}
.alignnone {
	display:block;
	margin:0 auto;
}
body.page .rightNav ul li, body.page .leftNav ul li, body.single .rightNav ul li, body.single .leftNav ul li  {
	font-size:22px;
	border-bottom:1px #a0b9c9 solid;
}
body.page .diverDevider a, body.single diverDevider a {
	bottom:105px;
}
body.page .col140 ul, body.single .col140 ul {
	list-style-type:none;
}
body.page .col140 ul a, body.single .col140 ul a {
	color:#1e79a2;
}
.rightNav .register {
	padding-top:20px;
}
.rightNav ul li {
	padding:8px 0 8px 40px;
	background-image:url('library/images/gallIco.png');
	background-repeat:no-repeat;
	background-position:left center;
}
.rightNav ul li:first-child {
	background-image:url('library/images/tipsIco.png');
	background-repeat:no-repeat;
	background-position:left center;
}
.rightNav ul li.last {
	background-image:url('library/images/faqIco.png');
	background-repeat:no-repeat;
	background-position:left center;
}
.leftNav ul li {
	padding:3px 0;
}
#calendar img {
	display: none;
}

#calendar {
	max-height: 190px;
	overflow: hidden;
}
			
			.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
			.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
			.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
			.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			
			.post_content video { max-width: 100%; }
			.post_content object { max-width: 100%; }
			.gallery dl img {
				width: 65px;
				max-height: 65px;
			}
			.fpfcredit {
				display:none;
			}
			.gallery-icon img {
				padding: 3px;
				background-color: #a4c7d6;
				border:none;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-khtml-border-radius: 4px;
				border-radius: 4px;
			}
			
	.attribution {height: 0;}
	
/*PLUGIN OVERRIDE*/

.ui-widget-content {
	border: none;
	background: none;
	color:inherit;
}

.ui-widget-header {
	border: none;
	background: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	border: none;
	background: none;
	color:inherit;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	border: none;
	background: none;
}

.ui-state-active a, .ui-state-active a:hover, .ui-state-active a:active, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color:#C84315;
}
.ui-state-default a:hover, .ui-state-default a:focus {
	color:#DEA41C;
}

.flickr-set-thumb {
	height: 75px;
}

/******************************************************************
iPAD & TABLET STYLES 
These is your iPad styles. They will be visible to anyone who 
resizes their browser from the smallest size to the next break
point.
******************************************************************/
@media only screen and (min-width: 480px) {


body {}

/*********************
POSTS & CONTENT STYLES
*********************/
		.hentry { padding: 2.2em 20px 0; }
	
			.gallery dl img {
				width: 65px;
				max-height: 65px;
			}
			.fpfcredit {
				display:none;
			}
			.gallery-icon img {
				padding: 3px;
				background-color: #a4c7d6;
				border:none;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-khtml-border-radius: 4px;
				border-radius: 4px;
			}
	
} /* end of media query */

/******************************************************************
DESKTOP & JUST BIGGER THAN AN iPAD
This is your standard iPad size or average tablet size. It's also
a decent size for 
******************************************************************/
@media only screen and (min-width: 768px) {

body {}

#inner-content {
	border:1px #77a7bd solid;
	-moz-box-shadow: 0 0 12px #014360;
	-webkit-box-shadow: 0 0 12px #014360;
	box-shadow: 0 0 12px #014360;
}
h2 {font-size:1.35em;}
nav {
	display:list-item;
	list-style-type:none;
}
#mainslider {
	display:block;
	margin:15px auto;
}
#content .flexslider ul.slides {
	padding:0 1.5% 0 1.5%
}
nav#footer {
	display:none;
}
.areaInt {
	min-height:360px;
}

.area1, .area2, .area3 {
	width: 31%;
	min-height:360px;
}
.area4, .area5, .area6 {
	width: 31%;
	padding-bottom:80px;
}
.cal {
	position:relative;
	top:-13px;
}
.map {
	position:relative;
	top:-19px;
}
.anchorDevider a, .globeDevider a, .diverDevider a {
	display:block;
	clear: both;
	margin: 0 auto 0 auto;
	bottom: 57px;
	position: relative;
}
body.single .diverDevider a {
	bottom: 102px;
}
#main.first {
	padding-bottom:50px;
	margin-bottom:50px;
}
.area1 p, .area1 h3, .area3 h3, {
	text-align:left;
}

/*.area1 .areaInt {
	border-right:1px #c1d1db solid;
	-moz-box-shadow: 1px 0px 1px #d2e1ea;
	-webkit-box-shadow: 1px 0px 1px #d2e1ea;
	box-shadow: 1px 0px 1px #d2e1ea;
}*/
#inner-content.lower {
	background-image:none;
	background-color:transparent;
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#inner-content.lower p, #inner-content.lower h3, #inner-content.lower ul {
	color:#cfdfe9;
	text-align:left;
}
#inner-content.lower h3 {
	text-shadow: 0px 2px 1px #015176;
}
.area4 p, .area5 ul {
	border-bottom:3px #2893c2 dashed;
	padding-bottom:20px;
}
.area4 h4 {
	text-align:right;
}
#testimonials ul li p {
	height: 160px;
	font-style:italic;
}
.area5 h4 {
	text-align:left;
}
.seperator {
	clear:left;
	width:100%;
	height:0px;
	border-top:3px #016d9d dashed;
	border-bottom:3px #2893c2 dashed;
	position:relative;
	z-index:1;
}
dl.gallery-item:nth-child(4), dl.gallery-item:nth-child(8) {
	display:none;
}
dl.gallery-item {
	width:32% !important;
}
.col940.left.first.lower {
	background-image:url('library/images/diver1BG.jpg');
	background-repeat:no-repeat;
	background-position:100% 0px;
	padding-top:80px;
	margin-top:-100px;
	z-index:3;
}
.interactiveMap {
	display:block;
	position:relative;
}
.interactiveMap img {
	max-width:100%;
	max-height:100%;
}
.bookAdv {
	float:right;
	margin-bottom:20px;
}
.diverBG {
	width:455px;
	height:305px;
	/*float:left;*/
	clear:left;
	background-image:url('library/images/diver2BG.png');
	background-repeat:no-repeat;
	background-position:0% 0%;
	position:relative;
	z-index:2;
	top:23px;
	left:0;
}
.mapDesc p {
	font-size:16px;
	line-height:1.8;
	position:relative;
	z-index:3;
}
form.newsletter input.input {
	-moz-box-shadow: inset 0px 1px 7px #bbb;
	-webkit-box-shadow: inset 0px 1px 7px #bbb;
	box-shadow: inset 0px 1px 7px #bbb;
	font-size:18px;
	height:44px;
	vertical-align:middle;
	margin-right:5px;
	width:50%;
}
form.newsletter input.submitBtn {
	vertical-align:middle;
}
.hide, .attribution {
	display:inline;
}
.facebook, .social {
	float:left;
}
.social {
	margin:-22px 10px 10px 10px;
}
body.page h2, body.page h3, h5, body.single h2, body.single h3 {
	text-align:left;
	padding: 0 3%;
}
body.page .leftNav ul li, body.single .leftNav ul li {
	font-size: 13px;
	border-bottom:none;
}
.rightNav, .leftNav {margin-top:50px;}
.leftNav h5, .leftNav ul, .rightNav ul {
	display:block;
	padding:0;
	margin:0;
}
.leftNav ul li {
	padding-left:22px;
	background-image:url('library/images/listStyle.png');
	background-repeat:no-repeat;
	background-position:left top 6px;
}
.leftNav ul li.current_page_item {
	width:142px;
	background-image:url('library/images/leftNavActive.png');
	background-repeat:no-repeat;
	background-position:left 1px;
}
.fb-like {
	padding-left:4px;
}
.leftNav a, .rightNav a {
	text-align:left;
}
.galleryBtn {
	float:right;
	clear:left;
}
body.page #inner-content.lower, body.single #inner-content.lower {
	display:block;
}
.point {
	position:absolute;
	z-index: 99;
	border:0;
	cursor:pointer;
}
.one {
	top: 20%;
	left: 19%;
}
.two {
	top: 15%;
	left: 15.5%;
}
.three {
	top: 51%;
	right:8%;
}
.four {
	top: 35%;
	right:23.5%;
}
.five {
	top: 42%;
	left: 24%;
}
.six {
	top: 26%;
	left: 25.5%;
}
.seven {
	top: 42%;
	right:39%;
}
.eight {
	top: 36%;
	right:15%;
}
.nine {
	top: 48%;
	right:8%;
}
.ten {
	top: 27%;
	left: 18%;
}
.eleven {
	top: 38%;
	right:18.5%;
}
.tooltip { /* tooltip styling. by default the element to be styled is .tooltip  */
	display:none;
	background:transparent url('library/images/mapPopup.png') no-repeat;
	font-size:12px;
	height:50px;
	width:180px;
	padding:13px 15px;
	color:#ca4b18;	
	position:relative;
	z-index:999;
	text-align:center;
}

/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

.wrap {
	max-width: 960px;
}
	/***** Grid Options down here, where they are usable ******/
	/* layout options ( all have margins right & left of 1%) */
	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%; } /* width 140px / grid_2  */
	.col220 { width: 23.404255%; } /* width 220px / grid_3  */
	.col300 { width: 31.214894%; } /* width 300px / grid_4  */
	.col380 { width: 39.225532%; } /* width 380px / grid_5  */
	.col480 { width: 47.56383%;z-index:4;  } /* width 480px / grid_6  */
	.col540 { width: 57.446809%; } /* width 540px / grid_7  */
	.col620 { width: 54.557447%; } /* used for interior page, changes to regular width later */
	/*.col620 { width: 63.957447%; }  width 620px / grid_8  */
	.col700 { width: 74.468085%; } /* width 700px / grid_9  */
	.col780 { width: 82.978723%; } /* width 780px / grid_10 */
	.col860 { width: 91.489362%; } /* width 860px / grid_11 */
	.col940 { width: 100.0%;     } /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940, .area1, .area2, .area3, .area4, .area5, .area6 { 
		display: inline; 
		float: left; 
		position: relative;
		margin-left: 1.0638298%;   /* 10px */ 
		margin-right: 1.0638298%;  /* 10px */
	}
	
	/* floats */
	.left { float: left; }
	.right { float: right; }
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */

.footerLeft {
	width:59.56383%;
}
.footerRight {
	width:35.56383%;
}

/*********************
HEADER SYTLES
*********************/
.logo { display:block; }
header[role=banner] {}
	.logo {
		border-top:1px #08619b solid;
		border-bottom:1px #08619b solid;
		-moz-box-shadow: 0px 1px 1px #4382aa;
		-webkit-box-shadow: 0px 1px 1px #4382aa;
		box-shadow: 0px 1px 1px #4382aa;
		background:url('library/images/leftArrow.png');
		background-position:left center;
		background-repeat:no-repeat;
	}
	.logo a {
		display:block;
		-moz-box-shadow: inset 0 1px 1px #4382aa;
		-webkit-box-shadow: inset 0 1px 1px #4382aa;
		box-shadow: inner 0 1px 1px #4382aa;
		text-shadow: 0px 2px 1px #015176;
		background:url('library/images/rightArrow.png');
		background-position:right center;
		background-repeat:no-repeat;
		padding-top:5px;
		border:0;
		text-decoration:none;
	}
	.comeDive {
		margin-top:-40px;
	}
	.mapDesc {
		margin-right:10%;
		margin-bottom:30px;
	}

/*********************
NAVIGATION STYLES
*********************/

.col140.rightNav { width: 23.893617%; }

nav[role=navigation] {}

	nav[role=navigation] .menu {
		margin: 0.3em 0; 
	}
	nav[role=navigation] a {
		display:block;
	}
	nav[role=navigation] .menu ul {}
		nav[role=navigation] .menu ul li {
			float:left; 
			display:inline;
			width:16.6%;
			text-align:center;
			border-bottom:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
		 }
		 
		 
/******* SuperFish Dropdowns *******/

#menu-main-navigation li {
	float: left;
	position: relative;
}
#menu-main-navigation ul {
	display: none;
	position: absolute;
	left: -14px;
	float: left;
	z-index: 99999;
	color:#1f4674;
	font-size:15px;
	-moz-box-shadow: 0px 2px 2px #d0d0d0;
	-webkit-box-shadow: 0px 2px 2px #d0d0d0;
	box-shadow: 0px 2px 2px #d0d0d0;
	
}
#menu-main-navigation ul ul {
	margin:0 10px 0 0;
	
}
#menu-main-navigation ul li {
	min-width: 135px;
	padding:0;
}
#menu-main-navigation ul ul {
	left: 100%;
	top: 0;
}
#menu-main-navigation ul a, #menu-main-navigation ul a:visited {
	line-height: 1em;
	padding: 10px 5px;
	width: 155px;
	height: auto;
	color:#1f4674;
	background-color: #d9e6ee;
	text-shadow:none;
}
#menu-main-navigation ul a:hover, #menu-main-navigation ul a:active {
	color:#1f4674;
	background:#ebecf3;
}
#menu-main-navigation li:hover > a,
#menu-main-navigation ul :hover > a {
	text-decoration: none;
}
#menu-main-navigation li:hover > ul {
	display: block;
}
.wrapper li p a {
	text-align:right;
}
.sf-menu ul {
	display:none;
}
.sf-menu li:hover > ul {
	display: block;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			144px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			144px; /* match ul width */
	top:			0;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
		 
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

/* page navigation */
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }
	.bones_page_navi, .wp-prev-next ul { }
		.bones_page_navi li { float: left; margin-left: 10px; } 
			.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
				.bones_page_navi li a:hover { color: #f01d4f; text-decoration: underline; }
		.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #f01d4f; position: relative; } /* current page link */
				.bones_page_navi li.bpn-current:hover {}
		.bones_page_navi li.bpn-prev-link { } /* previous link */
			.bones_page_navi li.bpn-prev-link a { padding: 0; }
				.bones_page_navi li.bpn-prev-link a:hover { background: none; }
		.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
			.bones_page_navi li.bpn-next-link a { padding: 0; }
				.bones_page_navi li.bpn-next-link a:hover { background: none; }
		.bones_page_navi li.bpn-last-page-link {} /* last page link */
			.bones_page_navi li.bpn-last-page-link a {}
				.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
		.bones_page_navi li.bpn-first-page-link {} /* first page link */
			.bones_page_navi li.bpn-first-page-link a {}
				.bones_page_navi li.bpn-first-page-link a:hover { background: none; }
	
	/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link { float: left; }
			.wp-prev-next .next-link { float: right; }

/******************************************************************
COMMENT STYLES
******************************************************************/

	.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
		.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
			.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
				.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
			.commentlist li:last-child { margin-bottom: 0; }
			.commentlist .odd { background: #eee; }
			.commentlist .even { background: #fefefe; }
			.commentlist .children { border-left: 2px solid #6ac8d3; }
			.commentlist .vcard { margin-left: 55px; }
				.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
				.commentlist .vcard time { float: right; }
					.commentlist .vcard time a { color: #999; text-decoration: none; }
						.commentlist .vcard time a:hover { text-decoration: underline; }
				.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
			.commentlist li .comment_content { margin-left: 55px; }
				.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
				.commentlist li ul { margin: 0; }		
				.commentlist .comment-reply-link { text-decoration: none; float: right;  background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
					.commentlist a.comment-reply-link:hover { opacity: 1; }

/******************************************************************
COMMENT FORM STYLES
******************************************************************/

.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
	#comment-form-title { margin: 0 0 1.1em; }
	.respond-form form[method=post] { margin: 0.75em 0; }
		.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
			.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
			.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
			
			#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
			.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
		
	/* form validation */
	.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }		
	
	/* no comments */
	.nocomments { margin: 0 20px 1.1em; }			


/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar1 { margin-top: 2.2em; }

	.widget { padding: 0 10px; margin: 2.2em 0; }
		.widget li { margin-bottom: 0.75em; }
		.widget li ul { margin-top: 0.75em; padding-left: 1em; }
		
		.widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; }

/*********************
FOOTER STYLES
*********************/

footer[role=contentinfo] {
	position:relative;
	display:block;
	background-image:url('library/images/footerBG.png')	;
	background-repeat:repeat-x;
	background-position:bottom center;
	height:390px;
	margin-top:-170px;
}
ul.contact {
	float:left;
	list-style-type:none;
	margin-top:-3px;
	padding-left:10px;
}
ul.contact li {
	padding:2px 0 2px 35px;
}
ul.contact li:first-child {
	background-image:url('library/images/locationIco.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-bottom:7px;
}
ul.contact li.phone {
	background-image:url('library/images/phoneIco.png');
	background-repeat:no-repeat;
	background-position:left center;
}
ul.contact li.email {
	background-image:url('library/images/contactIco.png');
	background-repeat:no-repeat;
	background-position:left center;
} 

} /* end of media query */

/******************************************************************
AVERAGE VIEWING SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 992px) {

.stickyNav {
	display:block;
	position:fixed;
	z-index:999;
	top:145px;
	right:1%;
	text-align:center;
	font-size:28px;
	text-shadow: 0px 2px 1px #015176;
	
}
.stickyNav ul {
	padding:3px;
	list-style-type:none;
	background-color:#2593c3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px #77a7bd solid;
	-moz-box-shadow: 0 0 12px #014360;
	-webkit-box-shadow: 0 0 12px #014360;
	box-shadow: 0 0 12px #014360;
}
nav {
	position:relative;
	margin-top:-95px;
}
nav[role=navigation] .menu ul li {
			width:12%;
}
nav[role=navigation] .menu ul li:nth-child(3) {
	margin-right:28%;
}
.col620 { width: 60.057447%; } /* width changed to fit button on int pages  */
.wrap {
	max-width: 1140px;
}
.logoImg, .logoImg img { 
	position:relative;
	z-index:99;
}
.area1, .area3 {
	width: 23%;
}
.area2 {
	width: 47%;
}
.area4, .area6 {
	width:36%;
}
.area5 {
	width:21%;
}
h2 {font-size:1.75em;}
/*dl.gallery-item:nth-child(4), dl.gallery-item:nth-child(8) {
	display:block;
}
dl.gallery-item {
	width:24.875% !important;
}*/
form.newsletter input.input {
	font-size:24px;
}
.diverBG {
	left:11%;
}
.col140.rightNav { width: 18.093617%; }
.footerLeft, .footerRight {
	width:47.56383%;
}
.three {
	right:6.5%;
}

} /* end of media query */

/******************************************************************
SUPER LARGE MONITORS STYLES 
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1382px) {

body {}

.wrap {
	max-width: 1240px;
}
.one {
	top: 21%;
	left: 18.5%
}
.four {
	right:25%;
}
.five {
	top: 43%;
	left: 23%;
}
.three {
	right: 8%;
	top: 52%;
}
.six {
	top: 27%;
	left: 24.5%;
}
.seven {
	top: 43%;
	right: 40%;
}
.eleven {
	top: 39%;
	right: 21%;
}
.eight {
	top: 38%;
	right: 17.5%;
}
.ten {
	top: 28%;
}

} /* end of media query */

/******************************************************************
Clear Fixes
******************************************************************/

.clearfix {
	clear:both;
}
.clearRight {
	clear:right;
}
.clearLeft {
	clear:left;
}


/******************************************************************
RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES 
This is for the high res phones or devices.
******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */

} /* end of media query */