/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Font Face
:: Shared Styles
:: Page Name 1
:: Page Name 2

font-family: 'Yellowtail', cursive;
font-family: 'Lato', sans-serif;
font-family: 'Waiting for the Sunrise', cursive;
font-family: 'Gochi Hand', cursive;
font-family: 'Shadows Into Light', cursive;
font-family: 'Amatic SC', cursive;
font-family: 'Cookie', cursive;
font-family: 'Raleway', sans-serif;

*/



/* -----------------------------------------
   Shared Styles
----------------------------------------- */
 a:hover, a:focus {
    color: #c0c0c0; }
.center {text-align:center;}
.row-full{
	/* border-top:1px solid #d7d7d7; */
	/* border-bottom:1px solid #d7d7d7; */
	}
body {
	background: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 16px;
	font-style: normal;
	line-height: 1;
	color: #666;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
a.anchor{display: block; position: relative; top: -100px; visibility: hidden;}
.sub-nav{
    padding-top: 16px;
}
.sub-nav dl,{}
.sub-nav dd.left {float: left;}
.sub-nav dd.right {float: right;}
.sub-nav dd.spacer {width: 150px;}
.sub-nav dd a{
    font-weight: 100;
    color: #fff;
    padding: 1rem;
    margin-top: 1rem;
    font: 300 18px/30px 'open sans', Arial, Helvetica, sans-serif;
}
.sub-nav dd a:hover{
border-radius: 0;
font-weight: 100;
border-bottom: 3px solid #FFF;
padding: 1px 1rem;
cursor: default;
color: #FFF;
background: none;
}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
border-radius: 0;
font-weight: 100;
border-bottom: 0px solid #FFF;
padding: 1px 1rem;
cursor: default;
color: #FFF;
background: none;
}
.panel {
	border: 0px;
	background: none;
	padding: 20px 30px 30px;
	overflow:hidden;
}
.panel.callout {
border-style: solid;
border-width: 1px;
border-color: #B6EDFF;
margin: 2rem 0;
padding: 0rem 4rem 2rem;
background: #ECFAFF;
}
.splash{color:white;padding: 10rem 0 19rem;}
.pianobg{ background-image: url(../img/piano2000x800.jpg); background-repeat: no-repeat; width: 100% !important;  background-position: center bottom; height: auto;}
.grey { background: #F9F9F9 url(../images/bg-body.jpg); padding: 1rem 0 2rem; border-radius: 6px; border: 1px solid #f2f2f2; margin:  2rem auto;}
.darkblue {background: rgb(58, 147, 1);}
.lightblue {background: #2BA6CB;}
.lightblue2 {background: white;padding:30px 0; border-top: 0px solid #01B1E7;}
.darkblue2 {background: #82D2E5;padding:30px 0; border-top: 0px solid #B8B8B8;}
.map {background: none;padding:0;  }
.deepsea {background: #028fba url(../images/deepseabg.jpg);padding:30px 0; border-top: 1px solid #097596;box-shadow: inset 0 0px 1px 0px #D5D5D5;}
.whitegrad {background:url(../images/bg-overlay.png) no-repeat center top;}
.blue {color:#2BA6CB;}
.A7D44F{color:#A7D44F;}
.E54028{color:#E54028;}
.F18D05{color:#F18D05;}
.ADADAD{color:#ADADAD;}
.foundat{color:#2CA6CB;}/* Foundation Blue ---------------------- */
.foundat-bg{background-color:#2CA6CB;}
.pastel{color:#82D2E5;}/* Pastel Blue ---------------------- */
.pastel-bg{background-color:#82D2E5;}
.willy{color:#AED755;}/* Willy Green ---------------------- */
.willy-bg{background-color:#AED755;}
.bigblue{color:#006D92;}/* Big Blue Sea dark blue ---------------------- */
.bigblue-bg{background-color:#006D92;}
.white { 	color:white; }
.white-bg {background: white;}
.green { 	color:#82C975;}
.green-bg { 	background-color:#82C975;}
.darker{color:#00667e;}/* darker Blue ---------------------- */
.darker-bg{background-color:#00667e;}

label {color: white;}

h1 { font: 800 50px/50px 'Raleway', Arial, Helvetica, sans-serif;margin: 10px 0 30px;color: #444;}
h1.title { font: 100 60px/36px 'Raleway', Arial, Helvetica, sans-serif;margin:0;color: white; margin-top: 2rem;line-height:1; text-transform: uppercase;}

h2 { font: 300 50px/30px 'open sans', Arial, Helvetica, sans-serif; margin: 3rem 0; color: #303030; text-align: center; text-shadow: 0 1px 1px #fff;}
h2.work-title { font: 100 26px/30px 'Open Sans', Arial, Helvetica, sans-serif; margin: 10px 0 30px; color: #666;}
h2.work-title span { font: 300 26px/30px 'Open Sans', Arial, Helvetica, sans-serif; margin: 10px 0 30px; color: #666;}
h3.contact { font: 300 19px/30px 'Open Sans', Arial, Helvetica, sans-serif; margin: 10px 0 20px;color: white; text-transform: capitalize;}
h3 { margin: 1rem 0; color: #444; text-transform: uppercase; text-align: center; font: 100 26px/22px 'Open Sans', Arial, Helvetica, sans-serif;}
h4 { font: 300 28px/28px 'open sans', Arial, Helvetica, sans-serif; margin: 1rem 0 1rem; color: #999; /* text-align: center; */ padding: 0rem 0 0; line-height: 1.2;}
h5 { font: 100 26px/46px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 11px 2px; color: white; border-bottom: 1px solid;}

li {font-size:16px;}
p {color: #555;text-align: left;max-width: 750px;margin: 0 auto;padding-bottom: 1rem;font: 100 18px/24px 'open sans', Arial, Helvetica, sans-serif;}
.grey p {max-width: 600px;}
.txt-shadow {text-shadow: 0 1px 2px #555;: 0 1px 2px #555;}

.text-centered {text-align:center;}

.txt-strong {font-weight: 400;}
[data-magellan-expedition], [data-magellan-expedition-clone] {
background: #FFF;
z-index: 50;
min-width: 100%;
padding: 0px 10px 10px;
background: #020202;
/* border-top: 1px solid #5A5A5A; */
}


.fixed-sub-nav{
    box-shadow: 0 2px 2px #555;
    margin-bottom: 2rem;
}
.mini-logo{
    background: #4C93AA;
    padding: 18px 0;
    margin: -40px 0 -56px;
    border-radius:  50px 50px;
    width: 100px;
    height: 100px;
    font: 300 20px/21px 'Raleway', Arial, Helvetica, sans-serif;
    color: white;
    text-shadow: 0px -1px 1px #333;
    box-shadow: 0px 1px 2px #6C6C6C;
}
.padded-top-60 {padding:60px 0 0;}
.padded-top-bottom-30 {padding: 30px 0;}
.padded-top-bottom-50 {padding: 50px 0;}
.padded-top-bottom-60 {padding: 60px 0;}
.padded-right-left-30 {padding: 0 30px;}
.top-border-white-1 {border-top:1px solid white;}
.bottom-border-white-1 {border-bottom:1px solid white;}

p.lead{color: white;
line-height: 26px;
margin: 20px 0 0;
font-size: 16px;}

p.lead a{
line-height: 26px;
margin: 20px 0 0;
font-size: 16px;}

p.lead a:hover{color: #c0c0c0;text-decoration: none;}

.contact-block p{max-width:500px;}

header span {
	background: url(../images/logo.png) no-repeat;
	width: 201px;
	height: 85px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin: 23px 20px 20px;
}


.button {
font-weight:normal;
width: auto;
background: #2BA6CB;
border: 0px solid #1E728C;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: white;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 16px;
line-height: 1;
margin: 0 auto;
padding: 16px 28px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}



.panel ul {
	padding: 4px 0 0 18px;
}
.border {
	border: 1px solid #DFDFDF;
}
.transparency-dark {
	background: url(../images/transp-bg.png) repeat;
}
.supertransparency-dark {
	overflow:hidden;
}
.transparency-dark p{
	color:white;
}
.shadow {
	//box-shadow: 0 2px 3px #5C5C5C;
}
.paddedtop {
	padding-top:20px;
}
.service-box {
	background: #F1F1F1;
	text-align: center;
	padding: 12px;
	border: 0px;
	border-radius: 0px;
}
.service-box .frame{ 
padding: 14px 9px 4px 0px;
text-align: center;
background: #FDFCFA;
overflow: hidden;
}
.service-box .subtitle{
	display:block;
	color:#888;
	font: 100  21px/26px 'Open Sans', arial, sans serif;
	padding: 0 14px 8px;
	margin:0 -11px 11px 0;
	border-bottom:1px solid #efefed;
}
.service-box .text{
	padding:0 30px 6px 38px;
	overflow:hidden;
}
.service-box .text p{margin:0 0 5px;font-size: 17px;font-family: 'vollkorn';font-style: italic;}
.service-box .features{
	padding:0 0 26px;
margin:0 -11px 0 0;
list-style:none;
	font-size: 16px;
	line-height: 16px;
}
.service-box .features li{
	background:url(../images/sep-features.gif) 4px 0 repeat-x;
	padding: 6px 16px;
	font: 100 16px/24px 'Open Sans', sans-serif;
}
.service-box .features a{color:#444;}
.service-box .more{
	overflow:hidden;
	padding:0 0 10px 8px;
}
.service-box .more a{
	display:inline-block;
	vertical-align:top;
	font:italic 14px/17px Georgia, 'Times New Roman', Times, serif;
	color:#252525;
	background:url(../images/btn-more.png) 100% 0 no-repeat;
	padding:0 5px 0 0;
}
.service-box .more span{
	display:block;
	background:url(../images/btn-more.png) 0 -37px no-repeat;
	padding:8px 0 12px 8px;
	width:129px;
}
.ss-holder .ss-icon{line-height:1.5em;font-size: 4.5em;}
.ss-holder{background: #026E92;
width: 11em;
padding: 2.6em;
border-radius: 100%;
height: 11em;
margin: 0 auto 16px;
color:white;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
.ss-holder:hover{background: #2CA6CB;
width: 11em;
padding: 2.4em 2.6em;
border-radius: 100%;
height: 11em;
margin: 0 auto 16px;

color:white;
}
.ss-holder-home .ss-icon{line-height: 1.4em;font-size: 3.5em;}

.ss-holder-home {background: #82D2E5;
width: 8em;
padding: 2.0em;
border-radius: 100%;
height: 8em;
margin: 10px auto 16px;
color:white;
}


.proposal-box{
	//background:url(../images/bg-quote.png) no-repeat;
	//width:962px;
	padding: 16px 10px;
	margin: 0 -1px 0px;
	font-size:17px;
	line-height:20px;
	color:#444;
	background: rgb(255, 205, 116);
}

.proposal-box p{margin:0 0 5px;font-size:14px;}

.proposal-box h3{
	color:#45464a;
	font:32px/32px 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 0 12px;
}

.proposal-box .holder{
//	background:url(../images/bg-quote.png) 100% 100% no-repeat;
padding: 0;
}

.proposal-box .frame{
	//background:url(../images/bg-quote.png) -962px 0 repeat-y;
//	width:962px;
}
.proposal-box .frame:after{
	content:'';
	display:block;
	clear:both;
}

.proposal-box .content{
	float:left;
	margin:-37px 0 -49px;
	width:917px;
	padding:0 31px 0 14px;
}

.proposal-box .content-holder{
	float:left;
	width:273px;
	text-align:center;
	padding:0 82px 0 0;
}

.proposal-box .text{
	overflow:hidden;
	padding:2px 0 0;
}

.proposal-box .btn-yes{
	display:inline-block;
	vertical-align:top;
	background:url(../images/btn-yes.png) 100% 0 no-repeat;
	text-align:left;
	font-size:15px;
	line-height:18px;
	color:#fff;
	padding:0 5px 0 0;
	margin: 0;
}

.proposal-box .btn-yes span{
	background:url(../images/btn-yes.png) 0 -37px no-repeat;
	display:block;
	padding: 9px 31px 10px 46px;
}

img.work-thumb {
	border: 12px solid #F1F1F1;
	border-radius: 0px;
}

.work-logo {

}
.orbit {
border:1px solid #e4e4e4;
}
.orbit-frame {
position:absolute;
top: 6.77%;
left: 11.92%;
width: 76.266667%;
}

.orbit-container .orbit-slide-number {
display:none;
}
.orbit-container .orbit-timer {
display:none;
}
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    position: absolute;
    top: 30%;
    margin-top: -25px;
    width: 47px;
    height: 80px;
    line-height: 80px;
    color: white;
    background-color: transparent;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .orbit-prev:hover,
    .orbit-container .orbit-next:hover {
      background-color: none; }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -15px;
      display: block;
      width: 0;
      height: 0;
      border: inset 15px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #888; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: white; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #888;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: white; }
.ipad {
position:relative;	
}
#ipad {
	margin: 0 0 20px 0; 
}
footer {
	background: #333;
	padding: 1rem 0;
	margin: 2rem  auto 0;
	
}
footer .row-full{

}
footer .row{

}
footer p{
	font-size:0.875rem;
color:white;
}
footer a{
color:white;
font-size:0.875rem;
}
footer a:hover;{
color:#c0c0c0;
}


.scrollup {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 50px;
    right: 200px;
    display: none;
    text-indent: -9999px;
    background: url('../img/back-to-top.png') no-repeat;
    background-size:60px 60px;
  
 
}

.img-wrap{
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
}
.img-wrap img.inset{
    float: right;
    width: 50%;
    padding: 10px;
    border: 1px solid #d8d8d8;
    margin: 0 0 10px 20px;
}
.txt-wrap{}











/* Small Devices ------------ */
@media only screen and (max-width: 768px) { /* Global Misc --- */
  /*                 */
label.inline {margin:0 0 8px 0;line-height:18px;}
.top-bar ul.right {float: left;width: 100%;margin-bottom: 0;margin-top:0px;text-align: left;padding-bottom: 1rem;background: #333;}
.nav-bar {margin-top: 0px;text-align:center;}
.nav-bar > li {float:none; display:inline-block;}
.nav-bar > li > a:first-child {padding: 0 10px;}
.nav-bar > li > a {padding: 0 10px;}
.top-bar ul > li:not(.diff) {color: white;display: block;font-size: 17px;font-weight: 400;height: 45px;line-height: 45px;padding: 0 0px;
text-align: center;}
.top-bar ul > li:not(.toggle-topbar):hover, .top-bar ul > li:not(.toggle-topbar).active, .top-bar ul > li:not(.toggle-topbar):focus { background: #026E92; }
.top-bar ul > li.name:hover, .top-bar ul > li.name.active, .top-bar ul > li.name:focus { background: none; }
header span {float:none;margin:10px auto;line-height:1.6em;text-align:center;}
.splash {padding: 5rem 0 15rem;}
[data-magellan-destination] { padding: 3rem 0 0;}
.scrollup {width: 60px;height: 60px;position: fixed;bottom: 20px;right: 20px;display: none;    text-indent: -9999px;    background: url('../img/back-to-top.png') no-repeat;    background-size:60px 60px;}
h1 {font: 36px/36px 'Open Sans', Arial, Helvetica, sans-serif;text-align:center;}
h2 {font: 100 38px/26px 'Open Sans', Arial, Helvetica, sans-serif;line-height: 1;}
.margin-bottom {margin-bottom:20px;}
.squashed {margin-left:20%;margin-right:20%;}
.footer-col h4 {text-align:center;}
.mobile-center {text-align:center;}
.mobile-bottom-border {border-bottom: 1px solid #097596;padding-bottom:20px;}
.mobile-top-border {border-top: 1px solid #7bbbda;padding-top:20px;}
.footer-col:first-child h4 {text-align:center;margin:0 0 11px 3px;}
.footer-col .follow{display: block;padding: 12px 0;text-align: center;margin: 0px auto;}
.panel.callout {
border-style: solid;
border-width: 1px;
border-color: #B6EDFF;
margin: 2rem 0;
padding: 0rem 1rem 2rem;
background: #ECFAFF;
}
}

		@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait){ 
	.sub-nav dd a {
font-weight: 100;
color: #FFF;
padding: 1rem 3px;
margin-top: 1rem;
font: 300 15px/30px 'open sans', Arial, Helvetica, sans-serif;
}	
.sub-nav dd a:hover{
border-radius: 0;
font-weight: 100;
border-bottom: 2px solid #FFF;
padding: 1rem 3px;
cursor: default;
color: #FFF;
background: none;
}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
border-radius: 0;
font-weight: 100;
border-bottom: 0px solid #FFF;
padding: 1rem 3px;
cursor: default;
color: #FFF;
background: none;
}
} 
		
.top-bar-section ul li > a {
display: block;
width: 100%;
color: #FFF;
padding: 12px 0 12px 0;
padding-left: 15px;
font: 100 21px/21px 'Open Sans', Arial, Helvetica, sans-serif;
text-transform: none;
}
p.testimony{font-family: 'open sans', cursive;font-size: 15px;line-height: 1.5;text-align: left;max-width: 600px;}
span.author{font-family: 'Open Sans', sans-serif;
font-size: 16px;padding: 1rem;float: right;font-style: italic;}
p.Q{font-size: 18px;line-height: 1;font: 600 18px/23px 'open sans', Arial, Helvetica, sans-serif;padding: 16px 0 6px;}
p.A{}
.bg666{background: #020202;}