body {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:100%; line-height:165%; padding:10px 0px; margin:0; color:#666; background-color:#ddd;}
	h1 {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; text-shadow: 4px 4px 4px #aaa; font-size: 1.6em; color:#e36c09; margin:1em 0em 1em 0em;}
	h2 {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; text-shadow: 2px 2px 2px #aaa; font-size: 1.4em; color:#943634; margin:0em 0em 0.5em 0em;}
	h3 {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; text-shadow: 2px 2px 2px #aaa; font-size: 1.4em; color:#943634; margin:1em 0em 1.0em 0em;}
	h4 {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; text-shadow: 4px 4px 4px #aaa; font-size: 1.0em; color:#83c700; margin:0.5em 0em 0.5em 0em;}
	p {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1.0em !important; line-height: 1.6em; color: #555; margin: 0em 0em 1.0em 0em; text-align:justify}
	img {max-width:100%; width:100%; height:auto; display:block; margin:0 auto;}
	a {color:#fddb2e; text-decoration: none; outline:none;}
	a:hover {color:#e36c09;}
	

	.box25a, .box25b {width:24%;}
	.box33a, .box33b, .box33c {width:32%;}
	.box50a, .box50b {width:49%;}
	.box66a, .box66b {width:66%;}
	.box75a, .box75b {width:74%;}
	.box100 {width:100%;}
	.box25a, .box33a, .box33b, .box50a, .box66a, .box75a {margin-right:2%}
	.box25a, .box25b, .box33a, .box33b, .box33c, .box50a, .box50b, .box66a, .box66b, .box75a, .box75b, .box100 {position:relative; float:left; min-height:1px; margin-bottom:10px;}
	
	.imgshadow {box-shadow:0px 8px 6px 0px #888;}
	
	.section {overflow:hidden; position:relative; width:100%; max-width:880px; min-height:1px; margin:0 auto;}
	.content {overflow:hidden; max-width:880px; margin:0 auto;}
	.layout {margin:40px;}
	.thumb {max-width:20px; width:20px; height:20px; display:block; margin:3px 0px 0px; box-shadow:0px 0px 0px 0px #888; float:left;}
	#logo {max-width:100%; width:100%; height:auto; display:block; margin:0 auto;}
	#header {overflow:hidden; max-width:880px; margin:0 auto;}
	#menu {overflow:hidden;  max-width:880px; margin:0 auto;}
	#footer {overflow:hidden; max-width:880px; margin:0 auto;}
	#footer2 {overflow:hidden; max-width:880px; margin:0 auto;}	
	
	.button, .button:link, .button:visited {white-space:nowrap;	font-family:arial, sans-serif; text-decoration:none; display:inline-block; padding:5px 10px; margin: 0 0 10px 4px; font-size:16px;	font-weight:bold; line-height: 20px; -webkit-border-radius:4px; -moz-border-radius:4px;	border-radius:4px; border:1px solid transparent; color:#fff; background:#e36c09; width:100px;}
	.button:hover {display:inline-block; color:#fff; background-color:#fddb2e;}
	.buttonnav1, .buttonnav1:link, .buttonnav1:visited {white-space:nowrap;	font-family:arial, sans-serif; text-decoration:none; display:inline-block; padding:5px 10px; margin: 0 0 10px 4px; font-size:16px;	line-height: 20px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid transparent; color:#fff; background:#943634; width:80%;}
	.buttonnav2, .buttonnav2:link, .buttonnav2:visited {white-space:nowrap;	font-family:arial, sans-serif; text-decoration:none; display:inline-block; padding:5px 10px; margin: 0 0 10px 4px; font-size:16px;	line-height: 20px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid transparent; color:#fff; background:#e36c09; width:70%;}
	.buttonnav1:hover {display:inline-block; color:#000; background-color:#fddb2e;}
	.buttonnav2:hover {display:inline-block; color:#000; background-color:#fddb2e;}

	.grid {position:relative; text-align:center;}
	.grid figure {position:relative; float:left; overflow:hidden; max-width:256px; width:100%; height:auto;	background:#ddd; text-align:center; cursor:pointer; margin:0px;}
	.grid figure img {position:relative; display:block;}
	.grid figure figcaption {max-width:calc(100% - 20px); margin-left:10px; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
	.grid figure figcaption p {color:#fff; font-size:0.82em; text-align:left;}
	.grid figure figcaption h4 {color:#fff;	font-size:1em; font-weight:bold;}
	.grid figure figcaption::before, .grid figure figcaption::after {pointer-events:none;}
	.grid figure figcaption, .grid figure figcaption > a {position:absolute; top:0; left:0;	width:100%;	height:100%;}
	/* Anchor will cover the whole item by default */
	/* For some effects it will show as a button */
	.grid figure figcaption > a {z-index:1000; text-indent:200%; white-space:nowrap; font-size:0; opacity:0;}
			
	/* Individual effects Sarah */
	figure.effect-sarah {background:#e36c09;}
	figure.effect-sarah img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;			
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	figure.effect-sarah:hover img {opacity:0.2; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
	figure.effect-sarah figcaption {text-align:left;}
	figure.effect-sarah h4 {position:relative; overflow:hidden; padding:0.5em 0;}
	figure.effect-sarah h4::after {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:3px;
		background:#fff;
		content:'';
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
	figure.effect-sarah:hover h4::after {-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
	figure.effect-sarah p {padding:1em 0; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;	transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(100%,0,0);	transform:translate3d(100%,0,0);}
	figure.effect-sarah:hover p {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
	
    @media only screen and (min-width:880px){
        .layout {margin:40px;}
	}

   @media only screen and (max-width: 640px){
        .layout {margin:20px;}
		.content {width:100%}
		.grid figure {display: inline-block; float: none; margin: 10px auto; width: 100%;}
        .box25a, .box25b, .box33a, .box33b, .box33c, .box50a, .box50b, .box66a, .box66b, .box75a, .box75b, .box100 {display:block; float:none; width: 100%; margin-right:0; margin-bottom:10px;}
		.tab1 caption {font-size:0.6em; color:#fff; padding: 0.1em 0 0.1em 0;}
		.tab1 thead th {font: bold 0.6em arial, sans-serif; padding: 0.1em;}
		.tab1 td {font:normal 0.6em arial, sans-serif; padding: 0.1em 0.1em; line-height:1.0em;}
		#header {width:100%}
		#menu {width:100%}
		#footer {width:100%}
		#footer2 {width:100%}
	}