@charset "UTF-8";
/* CSS Document */

/* 
* This stylesheet resets default browser styles and defines a 
* set of default styles consistent across browsers. 
*/ 

/* FONT SETTINGS
font-family: 'Josefin Slab', serif;
Light 300
Regular 400
Bold 700

font-family: "mrs-eaves-xl-serif";
Regular 400
Bold 700
*/

/* COLOURS
*** Dark Blue: #343744; rgba(52,55,68,1)
*** Cream: #fef6e4; rgba(254,246,228,1)
*/

html, body, * {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Josefin Slab', "Courier New", Courier, monospace;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	color: #3C3C3C;
}
body {
	background: rgba(255,242,218,0.3);
}

h1, h2, h3, h4, h5, .topnav nav li a, .mobilenav ul li a, footer .top .footernav p, footer .top .footernav ul li a, footer ul.bottomnav li a {
	font-family: "mrs-eaves-xl-serif", Georgia, serif;
}

select, select option {
	color: #3C3C3C;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 4px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 4px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 4px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 4px;
}


img {
	max-width: 100%;
}
:link img, :visited img, :hover img, :active img, img { border: none; } 
h1, h2, h3, h3 strong, h4, h5, h6, .navHolder li a, .button a span, .button a::before, a.back-to-top, .frmbut2, .frmbut, a.frmbut { 
	margin-top: 0px;
}


.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}

h1 {
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 50px;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}
h1 span {
	position: absolute;
	height: 9px;
	background-image: url(/images/elements/diamond-border.png);
	background-repeat: repeat-x;
	background-position: center;
	bottom: -25px;
	left: 10%;
	right: 10%;
}




h1 a, h1 a:active, h1 a:link, h1 a:visited { 
	font-size: inherit;
	color: #000;
	margin-bottom:0.8em;
	font-weight: bold;
	text-decoration: underline;
}

h2 { 
	font-size: 20px;
	line-height:24px;
	margin-bottom: 1.4em;
	margin-top: 0px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	position: relative;
	display: block;
	text-align: center;
}
h2 span {
	position: absolute;
	height: 9px;
	background-image: url(/images/elements/diamond-border.png);
	background-repeat: repeat-x;
	background-position: center;
	bottom: -25px;
	left: -10%;
	right: -10%;
}

h2 em { 
	font-size:  20px;
	color: #FFF;
	font-style: italic;
}


h2 a, h2 a:active, h2 a:link, h2 a:visited { 
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	margin-bottom: inherit;
	margin-top: 0px;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h2 a:hover span {
	text-decoration: none;
	color: #AC063C;
}


h2 strong {
	color: #FFF;
}


h3 { 
	font-size: 26px;
	line-height:28px;
	color: #3C3C3C;
	margin-bottom: 1em;
	margin-top: 0px; 
	font-weight: normal;
	text-transform: uppercase;
}
h3 span {
	font-size: inherit;
	line-height: inherit;
	font-weight: 700;
}


h4, h4 a, h4 a:active, h4 a:link, h4 a:visited, p.h4style { 
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	font-style: normal;
	color: #FFF;
	margin-bottom: 1em;
	text-transform: uppercase;
}

h4 a strong, h4 strong { 
	font-size:16px;
	color: #000;
	line-height:18px;
	margin-bottom:1em;
	font-weight: bold;
}
h5 {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	margin-bottom: 1em;
}
h6 {
	color: #000;
}
h6, p, ul, ol, address, blockquote, dl, table { 
	font-size: 1em; 
	margin-bottom: 1.4em; 
}

p.nopad {
	margin-bottom:0px;	
}
ul {
	clear: left;
}
ul { 
	list-style-type: disc; 
	margin-left: 15px;
	padding-left: 5px;
}
li {
	list-style: disc;
}
.ulmargin {
	margin-left: 25px;
}
ol, ol li { 
	list-style-type: decimal;
	margin-left: 15px;
}

em {  
	font-style: italic;
	font-size: inherit;
	color: inherit;
}

strong, b {
	font-weight: 700;
	font-size: inherit;
	color: inherit;
}
u {
	font-size:inherit;
}


a:link { 
	color: #049fb9;
	text-decoration: none;
	font-size: 1em;
	font-weight: inherit;
}
a:visited {
	text-decoration: none;
	color: #049fb9;
	font-size: 1em;
	font-weight: inherit;
}
a:hover {
	text-decoration:  underline;
	color:#ffb50b;
	font-size: 1em;
	font-weight: inherit;
}
a:active {
	text-decoration: none;
	color: #049fb9;
	font-size: 1em;
	font-weight: inherit;
}


.floatleft {
	float:left;
}
.floatright {
	float: right;
}
.imgright {
	float:right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.imgleft {
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.marginright {
	margin-right: 20px;
}
.marginright10 {
	margin-right: 10px;
}
.marginright8 {
	margin-right: 8px;
}
.marginleft {
	margin-left: 20px;
}
.marginleft10 {
	margin-left: 10px;
}
.nomargin {
	margin: 0px;
	border-bottom: none;
	padding-bottom: 0px;
}
.marginbottom {
	margin-bottom: 10px;
}
.marginbottom5 {
	margin-bottom: 5px;
}
.marginbottom { 
	margin-bottom: 1%;
}
.col-2-3 .marginbottom, .col-1-2 .marginbottom { 
	margin-bottom: 2%;
}
.col-1-3 .marginbottom, .col-1-4 .marginbottom { 
	margin-bottom: 3%;
}
.margintop { 
	margin-top: 12px;
}
.h2margin {
 	margin-top: -1px;
}

fieldset { border: none; }


/* 
* Not really a default style, but this class is used in 
* every project. 
*/ 
.clear:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
font-size: 0; 
}

.clear { 
	display: inline-table;
	clear:both;
	height:0;
	margin:0px;
	padding: 0px;
}
.clearright {
	clear:right;
}
.clearleft {
	clear:left;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



/* Hide from IE/Mac \*/ 
* html .clear { height: 1%; } 
.clear { 
	display: block; 
} 
/* Hide from IE/Mac */