@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

* {
	margin:0px;
	padding:0px;
}

body {
	background:url(../images/bodybg.jpg) no-repeat top center white;
	font-family: 'Open Sans', sans-serif;
	color:black;
}

a {
	color:#C80000;
}

@media (min-width: 600px) {

	#container {
		width:1000px;
		background:url(../images/contentbg.png);
		margin:0 auto;
	}

	#header {
		width:100%;
		height:183px;
		padding-top:20px;
		margin-top:40px;
	}

	#menu {
		width:1000px;
		background:url(../images/menubg.png) no-repeat;
		height:39px;
		padding-left:20px;
		padding-top:5px;
	}

	#bodyc {
		width:960px;
		margin:20px;
		overflow:auto;
	}

	#left {
		width:710px;
		float:left;
	}

	#right {
		float:left;
		width:190px;
		padding:0px 20px;
		text-align: center;
	}

	#right h3 {
		margin-bottom: 20px;
	}

	#wide {
		width:960px;
	}

	.gallery {
		width:460px;
		height:340px;
		margin-right:20px;
		float:left;
		margin-bottom:20px;
		text-align: center;
	}

	.gallery img {
		width:460px;
		height:300px;
	}

	.gallery:nth-child(odd){
		margin-right:0px;
	}

	#footer {
		width:960px;
		margin:0 20px;
		font-size:10pt;
		height:60px;
	}

	p {
		margin-bottom:20px;
	}

	h1 {
		font-size:18pt;
		margin-bottom:20px;
	}

	h3 {
		font-size:16pt;
		text-align:center;
	}

	#menu ul li {
		display:inline;
	}

	#menu ul li a {
		display:inline;
		color:white;
		text-decoration:none;
		padding:0px 20px;
	}

	#menu ul li a:hover {
		color:black;
	}

	li {
    	float: left;
	}

	li a {
    	display: block;
    	text-align: center;
	    padding: 0 20px 20px 20px;
    	text-decoration: none;
		color:#333333;
	}

	.large {
		font-size:14pt; text-align:center;
	}

	.contact {
		float:left; width:345px; margin-right:20px;
	}

}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: white;
	background: #cc0000;
	text-align: center;
	padding: 10px 0;
	display: none;
	width:100%;
	margin-bottom:1px;
}

/*Hide checkbox*/
input[type=checkbox]{
	display: none;
	-webkit-appearance: none;
}


@media screen and (max-width : 600px){
	p {
		margin-bottom: 20px;
	}

	h1 {
		font-size:20px;
		margin-bottom:20px;
	}

	h3 {
		font-size:18px;
		margin-bottom: 20px;
	}

	.large {
		font-size:16px;
	}

	#container{
		width:100%;
		text-align: center;
		margin:0 auto;
	}

	.gallery{
		margin: 0 auto;
	}

	#left, #right, #wide {
		background:url(../images/contentbg.png);
		margin-bottom:20px;
		padding:20px;	
	}
	#left img, #wide img {
		width:100%;
		height:auto;
	}

	img{
		margin:10px -6px;
	}

	.gallery img{
		width:100%;
	}

	#show-menu:checked ~ ul.dropdown{
	    display: block;
	   /* margin-bottom:300px;*/
	}

	#show-menu:not(:checked) ~ ul.dropdown{
	    display: none;
	}

	#footer {
		text-align: center;
		padding:20px;
		font-size:14px;
	}

	.contact {
		width:90%;
		margin-left:5%;
	}

	ul {
		position: static;
		display: none;
		z-index:10000;
	}

	.show-menu {
		display:block;
	}

	li {
		display:block;
		float: left;
		text-align:center;
		width:100%;
		margin-bottom:1px;
	}

	li a {
		display:block;
		height: 27px;
		text-align: center;
		color:white;
		background:#cc0000;
		padding:6px 0px;
		text-decoration: none;
		position:relative;
		text-transform: uppercase;
	}

	/*Hover state for top level links*/
	li:hover a {
		background: white;
		color:#cc0000;
	}

	/*Style for dropdown links*/
	li:hover ul a {
		background-color:white;	
		color:#cc0000;
		text-transform: uppercase;
		text-align:center;
		opacity: .8;
		height: 27px;
		padding:6px 0px;
		width:100%;
	}

	/*Hover state for dropdown links*/
	li:hover ul a:hover {
		background: white;
		color:#cc0000;
	}

	/*Hide dropdown links until they are needed*/
	li ul {
		display: none;
	}

	/*Make dropdown links vertical*/
	li ul li {
		display: block;
		float: none;
	}


	/*Prevent text wrapping*/
	li ul li a {
		width: auto;
		min-width: 100px;
		padding: 0 20px;
		text-align:center;
	}
}