@font-face {
  font-family: 'MyriadWebPro';
  src: url('MyriadWebPro.eot'); /* IE */  
  src: local("MyriadWebPro"), url('MyriadWebPro.ttf') format("truetype"); /* non-IE */

}
@font-face {
    font-family: 'Daydreamer';
    src: url('/fonts/Daydreamer.ttf');
	src: url('/fonts/Daydreamer.otf');
    font-weight: normal;
    font-style: normal;

}
.Roboto-Slab-34 {
	font-family: "Roboto Slab", sans-serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 100;
	color: #FFF;
}
.rob-slab-black {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 14px;
	color: #000000;
}
.rob-slab-caption {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 12px;
	color: #000000;
}
.rob-slab-grey {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 14px;
	color: #929292;
}
.roboto-slab-24 {
	font-family: "Roboto Slab", sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: 100;
	color: #FFF !important;
	text-decoration: none;
}
.ashbury-light-20 {
	font-family: 'Ashburylight', Arial, sans-serif;
	font-size: 20px;
	line-height: 27px;
	font-weight: 300;
	color: #748088;
	text-decoration: none;
}
.main {
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #929292;
}
.robotoslab-16 {
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #ffffff;
}
.main-bold {
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #929292;
}
.roboto-slab-30 {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #333333;
	text-decoration: none;
}
.sub-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #903;
}
.sub-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #903;
}
.sub-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C03;
}
.sub-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	text-transform: none;
	color: #691D1F;
}
.seperation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #666;
}

.background {
	background-attachment: fixed;
	background-image: url(/images/design-and-restoration/period-restoration.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.arial-11-grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.seperate {
	background-image: url(/images/design-and-restoration/period-house_renovation.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.heading {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #F7F6F4;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
a.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	display:block;
	width: 100%;
	height: 33px;
	line-height: 33px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
}
a.topnav:hover, .ono {
	background: #fff;
	color:#336633 !important;
}
a.top-link {
	font-family: 'Martel Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 55px;
	width: 100%;
	line-height:55px;
	font-weight: 400;
}
a.top-link:hover {
	background-color: #f0c869;
	color: #ffffff;
}	
#topnav div.drop {
	position: relative;	
	width: 100%;
	height: 100%;
	line-height: 55px;
	display: block;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	top: 55px;
	width: 55px;
	line-height: 55px;
	height: auto;
	min-height: 15px;
	padding: 0px;
	z-index: 10000000000;
}
#topnav div.drop:hover > div {
	display: block;
}
.main-text {
}

.main-text {
}

.link {
	color: #C06;
	font-family: Arial, Helvetica, sans-serif;
}
.start-sentence {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
}
.main-text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	text-align: left;
}
.dotted-line-side {
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #666;
}
.nav-separate {
	background-color: #FCFCFE;
	background-image: url(/images/design-and-restoration/period-house_renovation.png);
}
.breadcrumbs {
	font-family: 'Martel Sans', sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	line-height: 15px;
	font-weight: 400;
}
.breadcrumbs a:link{
	color: #ffffff;	
}
.breadcrumbs a:visited{
	color: #ffffff;	
}
.breadcrumbs a:hover{
	color: #cccccc;	
}
.large-main-text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	color: #333;
}
.white-main {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
/* Drop menu styles */
.v7drbox {
	position: relative;
	width: 100%;
	height: 100%;	
}
.v7drme {
	position: absolute;
	margin: 0;
	display: none;
	z-index: 10000000000;
	width: auto;
	height: auto;
	background: #ffffff;
	text-align: left;
	min-width: 230px;
	overflow: hidden;
	font-family: 'Martel Sans', sans-serif;
	font-size: 14px;
}
.v7drbox:hover .v7drme {
	display: block !important;
}
.v7drme ul {
	list-style-type:none;
	margin: 0;
	width: auto;
	clear:both;
}
.v7drme li {
	list-style-type: none;
	margin: 0 0 0 -40px;	
}
.v7drme li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: #ffffff;
	color: #8a8780;
}
.v7drme li a:hover {
	background: #F0C869;
	color: #ffffff;	
}
#trad { 
	left: -50px;
}
#iron {
	left: -100px;	
}
.small-ad-text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF !important;
}
.large-ad-text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #55554B !important;
}
.large-white-ad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
.large-black-ad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	text-decoration: none;
}

.brown-ad {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #633116;
}
.small-ad-text-white {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.small-brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #776431;
}
.big-brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #715E29;
}
.arial-16-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5B711F;
}
.dark-blue {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #0B0358;
}
.shadow {
	-moz-box-shadow: 1px 1px 12px 0px #8b8b8b; 
	-webkit-box-shadow: 1px 1px 12px 0px #8b8b8b; 
	box-shadow: 1px 1px 12px 0px #8b8b8b; 
	/* Alas, box-shadow is not fully supported by IE < 9 */

}
.myriad-24-black {
	font-family: "Myriad Pro", MyriadWebPro, Arial;
	font-size: 24px;
	color: #363;
	text-decoration: none;
	font-weight: bold;
	
}
.myriad-sub {
	font-family: "Myriad Pro", MyriadWebPro, Arial;
	font-size: 20px;
	color: #363;
	text-decoration: none;
	font-weight: normal;
}

#nivo-box {
	position: absolute;
	width: 510px;
	height: 405px;
	left: 50%;
	margin-left: -460px;
	top: 213px;
	z-index: 5;
}
.opensans-19 {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color: #333;
	font-weight: 400;

}
.opensans-14 {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color: #333;
	font-weight: 400;
}
.opensans-13 {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color: #333;
	font-weight: 300;
	
	
}
.opensans-16 {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color: #333;
	font-weight: 400;

}	
.box-black {
	border: 1px solid #000;
}

.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
.sop:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
	font-size: 13px;
	color: #666;
}
.opensans-60-black {
	font-family: "Open Sans light", "sans-serif;";
	font-size: 60px;
	font-style: normal;
	line-height: normal;
	font-weight: 300;
	color: #000000;
	text-decoration: none;
}
.opensanslight-50-black {
	font-family: 'Open Sans', sans-serif;
	font-size:50px;
	color: #000000;
	font-weight: 300;
	text-decoration: none;
}
.oswald-32-white {
	font-family: 'Oswald', sans-serif;
	font-size:32px;
	color: #FFFFFF;
	font-weight: 300;
	text-decoration: none;
}
.opensanslight-30-black {
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	color: #000000;
	font-weight: 300;
	text-decoration: none;
}
.opensanslight-30-red {
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	color: #BA202C;
	font-weight: 300;
	text-decoration: none;
}

.opensans-16-white {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.opensans-36-orange {
	font-family: "Open Sans", sans-serif;
	font-size: 36px;
	color: #ff9e0f;
}
.opensans-22-orange {
	font-family: "Open Sans", sans-serif;
	font-size: 22px;
	color: #ff9e0f;
}
.rob-conde {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	color: #333 ; 
	line-height: 24px ; 
	font-weight: 100 ;
}
.rob-conde-yellow {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 32px ;
	color: #FC3 ; 
	line-height: 24px ; 
	font-weight: 100 ; 
}
.axevalley-joiner-image {
	background-image: url(images/joiner-east_devon/joiner_east_devon.jpg);
	background-repeat: no-repeat;
}
.opaque-rounded-box {
	opacity: 0.7;
	border-radius: 10px;
}
.opensans-17-orange {
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	color: #ff9e0f;
	font-weight: 700;
}
.opensanslight-23-black {
	font-family: 'Open Sans', sans-serif;
	font-size:23px;
	color: #000000;
	font-weight: 300;
	text-decoration: none;
}
.opensanslight-28-white {
	font-family: 'Open Sans', sans-serif;
	font-size:28px;

	color: #FFFFFF ! !important; 
	font-weight: 300;
	text-decoration: none;
	color: #FFF;
}

.flavour_header_peach {	font-family: 'Open Sans', sans-serif;
font-size: 24px;
	line-height: 27px;
	font-weight: 300;
	color: #7F4330;
	text-decoration: none;
}
.flavour_text_peach {	font-family: 'Open Sans', sans-serif;
font-size: 16px;
	color: #7F4330;
	text-decoration: none;
}

.article {	font-family: 'Open Sans', sans-serif;
}
.flavour_extract {
	padding: 20px 15px;
	font-size: 1.5em;
	line-height: 1.6em;
	position: relative;
	background-clip: padding-box;
}
.flavour_extract.flavour_blue {
	background: #99b7bb;
	border: dashed 2px #8da4aa;	
}
.flavour_extract.flavour_peach {
	background: #eacdbf;
	border: dashed 2px #7F4330;	
}
.flavour_extract p {
	margin: 0;
	text-indent: 12px;
}
.flavour_extract p:before {
	content: ' ';
	display: inline-block;
	position: relative;
	top: -4px;
	width: 21px;
	height: 19px;
	background: url(non-web-files/page_layouts/temporary%20images%20-%20not%20to%20be%20used%20or%20even%20uploaded%20-%20I%20am%20serious/open_quotes.png) no-repeat center center;
	left: -5px;
}
.flavour_extract p:after {
	content: ' ';
	display: inline-block;
	position: relative;
	width: 21px;
	height: 19px;
	top: -4px;
	background: url(non-web-files/page_layouts/temporary%20images%20-%20not%20to%20be%20used%20or%20even%20uploaded%20-%20I%20am%20serious/close_quotes.png) no-repeat center center;
	left: 5px;
}
@font-face {
    font-family: 'ashburylight';
    src: url('/fonts/AshburyLig-webfont.eot');
    src: url('/fonts/AshburyLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/AshburyLig-webfont.woff2') format('woff2'),
         url('/fonts/AshburyLig-webfont.woff') format('woff'),
         url('/fonts/AshburyLig-webfont.otf') format('opentype'),
         url('/fonts/AshburyLig-webfont.svg#ashburylight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.slab-30-white-thin {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #ffffff;
	text-decoration: none;
}
.ash-light20-grey {
	font-family: 'ashburylight', Arial, sans-serif;
	font-size: 20px;
	line-height: 27px;
	font-weight: 300;
	color: #748088;
	text-decoration: none;
}
.slab-16-light {
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
}
.slab-20-light {
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	line-height: 25px;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
}
.slab-34-white-thin {
	font-family: 'Roboto Slab', serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 100;
	color: #ffffff;
	text-decoration: none;
}
.main {
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #929292;
	text-decoration: none;
}
.slab-30-black-thin {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #333333;
	text-decoration: none;
}
.roboto-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	font-weight:400;
}
.slab-grey-30 {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	color: #eeeeee;
	text-decoration: none;
	font-weight: 400;
}
.slab-white {
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
}
.slab-30-black {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height: 40px;
	color: #333333;
	text-decoration: none;
	font-weight:400;
}
.droid-12-white {
	font-family: "Droid sans", sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
droif-sans-grey {
	font-family: " Droid sans", sans-serif;
	font-size: 14px;
	color: #999;
	text-decoration: none;
}
.droid-12-grey {
	font-family: 'Droid Serif', serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	color: #4c4c4c;
	text-decoration: none;
}
.roboto-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	font-weight:400;
}
.slab-grey-30 {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	color: #eeeeee;
	text-decoration: none;
	font-weight: 400;
}
.slab-30-white-light {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	color: #FFF;
	text-decoration: none;
	line-height: 35px;
	font-weight: 300;
	text-shadow: 0px 0px 5px #000000; 
	/* Alas, text-shadow is not supported by IE 
	(you could try a dropshadow filter) */
}
.slab-20-white-light {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
	font-weight: 300;
	text-shadow: 0px 0px 5px #000000; 
	/* Alas, text-shadow is not supported by IE 
	(you could try a dropshadow filter) */
}
.roboto-white {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #f1f1f1;
	text-decoration: none;
	font-weight:400;
	line-height: 25;
}
.slab-30-black {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height: 40px;
	color: #333333;
	text-decoration: none;
	font-weight:400;
}
.slab-34-white-thin {
	font-family: 'Roboto Slab', serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 100;
	color: #ffffff;
	text-decoration: none;
}
.slab-30-white-thin {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #ffffff;
	text-decoration: none;
}
.slab-24-black-thin {
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	line-height: 40px;
	font-weight: 100;
	color: #333333;
	text-decoration: none;
}
.slab-20-light {
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	line-height: 25px;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
}
.slab-16-light {
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
}
.ash-55-grey {
	font-family: 'ashburylight', Arial, sans-serif; 
	font-size: 55px;
	line-height: 75px;
	font-weight: normal;
	color: #343a3e;
	text-decoration: none;
}

.main {
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #929292;
	text-decoration: none;
	text-align: left;
}
.main-bold {
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #929292;
	text-decoration: none;
}
img.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
img:hover.sop, .sop:hover img  {
	filter: alpha(opacity=40);
	opacity: 0.4;
	  transition: opacity .35s ease-in-out;
   -moz-transition: opacity .35s ease-in-out;
   -webkit-transition: opacity .35s ease-in-out;
}
.button-grey {
	display: block;
	height: 40px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	line-height:40px;
	font-weight: 300;
	background-color: #A0CFA0;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-grey:hover {
    background-color: #64B064;	
	color: #FFFFFF;
}
.mart-sans-brown-19 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 19px;
	line-height: 19px;
	font-weight: 400;
	color: #8a8780;
	text-decoration: none;
}
.mart-sans-white-20 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}
.mart-sans-grey-20 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: 400;
	color: #9d9c9c;
	text-decoration: none;
}
.mart-sans-grey-18 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: #9d9c9c;
	text-decoration: none;
}


.mart-sans-white-16 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
}
a.mart-sans-white-16 {
	color: #ffffff;
}
.mart-sans-white-14 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
}
.mart-sans-15-grey {
	font-family: 'Martel Sans', sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: #939393;
	text-decoration: none;
}
.mart-sans-14-grey {
	font-family: 'Martel Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #939393;
	text-decoration: none;
	text-align: left;
}
.mart-sans-13-grey {
	font-family: 'Martel Sans', sans-serif;
	font-size: 13px;
	line-height: 19px;
	font-weight: 400;
	color: #939393;
	text-decoration: none;
	text-align: left;
}



.mart-sans-blue-22 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #8cccc7;
	text-decoration: none;
	line-height: 25px;
}
.mart-sans-white-50 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 50px;
	font-weight: 200;
	color: #FFF;
	text-decoration: none;
	line-height: 60px;
}



.mart-white-46 {
	font-family: 'Martel', serif;
	font-size: 46px;
	line-height: 50px;
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
}
.mart-blue-17 {
	font-family: 'Martel', serif;
	font-size: 17px;
	line-height: 25px;
	font-weight: 400;
	color: #9fd6d2;
	text-decoration: none;
}
.mart-white-70 {
	font-family: 'Martel', serif;
	font-size: 70px;
	line-height: 70px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}
.mart-header-blue-22 {
	font-family: 'Martel', serif;
	font-size: 22px;
	line-height: 27px;
	font-weight: 400;
	color: #9FD6D2;
	text-decoration: none;
}
.mart-header-blue-20 {
	font-family: 'Martel', serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: 400;
	color: #9FD6D2;
	text-decoration: none;
}




.mart-white-35-yellow {
	font-family: 'Martel', serif;
	font-size: 35px;
	line-height: 40px;
	font-weight: 400;
	color: #f0c869;
	text-decoration: none;
}
.mart-white-25-yellow {
	font-family: 'Martel', serif;
	font-size: 21px;
	line-height: 30px;
	font-weight: 400;
	color: #f0c869;
	text-decoration: none;
}
.mart-grey-20-reg {
	font-family: 'Martel', serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	color: #8d8d8d;
	text-decoration: none;
}
.java-back {
	background-image: url(images/period-restoration.png);
	background-repeat: no-repeat;
}
.button-grey2 {
	font-family: 'Martel', serif;
	font-size: 15px;
	color: #ffffff;
	background: f0c869;
	text-decoration: none;
	display: block;
	height: 50px;
	width: 100%;
	line-height:50px;
	font-weight: 400;
}
.button-grey2:hover {
	background-color: #6a7c95;
	color: #ffffff;
}
.opaque-background2 {
                background: rgba(97,166,171,0.7);
                /* For IE 5.5 - 7*/
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
                /* For IE 8*/
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF)";
}
.kalam-21-grey {
	font-family: 'Kalam', cursive;
	font-size: 21px;
	line-height: 30px;
	font-weight: 400;
	color: #6c6c6c;
	text-decoration: none;
}
.open-16-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	color: #888888;
	text-decoration: none;
}
.open-12-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: 400;
	color: #6c6c6c;
	text-decoration: none;
}
.button-yellow {
	display: block;
	height: 60px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	line-height:60px;
	font-weight: 800;
	background-color: #fcc312;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-yellow:hover {
    background-color: #ffcd32;	
	color: #FFFFFF;
}
.daydreamer-44-grey {
	font-family: 'Daydreamer', Arial, sans-serif;
	font-size: 44px;
	line-height: 50px;
	font-weight: 400;
	color: #6c6c6c;
	text-decoration: none;
}
.slab-34-white-thin {
	font-family: 'Roboto Slab', serif;
	font-size: 34px;
	line-height: 40px;
	font-weight: 100;
	color: #ffffff;
	text-decoration: none;
}.bordergrey {
	border: 1px solid #eeeeee;
}