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

body {
	color:#323232;
	background:url(../images/bg.png) repeat;
	margin:0;
	padding:0;
	font-family: 'Libre Baskerville', serif;
	font-size:12px;}
	
div {display:block;}

a {color:#333;}






/* max-width */
@media screen and (max-width: 600px) {
	.topcontainer {
	height:290px;
	width:100%;
	background:#436d4f;
	border-bottom:solid 8px #ece1c8;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	margin-bottom:20px;}
	
		
		
		
	.logo {
		padding-top:20px;
		margin:auto;
		width:275px;}
	
	
	
	.menu {
		-webkit-margin-before:0;
		-webkit-padding-start:0;
		list-style:none;
		margin:20px 10px 20px 10px;
		color:#ece1c8;
		height:35px;
		font-size:11px;}
	
	.menu li {
		float:left; 
		padding:5px;}
		
	.menu li a{
		text-decoration:none;color:#ece1c8;}
	
	.menu li a:hover{
		color:#faf5ea;}	
	
	
	.clear {clear:both;}
	
	.container {
	width:100%;
	display:inline-block;
	margin:auto;}
	
	.main {background:#FFF;padding-top:10px;}
	

	.footer {width:95%;background:#FFF;padding:10px; margin:10px auto 20px auto;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-moz-border-radius: 2px;
	border-radius: 2px;}
	
	.bigimg img{width:100%;border-top:solid 5px #fff;}

	.firstsmallimg img{width:100%;border-top:solid 5px #fff;}
	
	.secondsmallimg img{width:100%;border-top:solid 5px #fff;}
	
	.leftsmall {width:25%;padding:20px;display:inline-block;float:left; }
	
	.leftbig {width:35%;padding:20px;display:inline-block; float:left;}
	
	.leftbig {display:none;}
	
	.content {width:100%;max-width:630px;float:right;padding:20px;}
	
	.contentfull a {text-decoration:none;}
	
	.contentfull img {width:100%;}
	
	.contentsmall {width:65%;padding:20px;}
	
	.contentfull {margin:10px;padding-bottom:10px;background:#FFF;}
	
	input,textarea{background: #fff repeat-x 0 0;
	border: #ccc 1px solid;
	padding: 10px;
	width: 220px;}
	
	.column {width:95%;margin:10px;}
}

/* min-width */
@media screen and (min-width: 900px) {
	
	.topcontainer {
	height:290px;
	width:100%;
	background:#436d4f;
	border-bottom:solid 8px #ece1c8;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	margin-bottom:20px;}
	
			
		
		
	.logo {
		padding-top:20px;
		margin:auto;
		width:275px;}
	
	
	
	.menu {
		list-style:none;
		margin:20px auto 20px auto;
		color:#ece1c8;
		width:410px;
		height:35px;
		font-size:14px;}
	
	.menu li {
		float:left; 
		padding:10px;}
		
	.menu li a{
		text-decoration:none;color:#ece1c8;}
	
	.menu li a:hover{
		color:#faf5ea;}	
	
	
	.clear {clear:both;}	
	

	.container {
	width:990px;
	margin:auto;}
	
	.main {background:#FFF;width:990px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-moz-border-radius: 2px;border-radius: 2px; display:inline-block;}
		
	.mainfp img{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);border:solid 5px #fff;-moz-border-radius: 2px;
	border-radius: 2px;}
	
	.bigimg {float:left;margin-bottom:10px;}
	
	.firstsmallimg {float:left;margin-right:10px;}
	
	.secondsmallimg {float:left;}
	
	.footer {width:970px;background:#FFF;padding:10px; margin:10px auto 20px auto;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-moz-border-radius: 2px;
	border-radius: 2px;}
	
	.leftsmall {width:250px;padding:20px;display:inline-block;float:left; }
	
	.leftbig {width:350px;padding:20px;display:inline-block; float:left;}
	
	.leftsmall h2{}
	
	.content {width:100%;max-width:630px;float:right;padding:20px;}
	
	.contentfull a {text-decoration:none;}
	
	.contentfull img {margin:5px;width: 305px;}
	
	.contentsmall {width:550px;float:right;padding:20px;}
	
	.contentfull {width:100%;padding:20px;}
	
	input,textarea{background: #fff repeat-x 0 0;
	border: #ccc 1px solid;
	padding: 10px;
	width: 470px;}
	
	.column {float:left;display:inline-block;width:290px;padding:20px;}
}

/* min-width & max-width */
@media screen and (min-width: 600px) and (max-width: 900px) {
	.topcontainer {
	height:290px;
	width:100%;
	background:#436d4f;
	border-bottom:solid 8px #ece1c8;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	margin-bottom:20px;}
	
			
		
		
	.logo {
		padding-top:20px;
		margin:auto;
		width:275px;}
	
	
	
	.menu {
		list-style:none;
		margin:20px auto 20px auto;
		color:#ece1c8;
		width:410px;
		height:35px;
		font-size:14px;}
	
	.menu li {
		float:left; 
		padding:10px;}
		
	.menu li a{
		text-decoration:none;color:#ece1c8;}
	
	.menu li a:hover{
		color:#faf5ea;}	
	
	
	.clear {clear:both;}
	
	
	.container {
	width:100%;
	display:inline-block;
	margin:auto;}
	
	.main {background:#FFF;padding-top:10px;}
	

	.footer {width:95%;background:#FFF;padding:10px; margin:10px auto 20px auto;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-moz-border-radius: 2px;
	border-radius: 2px;}
	
	.bigimg img{width:100%;border-top:solid 5px #fff;}

	.firstsmallimg img{width:100%;border-top:solid 5px #fff;}
	
	.secondsmallimg img{width:100%;border-top:solid 5px #fff;}
	
	.leftsmall {width:25%;padding:20px;display:inline-block;float:left; }
	
	.leftbig {width:35%;padding:20px;display:inline-block; float:left;}
	
	.leftbig {display:none;}
	
	.content {width:100%;max-width:630px;float:right;padding:20px;}
	
	.contentfull a {text-decoration:none;}
	
	.contentfull img {width:100%;}
	
	.contentsmall {width:65%;padding:20px;}
	
	.contentfull {margin:10px;padding-bottom:10px;background:#FFF;}
	
	input,textarea{background: #fff repeat-x 0 0;
	border: #ccc 1px solid;
	padding: 10px;
	width: 470px;}
	
	.column {width:95%;margin:10px;}
	}
}