﻿body {
	font-family:arial;
	font-size:12px;
	color:#222;
	background-color:#c50a13;
	background-image:url('SITE-Images/bg1.jpg'); 
	background-position:center top ; 
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}
img {max-width:100%;}
.gallery {
	margin-top:30px;
	margin-left:20px;
}
.galleryOutter {
	width:190px;
	height:190px;
}
.galleryTitle {
	width:180px;
	height:180px;
}
h1 {
	margin: 0px;
	font-size: 48px;
	letter-spacing: 5px;
	text-transform: uppercase;
	color:#000;
	line-height:100%;
}
h2 {
margin:0px;
font-size:24px;
letter-spacing:normal;
text-transform:uppercase;
color:#222;
line-height:100%
}
h3 {
margin:0px;
font-size:18px;
color:#444;
line-height:100%
}
.footerTxt {
	font-size:12px;
	color:#fff;
}
.topNav {
	display:inline-block;
	height:40px;
}

.nav a {
	padding: 10px 20px 10px 20px;
	background-color:#c50a13;
	color:#fff;
	background-image:url('SITE-Images/navoff.jpg'); 
	text-decoration:none;
	margin-right:4px;
}
.nav a:hover {
	background-image:url('SITE-Images/navon.jpg'); 

}
.bubble {
	margin-top:10px;
	background-color:#d3d9de;
	border:1px solid #000;
	border-radius:6px;
	padding:10px;
}
.headerblock {
	margin-top:10px;
	background-image:url('SITE-Images/navon.jpg'); 
	padding:4px;
	border:1px solid #000;
	border-radius:6px;
	font-size:20px;
	color:#fff;
	}
.service {
	background-image:url('SITE-Images/block.jpg');
	background-position: left center;
	background-repeat:no-repeat; 
	padding-left:20px;
	margin-bottom:15px;

}
.service a {
padding:5px 0px 5px 0px;
border-radius:3px;
	font-size:11px;
	margin-top:5px;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
}
.service a:hover {
	color:#c50a13;
	background-color:#fff;
}
.subservice {
	margin-bottom:10px;
}
.subservice a {
padding:5px 10px 5px 10px;
border-radius:3px;
	font-size:11px;
	margin-top:5px;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
}
.subservice a:hover {
	color:#c50a13;
	background-color:#fff;
}
.mobileOnly {
	display:none;
}
.desktopOnly {
	display:block;
}
.LHS {
	width:315px;
	display:inline-block;
	vertical-align: top;
	margin-bottom:20px;
	text-align: left;
}
.RHS {
	
	width:calc(100% - 380px);
	display:inline-block;
	vertical-align: top;
	background-color:white;
	text-align:left;
	border-radius:6px;
	margin-top:20px;
	margin-left:10px;
	padding:10px;
	margin-bottom:20px;

}
.pageHeader {
	height:174px;width:980px;text-align:left;
}

.contentBody {
	width:100%;
}
.pagePage {font-size:18px;text-align: left;}
@media (max-width : 912px) {
	body {
	background-color:white;
	background-image:none;
}

}



@media (max-width : 768px) {
/* Styles */
	html {
		<!--zoom:0.3;-->
	}
	input {
		padding:5px;font-size:20px;
	}
	textarea {padding:5px;font-size:20px;}
	button {font-size:28px;cursor:pointer;padding;5px;}
	img {max-width:100%;}
	.pageText {
		font-size:24px;text-align: left;
	}
	body {
			font-size:36px;
			letter-spacing:normal;
			line-height:normal;
		/* background-image:url('SITE-Images/bgmobile.jpg'); */
	
		}
	.contentBody {
		width:100%;
	}
	.mobileOnlyInline {
		display:inline-block;
	}
	.mobileOnly {
		display:block;
	}
	.desktopOnly {
		display:none;
	}
	.service {
		background-image:url('SITE-Images/block.jpg');
		background-position: left center;
		background-repeat:no-repeat; 
		padding-left:20px;
		margin-bottom:15px;
	
	}
	.service a {
	padding:5px 0px 5px 0px;
	border-radius:3px;
		font-size:28px;
		margin-top:5px;
		text-transform:uppercase;
		text-decoration:none;
		color:#000;
	}
	.service a:hover {
		color:#c50a13;
		background-color:#fff;
	}
	.subservice {
		margin-bottom:10px;
	}
	.subservice a {
	padding:5px 10px 5px 10px;
	border-radius:3px;
		font-size:28px;
		margin-top:5px;
		text-transform:uppercase;
		text-decoration:none;
		color:#000;
	}
	.subservice a:hover {
		color:#c50a13;
		background-color:#fff;
	}
	.LHS {
		width:100%;
		display:none;
		font-size:24px;
		
	}
	.RHS {
		width:100%;
		display:block;
		margin-left:0px;
		box-sizing: border-box;
		padding-left:10px;
		padding-right:10px;
		margin:0px;
	}
	.topNav {
		margin-left:0px;margin-top:0px;
	}
	.topNavMob {
		padding:20px;
		font-size:36px;
		background-color:#c50a13;
		border-bottom:3px solid white;
		text-align: center;
	}
	.topNavMob a {
		color:#fff;
		text-decoration:none;
	}
	.pageHeader {
		height:560px;
	}
	.headerblock {
		display:block;
		width:100%;
		background-image:url('SITE-Images/navon.jpg'); 
		padding:14px;
		border:1px solid #000;
		border-radius:6px;
		font-weight:bold;
		color:#fff;
		box-sizing: border-box;
		font-size:28px;
		}
	.gallery {
		margin-top:30px;
	}
	.galleryOutter {
		width:220px;
		height:220px;
	}
	.galleryTitle {
		width:210px;
		height:210px;
	}

}

@media screen and (max-width: 450px) {

	.galleryOutter {
		width:300px;
		height:300px;
		margin-right:0px;
	}
	.galleryTitle {
		width:290px;
		height:290px;
	}
	
}


