/********************************************
	Tag Resets
********************************************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
iframe,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
}

/********************************************
	Normalize CSS
	http://necolas.github.com/normalize.css/
********************************************/

html {
	height: 100%;
	font-size: 100%;
	line-height: 1;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	min-height: 100%;
	background-color: #ffffff;
	font-family: Helvetica,sans-serif;
	font-style: normal;
	font-weight: 400;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
	display: block;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

b,
strong {
	font-weight: bold;
}

abbr[title] {
	border-bottom: 1px dotted;
}

input,
textarea,
button,
select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p	{
	font-size:1.125em; /* started with 18px */
	line-height: 1.5em;
	margin: .65em 0;
	color: #094e68;
}
/* this makes my typographic scale 1.3 */

h2, h3, h5, h6 {
	padding: .65em 0 0 0;
	}
h1 {
	font-size: 1.98em; /* 2.5 x 1 = 3em */
	line-height: 1.28em;
	font-style: normal;
	font-weight: 700;
	color: #000000;
	}
h2 {
	font-size: 1.5em; /* 2 x 1 = 2em */
	line-height: 1.28em;
	font-style: normal;
	font-weight: 700;
	color: #094e68;
	}
#columns h2 {
		padding-top:.65em;
		padding-left: 0;
	}
h3 {
	font-size:1.25em; /* 1.5 x 1 = 1.125em */
	line-height: 1.28em;
	font-style: normal;
	font-weight: 600;
	}
h4 {
	font-size:1.125em; /* 1 x 1 = 2.08em */
	line-height: 1.28em;
	font-style: normal;
	font-weight: 700;
	color: #094e68;
	padding: .65em 0;
	}
h5 {
	font-size:1em; /* 1.75 x 1.19 = 2.08em */
	line-height: 1.2em;
	font-weight: 500;
	font-style: italic;
	}

#all-wrap {
	background-color: #fff;
	border-left: 6px solid #6aa69d;
	border-right: 6px solid #6aa69d;
	border-bottom: 6px solid #6aa69d;
}
/*----------------------------------------*/
/*----------- IE specific stuff ----------*/
/*----------------------------------------*/
.ie body {
	width:90%;
	margin:0 auto 0;
}
/* box-sizing polyfill, IE7 and below */

.ie .wrapper,
.ie .name,
.ie .email,
.ie input,
.ie textarea {
    *behavior: url("http://seaturtlesightings.org/js/boxsizing.htc");
}
/* Fluid Media, slightly more robust than img {max-width: 100%} */
	figure {
	    position: relative;
	}

	figure img,
	figure object,
	figure embed,
	figure video {
	    display: block;
	    max-width: 100%; 
	}

	img {
	    border: 0;
	    -ms-interpolation-mode: bicubic; /* for IE see below */
	}
	.ie .onethird,
	.ie .twothirds,
	.ie .twofourths figure {
		width: 100%;
		box-sizing: border-box;
	 }

/* "*" hack applies only to IE7 and below */

	.ie onethird,
	.ie .twothirds,
	.ie .twofourths figure {
		*width: auto;
	}
    
/*----------------------------------------*/
/*------------- header styles ------------*/
/*----------------------------------------*/

#header {
	background-color: #fff;
	text-align: left;
}
#homeheader {
	background-color: #fff;
	text-align: left;
}
.fb-top {
	float: right;
	padding:1.65em .975em 0 0;
}
#header h1 {font-size: 1em;line-height: 1;color: rgba(255,255,255,.1);
	margin:0 0 0 0;padding: 0;z-index: -100;
}
#homeheader h1 {font-size: 1em;line-height: 1;color: rgba(255,255,255,.1);
	margin:0 0 0 0;padding: 0;z-index: -100;
}
.add {
		width: 190px;font-weight: bold;
		line-height: 1.25em;
		z-index: 200;color: #094e68;
	}
.add h2 {
		font-size: 1.26em;padding: 0;line-height: 1;margin: 0;color: #094e68;
	}
.add h2 a {
		color: #094e68;
		}
nav {
	margin: 0 auto 0;
	text-align: center;
}
#mmenu {
	margin:0 -12px;
	padding: .325em 0;
	font-size: 1em;
	font-family: "ff-dax-web-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: #000;
	text-transform: uppercase;
}
#mmenu ul {
	list-style: none;
}
#mmenu li {
	display: inline;
	margin:0 .95em;
}
#mmenu a {
color: #86d3c7;
text-decoration: none;
}
.mmhere {
color: #6aa69d;
}
#smmenu {
	margin: 0;
	padding: 8px 0 8px 0;
	text-align: center;
	font-size: .9em;
	font-family: "ff-dax-web-pro-condensed",sans-serif;
	font-style:normal;
	font-weight: 700;
	color: #bc6f4b;
	background-color: #000000;
	text-transform: uppercase;
}
#smmenu ul {
	list-style: none;
}
#smmenu li {
	display: inline;
}
#smmenu a {
color: #86d3c7;
	text-decoration: none;
}

/*----------------------------------------*/
/*------------ body styles --------------*/
/*----------------------------------------*/
#contentarea {
	padding: .65em;
/* 	background:#fff; */
}
#contentarea a {
	text-decoration: none;
	color: #983720;
	font-weight: 700;
}

.contentul {
	margin: 0 .65em 0 2.25em;
	font-size:1.125em; 
	line-height: 1.5em;
	color: #094e68;
}
#smbox {
	background-color: #96dbd0;/*5ec4b4;*/
	color:#000;padding: 0;
}
#smbox h2 {
	padding:.65em 0 0 .65em;
	font-family: "ff-dax-web-pro-condensed",sans-serif;
}
#smbox h2 a {
	text-decoration: none;	
}

#smbox ul {
	list-style: circle;
	padding: 0 .65em .325em 2em;
}
#smbox ul.quotelist {
	list-style: none;
	font-size: larger;padding-left: 1em;
	}
ul.quotelist li:first-child {
	padding-top: 1em;
	}
.ulspace {
	padding-left: .16em;
}
#smbox li {
	padding-bottom: .65em;
}
#smbox p {
	margin: 0;
	padding: .65em;
	color:#000;
	font-family: "ff-dax-web-pro-condensed",sans-serif;
}
#smbox blockquote {
	margin:0;
	padding: .65em .65em 0 .65em;
	color:#000;
	font-family: "ff-dax-web-pro-condensed",sans-serif;
	font-size:1.125em; /* started with 18px */
	line-height: 1.35em;
	}
#smbox cite {
	margin: 0;
	padding: .65em .65em .65em 5%;
	color:#000;
	display:block;text-align: right !important;
	font-style: italic;padding-top: 0;line-height: 1.1em;
	}
.tmore {
	text-align: center;
	padding: .325em 0 .65em 0;
	margin: 0;
	font-family: Times, serif;
	font-size: 1.15em;line-height: 1em;
}
.boatback {
	height: 800px;
	background-image: url("../img/sides-tops/schoonerAll-lg.jpg"); background-position: center bottom;
	background-repeat: no-repeat;background-size: contain;
	}
#contact h3 {
	text-align: center;color:#1a5950;
	padding: .48em 0 .65em 0;
}
#contact h3 a {
	color:#1a5950;
	font-weight: 700;
	text-decoration: none;
}
.hr-id {
	margin: 1.28em auto 2.56em;
	text-align: center;
	background: transparent;
}
.hr-id a {
	color: #095c52;
	text-decoration: none;
}

}
/*-------------*/
/*---columns---*/
/*-------------*/
.clearhere {
	clear:both;
}
.clearhere:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
}

.clearhere {
    *zoom: 1; /* 3 */
    }


/*----------------------------------------*/
/*------------- form styles --------------*/
/*----------------------------------------*/
fieldset {
	font-size: .95em;
	padding-top: .65em;
	}
input {
	margin-bottom: .975em;
	}
textarea {
	width: 92%;
/*	height: 200px 
*/	}
.longinput {
	width: 80%;
	margin-top: 0;
	padding: 0;
	text-align: left;
	}
.medinput {
	width: 78%;
	margin-top: 0;
	padding: 0;
	text-align: left;
	}
.message {
	padding-left: .65em;
}
.shortpara {
	font-size: 96%;
}
.fieldLabel {
	line-height: 1.5em;
}
.driverno {
	font-size:90%;
}
 .radioinput {
	width: 2em;margin-left: .65em;
	}
.bottrap {
	margin: 0 0 0 -1000px;
}
/*----------------------------------------*/
/*------------ footer style --------------*/
/*----------------------------------------*/
footer {
	padding:.65em;
	border-top: 10px solid #000;
	margin: 0 -10px;
}

#pbiftr {
	text-align: left;
}
#pbiftr h2 {
	font-size: 1em;line-height: 1;color: rgba(255,255,255,.1);
	margin:0 0 -18px 0;padding: 0;}
#pbiftr p {
	font-weight: 700;
}
#pbiftr a {
	color:#824529;
	text-decoration: none;
}

#ftr-menu ul {
	list-style: none;
	padding-left: 3.84em;padding-top: 1.28em;
	text-transform: uppercase;
}
#ftr-menu li {
	padding-bottom: .65em;
}
#ftr-menu a {
	font-size: .85em;
	font-family: Helvetica,sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #824529;
	text-decoration: none;
}
/* ******************************************
	Media Queries for screen wider than 48.063em (769px) ^
****************************************** */
@media screen and (min-width: 48.063em) {
	.hide-lg {
		display: none;
	}
	#brown {
		min-width: 769px;
		max-width: 1024px;
		margin: 0 auto 0;
		border-left: 12px solid #824529;
		border-right: 12px solid #824529;
		border-bottom: 12px solid #824529;
	}
	#all-wrap {
		min-width: 741px;
		max-width: 996px;
		margin: 0 auto 0;
	}
	#homeheader {
		width: 100%;
		height: 249px;
		text-align: left;
		position: relative;
	}
	#header {
		width: 100%;
		height: auto;
		text-align: left;
		position: relative;
	}
	.logo {
		width: 640px;
	}
	.add {
		position: relative;left: 72%;top:-5em;
		font-weight: bold;width: 192px;
		line-height: 1.25em;
		z-index: 200;color: #094e68;
	}
	#mmenu {
	font-size: 1.2em;
	}
	#homeblurb {
		background: #0b6688;margin-top: -3.65em;
		padding:.167em .975em .325em .975em;color: #ffffff;
	}
	.hblm {
		padding: .25em 0 .5em 0;
		font-size: 1.45em;color:#ffffff;
		line-height: 1em;
		font-weight: bold;
		letter-spacing: .25pt;
	}
	.Phblm {
		padding: .25em 0 .5em 0;
		font-size: 1.45em;text-align: center;
		line-height: 1em;
		font-weight: bold;
		letter-spacing: .25pt;
	}

	.hblm2 {
		padding: 0 0 .5em 0;
		font-size: 1.775em;
		line-height: 1em;
		font-weight: bold;
		letter-spacing: .25pt;
	}

	.driverno {
		font-weight: bold;
		color:#000;
		}
	.imgrfembed {
		float: left;
		margin: 0 .625em 0 0;
	}
	.twocolul {
	margin: 0 .65em 0 2.25em;
	font-size:1.125em; 
	line-height: 1.5em;
	color: #094e68;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;
}
	#pbiftr {
		text-align: left;
	}
	#pbiftr p {
		padding:.65em 0 0 0;
	}
	#fbftr {
		float: right;
		margin: .975em 1.125em 0 0;
	}
	.ftrlogo {
		width: 500px;
	}
	.ftradd {
		font-weight: bold;
		line-height: 1.25em;
		margin-left: 6em;color: #0b6688;
	}
	.ftradd h2 {
		font-size: 1.26em;line-height: 1;color: #0b6688;
	}
	.ftradd h2 a {
		color: #0b6688;
		}
		
	#ftr-menu {
		padding-left: 6em;
	}
	.onethird {
		float: left;
		width: 33.33%;
		padding:0 .65em .65em;
	}
	.twothirds {
		float: left;
		width: 66.66%;
		padding:0 .65em .65em;
	}
	.onefourth {
		float: left;
		width: 25%;
		padding:0 .65em .65em;
	}
	.twofourths {
		float: left;
		width: 50%;
		padding:0 .65em .65em;
	}
	.threefourths {
		float: left;
		width: 75%;
		padding:0 .65em .65em;
	}
	.onesixth {
		float: left;
		width: 16%;
		padding:0 .65em .65em;
	}
	.fivesixths {
		float: left;
		width: 84%;
		padding:0 .65em .65em;
	}

}
/* ******************************************
	Media Queries for screen width greater than 35.5em (568px) and less than 48em (768px) =tablet portrait=
****************************************** */
@media screen and (min-width: 35.5em) and (max-width: 48em) {
	.hide-m {
		display: none;
	}
	#brown {
		max-width: 768px;
		min-width: 500px;
		margin: 0 auto 0;
	border-left: 12px solid #824529;
	border-right: 12px solid #824529;
	}
	#all-wrap {
		max-width: 744px;
		min-width:476px;
		margin: 0 auto 0;
	}
#homeheader {
		height: 211px;
		position: relative;
	}
	#header {
		height: 116px;
		position: relative;
	}
	.logo {
		width:440px;
	}
	.add {
		position: relative;left:66%;top:-3.5em;width: 192px;
	}
	.add h2 {
		font-size: 1.12em;
	}
	#homeblurb {
		background: #0b6688;color:#ffffff;
		padding:.167em .975em .325em .975em;
		margin-top: -3em;
	}
	.hblm {
		padding: .25em 0 .5em 0;
		font-size: 1.4em;
		color:#ffffff;
	}
	.hblm2 {
		padding: 0 0 .5em 0;
		font-size: 1.5em;
		line-height: 1em;
		font-weight: bold;
		letter-spacing: .25pt;
	}
	#mmenu {
		text-align: center;
	}
	.con {
		font-family: "ff-dax-web-pro-condensed",sans-serif;
	}
	.driverno {
		font-weight: bold;
		color:#000;
		padding: 0;
		margin:0;
	}
	.twocolul {
	margin: 0 .65em 0 2.25em;
	font-size:1.125em; 
	line-height: 1.5em;
	color: #094e68;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;
}
	#pbiftr {
		text-align: left;
	}
	.ftrlogo {
		width: 122%;
	}
	#ftr-menu ul {
	padding-top: .975em;
	}
	#ftr-menu a {
		font-size: 1em;
	}
	.ftradd {
		margin-left: 3.5em;
	}
	#fbftr {
		float: right;
		margin: .975em 1.125em 0 0;
	}
	.ftradd {
		font-weight: bold;
		line-height: 1.25em;
		margin-left: 6em;color: #0b6688;
	}
	.ftradd h2 {
		font-size: 1.26em;line-height: 1;color: #0b6688;
	}
	.onethird {
		float: left;
		width: 33.33%;
		padding:0 .65em .65em;
	}
	.twothirds {
		float: left;
		width: 66.66%;
		padding:0 .65em .65em;
	}
	.onefourth {
		float: left;
		width: 25%;
		padding:0 .65em .65em;
	}
	.twofourths {
		float: left;
		width: 50%;
		padding:0 .65em .65em;
	}
	.threefourths {
		float: left;
		width: 75%;
		padding:0 .65em .65em;
	}
	.onesixth {
		float: left;
		width: 16%;
		padding:0 .65em .65em;
	}
	.fivesixths {
		float: left;
		width: 84%;
		padding:0 .65em .65em;
	}
	.cb-logo { /*for the logos on claims and billing */
		width: 100%;
	}
}

/* ******************************************
	Media Queries for screen width less than 35.5em (568px)
****************************************** */
@media screen and (max-width: 35.5em) {  
	.hide-sm {
		display: none;
	}
	#brown {
		border: none;
	}
	.add {
		position: static;
		text-align: center;
		margin: 0 auto .25em;
	}
	h2 {
		padding-left: .6em;
	}
	p {
		padding:0 .65em;
	}
	.hr-id {
		line-height: 1.28em;
	}
	.coladdspace {
		padding-top: .975em;
	}
	.cb-logo {
		display: none;
	}
	#hero {
		display: none;
	}
	#pghero {
		display: none;
	}
	.imgrfembed {
		float: none;
		margin: 0 0 0 0;
	}
	#columns h2 {
		padding-left: .65em;
	}
	#homeblurb {
		background: #0b6688;
		padding:.325em;
	}
	.hblm {
		color: #fff;
		font-family: "ff-dax-web-pro-condensed",sans-serif;
		padding: 0;
		font-size: 1.125em;
		line-height: 1.5em;
		font-weight: bold;
		letter-spacing: .25pt;
	}
	.driverno {
		background-color: #96dbd0;
		font-weight: bold;
		color: #000;
		font-size: 100%;
		margin: 0;
		padding: .325em;
		margin-bottom: .65em;
	}
	.twocolul {
	margin: 0 .65em 0 2.25em;
	font-size:1.125em; 
	line-height: 1.5em;
	color: #094e68;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
}
	fieldset {
		padding: 0 .65em;
	}
	.longinput {
	margin-top: .325em;
	padding: 0;
	text-align: left;
	}
	.medinput {
	margin-top: .325em;
	padding: 0;
	text-align: left;
	}
	.message {
		padding-left: 0;
	}
	footer {
	padding:.65em;
	background-color: #fff;
	border: none;
	margin: 0;
	}
	#pbiftr {
	text-align: center;
	}
	#fbftr {
		margin: .65em 0 0 0;
		text-align: center;
	}
	.ftradd {
		font-weight: bold;
		line-height: 1.25em;
		color: #0b6688;
	}
	.ftradd h2 {
		font-size: 1.15em;line-height: 1;color: #0b6688;padding-left:0 !important;
	}

}

/* ******************************************
	Media Queries for screen less than 20em (320px)
****************************************** */
@media screen and (max-width: 20em) {
	.hide-vsm {
		display: none;
	}
	#header {
	padding: .2em;
	}
	#header a {
		color: #983720;
		text-decoration: none;
	}
	h1 {
	font-size: 1em; 
	line-height: 1.2em;
	font-style: normal;
	font-weight: 700;
	padding-top: .4em;
	}

	footer article {
		text-align: center;
	}

	p {
		padding:0 .65em;
	}
	.cb-logo {
		display: none;
	}
	.coladdspace {
		padding-top: .975em;
	}
	#hero {
		display: none;
	}
	#pghero {
		display: none;
	}
	#columns h2 {
		padding-left: .65em;
	}
	.driverno {
		background-color: #96dbd0;
		font-weight: bold;
		color: #000;
	}
		.twocolul {
	margin: 0 .65em 0 2.25em;
	font-size:1.125em; 
	line-height: 1.5em;
	color: #094e68;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
}
	fieldset {
		padding: 0 .65em;
	}
	.longinput {
	width: 99%;
	margin-top: .325em;
	padding: 0;
	text-align: left;
	}
	.medinput {
	width: 99%;
	margin-top: .325em;
	padding: 0;
	text-align: left;
	}
	footer {
	padding:.65em;
	background-color: #fff;
	border: none;
	margin: 0;
	}
	#pbiftr {
	text-align: center;
	}
	#fbftr {
		margin: .65em 0 0 0;
		text-align: center;
	}
}