body {
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: 300;	
}
.clear {
	clear: both;	
}
h1, h2, h3, h4, h5, h6 {
		font-family: 'Oswald', sans-serif;
	
}
h2,h3, h4, h5, h6, #home h1 {
	font-size: 1.5em;
	font-weight: 300;
	text-align:center;
	margin: .5em 0;
	color: #00c;
}
#home h3, #home h4, #home h5, #home h6 {
	color: #fff;
	text-align: center;
}
.page {
	width: 96%;
	max-width: 1200px;
	margin: 1em auto;
	font-family: 'Amrath', sans-serif;
	background-color: #F5F5F5;
	box-shadow: 0px 0px 1em #888888;
}
.header {
	padding: .5em .5em 0;
	color:#0000CC;
	background-color: #c0c0c0;
	background-image:url(images/header-overlay.png);
	background-size:contain;
}
.logo {
	width: 25%;
	position: relative;
	float: left;
	margin: 1em 2% 0 0 ;
}
.sitetitle {
}
.sitetitle h2 {
    font-weight: 400;
    font-size: 2.5em;
	margin: 0;
	padding-top: 5%;
	text-align:left;
}
.slogan {
	font-weight:300;
	font-size : 1.25em;	
}
.nav {
	text-align: center;
}
.menu {
	list-style: none;
	margin: 0;
	padding: 0;		
}
.menu li {
	display: inline-block;
}
.menu li a {
	font-variant: small-caps;
	color: #333;
	text-decoration: none;
	padding: 10px;
	display: inline-block;
}
.menu li a:hover {
	background-color: #CCC;
	color: #00C;	
}
.actioncall {
	display: table;
	color: #fff;
	background-color: #333;
	border-radius: 1em;
	margin: 1em auto 0;
	padding: .5em;
}
.actioncall h2, #home h1 {
	margin: 0;
	color: #fff;
}
.topbar {
	padding: 1em 0;	
}
.col2 {
	width: 50%;
	float: left;
}
.col2 h4 {
	text-align: left;	
}
.block1, .block2 {
	width: 45.5%;
	margin: 0 2% 1em;
	border: solid 1px #333;
	float: left;
}
.dark { 
	color: #fff;
	background-color: #333;
	padding: 1px .25em 0;
	min-height: 10em;
}
.content {
	float: left;
	width:60%;
	padding: 1%;
}
.content h1, .content h2, .sidert h3 {
	font-weight: 400;
    font-size: 2em;
	color: #00c;
	margin: .5em 0;
}
#services .content h2 {
	text-align: left;	
}
.sidert {
	float: left;
	width: 32%;
	padding: 1% 3%;
}
#home .sidert {
	padding-top: 5em;
}
.quote {
	color: #333;
	background-color: #B7FFB7;
	border:	double 4px #0D0;
	border-radius: 1em;
	padding: .25em 1em;
	margin-bottom: 2em;
}
.quote .location {
	font-style:italic;
	color: #666;
}
#map-canvas {
	width: 100%;
	margin: 2em auto;
	height: 500px;
}
.footer {
	width: 100%;
	background-color: #333;
	padding-top: 1px;
	padding-bottom: 5px;
	color: #fff;
}
.footer a {
	color:#fff;
}
.line {
	width:100%;
	madgin-top: 1px;
	border-top: 1px solid #ccc;
	height: 10px;
}
.address { 
	text-align: center;
}
.copyright {
	float: left;
	margin-left: 20px;
	font-size: 12px;
}
.designer {
	float:right;
	margin-right: 20px;
	font-size:12px;
}
.designer a {
	color:#FFF;
}	
@media screen and (min-width: 981px) {
.logo {
	width: 20%;
}
.branding {
    padding: 0px 0px 1em 30%;
}
}

@media screen and (max-width: 854px) {
.slogan	{
	text-align: center;
}
.col2 {
	width: 100%;	
}
}
@media screen and (max-width: 767px) {
body {
	font-size: 80%;	
}
.logo {
	float: none;
	width: 40%;
	margin: 2em auto 0;	
}
.sitetitle h1 {
	text-align: center;	
}
.content, .sidert {
	width: 90%;
	margin : auto;
	float: none;
}
}

@media screen and (max-width: 479px) {
.block1, .block2 {
	width: 95%;
}
}