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

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:top;
}


/* End CSS reset */


/* HOMEPAGE
------------------------------------------------------------*/ 

main{
	background-color:#ffffff;
	width: 100%;
	overflow: hidden;
}

.titleheader {
	background-color:#f7eee7;
	overflow: hidden;
	width: 100%;
	clear: both;
}

.logotitle {
	margin: 85px 3% 3% 3%;
	width: 14%;
	float:left;
}

.logosubpage {
	margin: 85px 3% 3% 3%;
	width: 8%;
	float:left;
}

.titlecopy {
	width: 70%;
	float:left;
	margin: 8% 0 5% 0;
}


.titlecopy h1{
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#48331c;
	font-size: 2em;
	line-height: 1.2em;
}

.titlecopy p{
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#48331c;
	font-size: 1.5em;
	line-height: 1.2em;
}

.imagerow {
	width: 100%;
	clear:left;
}

.col52 {
	width: 51.2%;
	margin: .75%;
	float:left;
}

.col19 {
	width: 18.65%;
	margin: .75%;
	float:left;
}

.col24 {
	width: 25.65%;
	margin: .75%;
	float:left;
}

.col70 {
	width: 71.35%;
	margin: .75%;
	float:left;
}

.col44 {
	width: 44.2%;
	margin: .75%;
	float:left;
}

.col58 {
	width: 58.5%;
	margin: .75%;
	float:left;
}

.col38 {
	width: 38.5%;
	margin: .75%;
	float:left;
}

.col31 {
	width: 31.75%;
	margin: .75%;
	float:left;
}

.col65 {
	width: 65%;
	margin: .75%;
	float:left;
}

.halfcol1 {
	width: 100%;
	margin-bottom: .75%;
}

.halfcol2 {
	width: 100%;
	margin-top: .75%;
}

.border {
	border-color: #ed8a22;
	border-style: solid;
	border-width: thin;
}


.square{
	  width: 100%;
    background-color: #ed8a22;
        position: relative;
        display: inline-block; /* Make the width of box same as image */
    }

.square a img{
  opacity: 1;
  filter: alpha(opacity=5);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
 
.square  a:hover img{
  opacity: .5;
  filter: alpha(opacity=100);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
 
}

.square .text{
        position: absolute;
        z-index: 999;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 60%; /* Adjust this value to move the positioned div up and down */
        text-align: center;
        width: 60%; /* Set the width of the positioned div */
    }

.text h2{
	 opacity: .7;
	color: #ffffff;
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:100;
		font-size: 1.5em;
	line-height:1.3em;
}

.imagegallery {
	width: 100%;
	clear:left;
	background-color:#ffffff;
	overflow: hidden;
	padding-top: 10px;
}

.imagegallery p{
	color: #48331c;
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:100;
		font-size: 1em;
	line-height:1.3em;
	text-align: center;
	padding: 10px;
	margin: 2% 2% 0 2%;
}
.divider {
	width: 100%;
	background-color:#ed8a22;
	overflow: hidden;
	clear: left;
	margin-top: .75%;
}

.divider p{
		color: #ffffff;
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:500;
		font-size: 1em;
	line-height:1.3em;
	text-align: center;
	padding: 10px;
}

.divider a{
	text-decoration: none;
	color:#ffffff;
}

.myButton {
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #48331c;
	display:inline-block;
	cursor:pointer;
	color:#48331c;
	padding:6px 24px;
	text-decoration:none;
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size: 1em;
	line-height:1.3em;
	text-align: center;
	margin-top:20px;
}
.myButton:hover {
	background-color:#ed8a22;
	color:#ffffff;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.myButton:active {
	position:relative;
	top:1px;
}



/* FOOTER
------------------------------------------------------------*/ 

footer {
	width: 100%;
	background-color:#ed8a22;
	overflow: hidden;
	clear: left;
	margin-top: 40px;
}

footer p{
		color: #ffffff;
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:500;
		font-size: 1em;
	line-height:1.3em;
	text-align: center;
	padding: 20px;
}

footer a{
	text-decoration: none;
	color:#ffffff;
}



/* MEDIA
------------------------------------------------------------*/ 

figure {margin: 0}
img, object, embed, video {
	max-width: 100%;	
	_width: 100%
	} /* Fluid images */
	
img {
	border: 0;	
	-ms-interpolation-mode: bicubic
	} /* Improve IE's resizing of images */
	
svg:not(:root) {
	overflow: hidden} /* Correct IE9 overflow */


	/*MEDIA QUERY
------------------------------------------------------------*/ 
@media (max-width: 1260px ) {
	.logosubpage {
	margin: 60px 3% 2% 3%;
	width: 10%;
	float:left;
}
}


@media (max-width: 900px ) {

.titlecopy h1{
font-family: Roboto, Gill Sans, Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#48331c;
	font-size: 1.5em;
	line-height: 1.2em;
}
	
	.titlecopy {
	width: 70%;
	float:left;
	margin: 10% 0 5% 0;
}
	
}

@media (max-width: 650px ) {
	
	.logotitle {
	margin: 60px 35% 10px 35%;
	width: 30%;
	float:left;
}
	.logosubpage {
	margin: 60px 35% 10px 35%;
	width: 30%;
	float:left;
}

	
	.titlecopy {
	width: 80%;
	float:left;
	margin: 0 10% 5% 10%;
}
	

	
}