@font-face {
	font-family: "quattrocentosans";
	src: url("/Fonts/QuattrocentoSans-Regular.otf");
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: "architectsdaughter";
	src: url("/Fonts/ArchitectsDaughter.ttf");
	font-weight: normal;
	font-style: normal;

}

.quote {
font-style:italic;
text-indent:4em;
}

html {
	min-height: 100%;
	font-family: quattrocentosans;
}

body {
	background-repeat:no-repeat;
	background-attachment: fixed;
	background: #1e5799;
	background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 75%, #1e5799 99%);
	background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 75%,#1e5799 99%);
	background: linear-gradient(to bottom, #7db9e8 0%,#207cca 75%,#1e5799 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
}

.testimonial {
	font-family: architectsdaughter
}

.maincontent {
	position: relative;
	top: 5%;
	width:100%;
}

.boxes{
	width: 100%;
	height: auto;  
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0.1em;
}

.columnar_area { margin:0; padding:0%; width:100%; }
.column_block  { margin:0; padding:0%; }


.left_column{
	float: left;
	width: 10%;
	margin:0;
	padding:0;
}

.right_column{
	float:right;
	width:10%;
	margin:0;
	padding:0;
}

.left_half{
	float:left;
	width: 49%;
	margin:0;
	padding:0;
}

.right_half{
	float:right;
	width: 49%;
	margin:0;
	padding:0;
}

.centre_column{
	text-align: center;
	float:right;
	margin-left:10%;
	margin-right:10%;
	padding-bottom: 1%;
	margin-bottom: 5%;
	opacity: 0.9;
}

.centre_third{
	text-align: center;
	float:right;
	margin-left:30%;
	margin-right:30%;
	padding-bottom: 1%;
	margin-bottom: 5%;
	opacity: 0.9;
	}

.boxes .mainbox {
	position: relative;
	text-align:left;
   background-color: white;
   padding: 2%;
   margin:2%;
}

.boxes .minorbox {
	position: relative;
	text-align:center;
	padding: 2%;
   background-color: white;
   margin: 2%
}

.boxes .boxout {
	font-size:150%;
	max-width:20%;
	float:right;
	text-align:left;
	background-color:lightgray;
	opacity: 50%;
	margin:1em;
	padding: 0.5em;
}

figure {
	text-align: center;
}

figcaption {
	text-align: center;
	font-style: italic;
}