.text {
    position:absolute;
    top:10px; /* in conjunction with left property, decides the text position */
    left:10px;
    width:300px; /* optional, though better have one */
}

.bigText{
	display:inline-block;width:100%;
	color:#fff;text-shadow:0 0 30px rgba(0,0,0,0.65);
	font-weight:100
}
.char1,.char2,.char3,.char4,.char5,.char6,.char7,.char8,.char9,.char10,.char11,.char12{
	font-size:225%
}
.char4{
	vertical-align:top;
	margin-left:-0.11em
}
.char3{
	vertical-align:top;
	margin-left:-0.169em
}
.char2{
	vertical-align:top;
	margin-left:-0.182em
}
.char7{
	vertical-align:top;
	margin-left:-0.123em
}
.char8{
	vertical-align:top;
	margin-left:-0.123em
}
.char9{
	vertical-align:top;
	margin-left:-0.175em
}
.char6{
	vertical-align:top;
	margin-left:-0.029em
}
.char10{
	font-size:250%;
	padding:0 !important;
	margin:0 !important;
	line-height:0
}
.char12{
	vertical-align:top;
	margin-left:-0.027em;
	display:inline-block;
	position:relative;
	top:0.357em
}
.char11{
	vertical-align:top;
	margin-left:-0.032em;
	display:inline-block;
	position:relative;
	top:0.326em}
.quoteHome{
	margin:0;
	padding:0;
	line-height:0;
	font-size:400% !important;
	opacity:.25;color:white
}

.main-header{background-color:#6bc1c0}
.main-header.services{margin-bottom:35px}
.main-header.services h1{font-size:2.625em;padding-top:21px;margin-bottom:21px}
.main-header.services p.lead{font-size:1.25em;line-height:38px;margin-bottom:35px}
.main-header.home h1{font-size:2.625em;padding-top:10px;margin-bottom:10px}
.main-header.home p.lead{font-size:1.25em;line-height:20px;margin-bottom:10px}@media only screen and (min-width: 1024px){.main-header.services.random-1{background:url(http://zurb.com/assets/services/backgrounds/home-5502edafdb7b0b43305ba1e45bd849a3.jpg) no-repeat center center #fff}
.main-header.discovery.random-1{ background: #6bc1c0 }
.main-header.explore.random-1{ background: #6bc1c0 }
.main-header.design.random-1{ background: #6bc1c0 }
/* BB .main-header.iterate.random-1{background:url(http://www.avriloshea.com/img/hero_four.png) no-repeat center center #6bc1c0} */
.main-header.services.random-3{background:url(http://zurb.com/assets/services/backgrounds/home-3-8f121efc4295ee4fe35f34dd43e26b6f.jpg) no-repeat center center #fff}
.main-header.services.random-4{background:url(http://zurb.com/assets/services/backgrounds/home-4-25513b8b80ba7ec0b29e5449dcc80461.jpg) no-repeat center center #fff}
.main-header.services h1{font-size:4em;padding-top:115px;margin-bottom:35px}
.main-header.services p.lead{font-size:1.25em;line-height:28px;padding-bottom:140px}
/* BB .main-header.random-1{background:url(http://www.avriloshea.com/img/hero_home.png) no-repeat center center #f1f1e7} */
.main-header.random-3{background:url(http://www.avriloshea.com/img/hero8.png) no-repeat center center #fff}
.main-header.home h1{font-size:4em;padding-top:0px;margin-bottom:0px}
.main-header.home p.lead{font-size:1.25em;line-height:30px;margin-bottom:10px}}a


.light{
	font-weight:200 !important
	}

.extra-bold{
		font-weight:800 !important
		}

.regular{
			font-weight:normal !important
			}
					
.white-text{
	color:#FFF
}	

.banner-text{
	margin-top:20px
}

.intro-text{
	font-size:1em;
	padding-top:10px;
	margin-bottom:10px
}	

.title-text{
	margin-top:-0.2em
}		

.bump-20{margin-top:20px !important}
.bump-25{margin-top:25px !important}
.bump-60{margin-top:15px}		
.centered-text{text-align:center}
.center-image{display:block;margin:0 auto}
.bump-down{margin-top:1.45em !important}

.avail-text{
	font-size:0.9em;
	line-height: 1.4em
}


/* BB: New styles */

/* Navigation */

.row.main-navigation {
	max-width: none;
	background-color: #111;
}
.row.main-navigation .large-12 {
	float: none;
	margin: 0 auto;
	max-width: 62.5em;
}
.top-bar-section ul {
	background: transparent;
}

/* Hero images */


.main-header .banner {
	position: relative;
}
.main-header .columns {
	position: relative;
	z-index: 10;
}
.main-header .row .hero-image {
	display: block;
}

@media screen and (max-width: 767px) {
	/* 	iPhone portait and landscape */
	.main-header,
	.main-header .banner {
		min-height: 183px;
	}
	.main-header .row {
		text-align: center;
	}
	.main-header .row .hero-image {
		margin: 0 auto;
		max-height: 183px;
		text-align: center;
	}	
}
@media screen and (min-width: 768px) {
	/* iPad portrait and landscape /desktop */
	.main-header,
	.main-header .banner {
		min-height: 243px;
	}
	.main-header .row .hero-image {
		position: absolute;
		bottom: 0;
		right: 0;
		max-height: 243px;
		padding-right: 0.9375em;
	}
}

@media screen and (min-width: 1024px) {
	/* iPad landscape / desktop */
	.main-header,
	.main-header .banner {
		min-height: 300px;
	}
	.main-header .row .hero-image {
		max-height: 300px;
	}
}

/* Equal height columns */

@media screen and (max-width: 767px) {
	.columns:nth-child(2n+1) {
		clear: both;
	}
}

@media screen and (min-width: 768px) {
	.large-12.columns {
		overflow: hidden;
		margin-bottom: 0em;
	}
	.large-12.columns .panel {
		margin-bottom: -1000em;
		padding-bottom: 1000.75em;
	}
}


/* Sub Navigation */

/* .row.sub-navigation {
	max-width: none;
	height: 100%;
	background-color: #2693a2;
	border: #cccccc solid 1px;
}
.row.sub-navigation .large-12 {
	float: none;
	margin: 0 auto;
	max-width: 62.5em;
	top: -1px;
}

.sub-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important; }
    .sub-bar-section ul {
      width: auto;
      height: 100% !important;
      display: inline; }
      .sub-bar-section ul li {
        float: left; 
        list-style-type: none;
        background-color: #2693a2;
    	border: 1px solid #cccccc; }
    .active {
        float: left; 
        list-style-type: none;
    	background: #6bc1c0; }
    .sub-bar-section li a:not(.button) {
      padding-top: 0.9375em;
      padding-right: 4em;
      padding-bottom: 0.9375em;
      padding-left: 4em;
      display:inline-block;
      color: #333333;
      font-size: 0.87em;
      white-space: nowrap;
      background-color: #cccc; }
      .sub-bar-section li a:not(.button):hover {
        background: #6bc1c0; } */

/*** Barry's changes (August) ***/

/* Navigation styles */

div.sub-navigation {
	max-width: none;
	border: 1px solid #fff;
	border-width: 1px 0;
	background-color: #2792a2;
}

.sub-navigation .large-12.columns {
	margin: 0;
}

.sub-bar {
	margin: 0 auto;
	width: 62.5em;
}

.sub-bar ul {
	padding-left: 20px;
	background: url('../img/subnav_chevron.gif') no-repeat 0 50%;	
}

.sub-bar li {
	float: left;
	list-style-type: none;
}

.sub-bar li a {
	display: block;
	padding: 10px 50px 10px 35px;
	background: url('../img/subnav_chevron.gif') no-repeat 100% 50%;
	color: #222;
}

/* Sub-navigation amendments 20131127 */
.sub-bar li a:hover,
.sub-bar li:hover a,
.sub-bar li a.selected {
	display: block;
	background-color: #177280;
	color: #000000;	
}

@media (min-width: 768px) {

	.sub-bar li a:hover,
	.sub-bar li:hover a,
	.sub-bar li a.selected {
		background-image: url('../img/subnav_chevron_selected.png');
		background-repeat: no-repeat;
		background-position: 100% 50%;
	}

	.sub-bar .selected-li,
	.sub-bar li:hover {
		margin-left: -19px;
		padding-left: 19px;
		background-image: url('../img/subnav_chevron_selected_left.png');
		background-repeat: no-repeat;
		background-position: 0 0;
	}

}

/* end amendments 20131127 */


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

	div.sub-navigation {
		border-width: 1px 0 0 1px;
	}

	.sub-navigation .large-12.columns {
		padding: 0;
	}

	.sub-bar {
		width: 100%;
	}
	
	.sub-bar ul {
		float: none !important;
		padding: 0;
		background: none;
	}
	
	.sub-bar li {
		width: 50%;
	}
	
	.sub-bar li a {
		padding: 10px 0;
		border: 1px solid #FFF;
		border-width: 0 1px 1px 0;
		background: none;
		text-align: center;
	}

}

/* Avrils tag styles */
.tagheader {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;}

.tag {
display: inline-block;
padding: 3px 5px;
color: #999;
font-size: 12px;
border: #ccc 1px solid;
background: #eeeeee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin:0 5px 5px 0; }

.tag {
margin: 0px 5px 8px 0; !important}

.tag:hover { 
background: #f5f5f5;
cursor: pointer; }

.tag .build {
background: #50b2d0;
border: #2BA6CB 1px solid;
color:#fff; }

.tag .build:hover {
background: #2BA6CB;
border: #50b2d0 1px solid; }

/* link in tag section */
.taglink {
display: inline-block;
color: #999;
font-size: 12px;
margin:0 5px 5px 0; }

.taglink {
margin: 0px 5px 8px 0; !important}

.taglink:hover { 
font-color: ##2ba6cb;
cursor: pointer; }

/* Avrils social in panel styles */
.socialheader {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;}

.social {
display: inline-block;
padding: 0px 0px;
color: #999;
font-size: 12px;
margin:0 0px 0px 0; }

.social {
margin: 0px 0px 0px 0; !important}

.social:hover { 
background: #f5f5f5;
cursor: pointer; }

.social .build {
background: #50b2d0;
color:#fff; }

.social .build:hover {
background: #2BA6CB; }


/* tab sub menu style */
.tabs { 
list-style:none;
border-bottom:solid 1px #e6e6e6;
display:block;
height:40px;
padding:0;
margin-bottom:20px }

.tabs.contained {
	margin-bottom:0;
	margin-left:0 } 

.tabs dt,.tabs li.section-title {
	color:#b3b3b3;
	cursor:default;display:block;
	float:left;
	font-size:12px;
	height:40px;
	line-height:40px;
	padding:0;
	padding-right:9px;
	padding-left:20px;
	font-weight:normal;
	width:auto;
	text-transform:uppercase }

.tabs dt:first-of-type,.tabs li.section-title:first-of-type {
		padding:0;
		padding-right:9px }

.tabs dd,.tabs li { 
		display:block;
		float:left;
		padding:0;
		margin:0 }

.tabs dd a,.tabs li a {
	color:#6f6f6f;
	display:block;
	font-size:14px;
	height:40px;
	line-height:40px;
	padding:0px 23.8px }

.tabs dd a:focus,.tabs li a:focus {
	font-weight:bold;
	color:#0192dd }

.tabs dd.active,.tabs li.active {
	border-bottom:3px solid #0192dd;
	margin-top:-3px }

.tabs dd.active a,.tabs li.active a {
	cursor:default;
	color:#3c3c3c;
	background:#23b9d1;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	font-weight:bold }

.tabs dd:first-of-type,.tabs li:first-of-type {
	margin-left:0 }

.tabs.vertical { 
	height:auto;
	border-bottom:1px solid #e6e6e6 }

.tabs.vertical dt,.tabs.vertical dd,.tabs.vertical li {
	float:none;
	height:auto }

.tabs.vertical dd,.tabs.vertical li {
	border-left:3px solid #ccc }

.tabs.vertical dd a,.tabs.vertical li a {
	background:#f2f2f2;
	border:none;
	border:1px solid #e6e6e6;
	border-width:1px 1px 0 0;
	color:#555;display:block;
	font-size:14px;
	height:auto;
	line-height:1;
	padding:15px 20px;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0) inset }

.tabs.vertical dd.active,.tabs.vertical li.active {
	margin-top:0;
	border-top:1px solid #4d4d4d;
	border-left:4px solid #1a1a1a }

.tabs.vertical dd.active a,.tabs.vertical li.active a { 
	background:#4d4d4d;
	border:none;
	color:#fff;
	eight:auto;
	margin:0;
	position:static;
	top:0;
	-webkit-box-shadow:0 0 0;
	-moz-box-shadow:0 0 0;
	box-shadow:0 0 0 }

.tabs.vertical dd:first-of-type a.active,.tabs.vertical li:first-of-type a.active {
	margin:0 }

.tabs.pill { 
	border-bottom:none;
	margin-bottom:10px }

.tabs.pill dd,.tabs.pill li { 
	margin-right:10px }

.tabs.pill dd:last-of-type,.tabs.pill li:last-of-type {
	margin-right:0 }

.tabs.pill dd a,.tabs.pill li a {
	-webkit-border-radius:1000px;
	-moz-border-radius:1000px;
	-ms-border-radius:1000px;
	-o-border-radius:1000px;
	border-radius:1000px;
	background:#e6e6e6;
	height:26px;
	line-height:26px;
	color:#666 } 

.tabs.pill dd.active,.tabs.pill li.active {
	border:none;
	margin-top:0 }

.tabs.pill dd.active a,.tabs.pill li.active a {
	background-color:#0192dd;
	border:none;color:#fff }

.tabs.pill.contained {
	border-bottom:solid 1px #eee;
	margin-bottom:0 }

.tabs.pill.two-up dd,.tabs.pill.two-up li,.tabs.pill.three-up dd,.tabs.pill.three-up li,.tabs.pill.four-up dd,.tabs.pill.four-up li,.tabs.pill.five-up dd,.tabs.pill.five-up li { 
	margin-right:0 }

.tabs.two-up dt a,.tabs.two-up dd a,.tabs.two-up li a,.tabs.three-up dt a,.tabs.three-up dd a,.tabs.three-up li a,.tabs.four-up dt a,.tabs.four-up dd a,.tabs.four-up li a,.tabs.five-up dt a,.tabs.five-up dd a,.tabs.five-up li a {
		padding:0 17px;
		text-align:center;
		overflow:hidden }

.tabs.two-up dt,.tabs.two-up dd,.tabs.two-up li {
	width:50% }

.tabs.three-up dt,.tabs.three-up dd,.tabs.three-up li { 
	width:33.33% }

.tabs.four-up dt,.tabs.four-up dd,.tabs.four-up li {
	width:25% }

.tabs.five-up dt,.tabs.five-up dd,.tabs.five-up li { 
	width:20% }

ul.tabs-content {
	display:block;
	margin:0 0 20px;
	padding:0 }

ul.tabs-content>li {
	display:none }

ul.tabs-content>li.active {
	display:block }

ul.tabs-content.contained {
	padding:0 }

ul.tabs-content.contained>li { 
	border:solid 0 #e6e6e6;
	border-width:0 1px 1px 1px;
	padding:20px }

ul.tabs-content.contained.vertical>li {
	border-width:1px 1px 1px 1px }

.no-js ul.tabs-content>li {
	display:block }


/* removing padding from side nav icon panel */
  .row .columns .nopadding {
    position: relative;
    padding-left: 0.2em;
    padding-right: 0.5em;
    float: left; }

/* icons in side column */
.websiteAddress {
	font-size:10px;
	color:#505050;
	margin:0;
	padding:0; }

.iconline {
	padding:4px 0px;
	margin-left:-20px; }

	.logoline {
	padding:4px 0px;
	margin: 0 0 0 1.375em;}

.tel {
	font-size:18px;
	color:#505050;
	margin:0;
	padding:0; }

/* panels in side column */
.side1 {
background: #dddddd; }

.side2 {
background: #ffffff;
border:solid #e6e6e6;
	border-width:1px;
 }

.side3 {
background: #7ebebf; }

/* contact required field litttle text */

.subtext {
	font-size: 0.8em;
	font-style: italic;
	color:#666666; }

/* Inline List for about me */
.inline-list-about-me {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list-about-me > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list-about-me > li > * {
      display: block; }

     /* availabilty panel */
.panel.availability{
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    margin-bottom: 0em;
    padding: 1.25em;
    background: #505050; }
    .panel.availability h1, .panel.availability h2, .panel.availability h3, .panel.availability h4, .panel.availability h5, .panel.availability h6, .panel.availability p {
      color: white; }
    .panel.availability > :first-child {
      margin-top: 0; }
    .panel.availability > :last-child {
      margin-bottom: 0; }
    .panel.availability h1, .panel.availability h2, .panel.availability h3, .panel.availability h4, .panel.availability h5, .panel.availability h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .panel.availability h1.subheader, .panel.availability h2.subheader, .panel.availability h3.subheader, .panel.availability h4.subheader, .panel.availability h5.subheader, .panel.availability h6.subheader {
        line-height: 1.4; }


/* stages panel */
  .panel.stages{
  	margin-top: 1.25em;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    margin-bottom: 0em;
    padding-bottom: 0em;
    background: #f1f1e7; }


     /* availabilty callout */
.callout.availability{
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    margin-top: 1.25em;
    padding: 1.25em;
    background: #505050; }
    .callout.availability h1, .callout.availability h2, .callout.availability h3, .callout.availability h4, .callout.availability h5, .callout.availability h6, .callout.availability p {
      color: white; }
    .callout.availability > :first-child {
      margin-top: 0; }
    .callout.availability > :last-child {
      margin-bottom: 0; }
   .callout.availability h1, .callout.availability h2, .callout.availability h3, .callout.availability h4, .callout.availability h5, .callout.availability h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .callout.availability h1.subheader, .callout.availability h2.subheader, .callout.availability h3.subheader, .callout.availability h4.subheader, .callout.availability h5.subheader, .callout.availability h6.subheader {
        line-height: 1.4; }


     /* twitter top padding */
.twitterpad{
    margin-top: 1.25em; }




  /* about me navigation buttons */
      button.stages, .button.stages {
    background-color: #5ab3ae;
    border-color: #5ab3ae;
    border-width: 1px;
    box-shadow: none;
    color: #ffffff;
    font-weight: normal;
    font-size: 1.15em; 
  	margin-bottom: 0.75em}
    button.stages:hover, button.stages:focus, .button.stages:hover, .button.stages:focus {
      background-color: #2693a2; }
    button.stages:hover, button.stages:focus, .button.stages:hover, .button.stages:focus {
      color: #ffffff; }


/* Contact form styles */

.subtext {
	font-style: italic;
}

.contact-form label {
	margin-bottom: 8px;
	font-weight: bold;
}

.contact-form label.error {
	font-weight: normal;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
	margin-bottom: 8px;
}

.contact-form .controls {
	margin-bottom: 21px;
}

.contact-form .control-group {
	clear: left;
	margin: 0;
}

.contact-form button {
	white-space: nowrap;
}

.contact-form button.disabled,
.contact-form button.disabled:hover {
	color: #ccc;
	background-color: #2284a1;
	opacity: 1;
}

#contactFormResponse .alert-box {
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}

@media screen and (max-width: 767px) {
	.contact-form .control-group {
		width: 100%;
	}
}

/* Map */

#map {
    width: 100%;
    height: 400px;
}