body {

	margin: 0px;
	padding: 0px;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url('/img/bg.gif?v=3');
	background-color: #222222;

}

img {

	border: none;
	max-width: 100%;

}

div,
li,
p {

	font-size: 12px;
	line-height: 18px;
	color: #111111;
	font-family: Arial, sans-serif;

}

.blue { color: #2da2d9; }
.white { color: #FFFFFF; }

.strong { font-weight: bold; }

h1,
h2 {

	margin: 0px;
	color: #2da2d9;
	font-family: Arial, sans-serif;

}

h1 { font-size: 18px; }
h2 { font-size: 14px; }

div#content {

	width: 900px;
	height: 900px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-image: url('/img/content.jpg');

}

div#top {

	padding-top: 75px;
	height: 59px;

}

a#toplink {

	display: block;
	float: right;
	width: 230px;
	height: 20px;
	text-decoration: none;
	margin-right: 40px;

}

div#menu {

	height: 99px;
	padding-left: 50px;

}

a.menulink {

	display: block;
	width: 253px;
	height: 99px;
	text-decoration: none;

}

a#m1,
a#m2 {

	float: left;
	margin-right: 20px;
}

a#m3 { margin-left: 546px; }

div#body {

	padding-top: 20px;
	height: 595px;

}

div#text {

	float: left;
	padding-left: 70px;
	width: 510px;

}

div#contactform { margin-left: 600px; }

div#left {

	float: left;
	width: 45%;
	margin-top: -12px;

}

div#right {

	width: 45%;
	margin-left: 50%;

}

div#clear, .clear { clear: both; }

div#bottom {

	font-size: 11px;
	text-align: center;

}

input, textarea {

	width: 230px;
	background-color: #EEEEEE;
	font-size: 12px;
	color: #111111;
	font-family: Arial, sans-serif;
	border: none;
	margin-top: 8px;
	margin-bottom: 8px;

}

input#submit {

	width: auto;
	height: auto;
	margin-left: -2px;

}


a#gassafe {

	margin-top: 10px;
	margin-left: 310px;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;

}

div.mobile { display: none; }

@media only screen and (max-width: 900px) {

	body {

		background: none;
		padding: 20px;

	}

	div.mobile {

		display: flex;
		flex-wrap: wrap;

	}

	div.mobile a.logo {

		display: block;
		width: 50%;

	}

	div.mobile a.logo img {

		max-width: 200px;
		padding-top: 10px;

	}

	div.mobile div.contact {

		width: 50%;
		font-size: 18px;

	}

	div.mobile div.contact a {

		display: block;
		text-align: center;
		line-height: 1.5;
		text-decoration: none;
		color: #111111;

	}

	div.mobile div.contact a:hover { color: #2da2d9; }

	div.mobile nav {

		width: 100%;
		padding-top: 30px;

	}

	div.mobile nav a {

		display: block;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #2da2d9;
		margin-bottom: 5px;
		height: 50px;

	}

	div.mobile nav a img {

		float: right;
		height: 50px;

	}

	div.mobile nav a span.text {

		display: inline-block;
		padding-left: 10px;
		padding-top: 15px;

	}

	div.desktop { display: none; }

	div#content {

		width: auto;
		height: auto;
		background: none;

	}

	div#body { height: auto; }

	div#text {

		float: none;
		padding-left: 0;
		width: auto;

	}

	div#contactform { margin-left: 0; }

	div#left {

		float: none;
		width: auto;
		margin-top: 0;

	}

	div#right {

		width: auto;
		margin-left: 0;

	}

	input, textarea { width: 100%; }

	a#gassafe {

		margin-left: 0;
		background: transparent url('/img/gassafe.png?v=3') center center no-repeat;
		background-size: 100% auto;
		display: block;
		width: 100%;
		margin-bottom: 20px;

	}

	div#bottom {

		background-color: #2da2d9;
		padding: 10px;

	}

}

@media only screen and (max-width: 530px) {

	div.mobile { display: block; }

	div.mobile a.logo {

		width: auto;
		padding-bottom: 20px;

	}

	div.mobile a.logo img {

		display: block;
		margin: 0 auto 0 auto;

	}

	div.mobile div.contact { width: auto; }

	a#gassafe { height: 50px; }

}