@charset "utf-8";

body { 
	margin: 0;
	padding: 0;
	background: #efefef;
	color: #8a8c8f;
	font-size: 15px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
html, body	{ height: 100%; min-height: 100%; }

.clearfix:after		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix		{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix	{ height: 1%; }

textarea		{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; resize: none; }
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='number'],
input[type='password']	{ font-size: 13px; }
textarea,
input, select	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type='submit']	{ -webkit-appearance: none; border-radius: 3px; background: #e2e2e2; color: #333333; border: 1px solid #888888; cursor: pointer; }

#wrapper				{ width: 100%; margin: 0 auto; padding: 0; background: #ffffff; overflow: hidden; }
#headerwrap				{ width: 100%; margin: 0 auto; padding: 0; background: #f0f0f1; }
#header					{ position: relative; top: 0; width: 100%; max-width:1100px; height: 200px; margin: 0 auto; }
#socialheader			{ position:absolute; top:0; right:0; text-align:right; font-size:16px; color:#8a8c8f;}
#socialheader a 			{ font-size:16px; color:#8a8c8f; text-decoration:none;}
#socialheader a:hover	{ text-decoration:underline;}
#socialheader img		{ position:relative; display:inline-block; padding:2px; width:20px; height:20px; vertical-align:top; margin-top:-20px;}
#socialhead				{ position:relative; display:inline-block; margin:25px 10px 0 0;}
#slogantop				{ margin-top:50px; margin-right:200px; font-weight:bold; font-size:42px; color:#ed1c24;}
#header img				{ margin-top:20px;}
#upperbannerhome		{ width: 100%; height:60px; margin: 0 auto; padding: 0; background: #007aab; overflow: hidden; }
#upperbannerhomeinner	{ width:100%; max-width: 1100px; margin: 0 auto; padding: 0; background: #0097ca; min-height: 40px; text-align:center; color:#ffffff; font-size:20px; font-style:italic; line-height:40px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
#upperbanner			{ width: 100%; height:20px; margin: 0 auto; padding: 0; background: url(../images/upperbannerback.jpg) repeat-x left top;  overflow: hidden; }
#upper					{ width: 100%; margin: 0 auto; padding: 0; background: #ffffff; overflow: hidden; }
#middlewraphome			{ width:100%; margin: 0 auto; padding: 0; background: #007aab; min-height: 100px; overflow: hidden; margin-top:-5px;}
#middlewrap				{ width:100%; margin: 0 auto; padding: 0; background: #ffffff; min-height: 100px; overflow: hidden; }
#middleadminwrap		{ width:100%; max-width: 1100px; margin: 0 auto; padding: 0; position:relative; margin-top:65px;}
#middleadmin			{ width:100%; max-width: 900px; margin: 0 auto; padding: 0; background: #ffffff; margin-left:180px;}
#middle					{ width:100%; max-width: 1100px; margin: 0 auto; padding: 55px 0 0 0; background: #ffffff; min-height: 300px; overflow: hidden; }
#middlehome				{ width:100%; max-width: 1100px; margin: 0 auto; padding: 0; background: #ffffff; min-height: 300px; overflow: hidden; }
#buttons				{ width:100%; max-width: 1100px; margin: 0 auto; padding: 25px 0; overflow:hidden; }
.menubutton				{ position:relative; display:inline-block; width:24%; background:#ed1c24; color:#ffffff; font-size:22px; padding:20px 2px; text-align:center; margin:0 1px 3px 1px; vertical-align:middle;}
.menubutton a			{ color:#ffffff; text-decoration:none;}
.menubutton:hover		{ background:#8a8c8f; color:#ffffff; }
.menubutton a:hover		{ color:#ffffff; text-decoration:none;}
#sloganwrap				{ width:100%; margin: 0 auto; padding: 0; min-height: 106px; border-bottom: 3px solid #fff; background: url(../images/sloganback.jpg) repeat left top; overflow: hidden; }
#slogan					{ width:80%; max-width: 900px; margin: 0 auto; text-align:center; padding: 0; overflow: hidden; color:#ffffff; font-size:22px; font-style:italic; padding-top:30px;}
#lowerwrap				{ width:100%; margin: 0 auto; padding: 0; background: url(../images/lowerback.jpg) repeat left top; overflow: hidden; }
#lower					{ width:100%; max-width: 1100px; margin: 0 auto; padding: 0; }
#lowercontactwrap		{ width:100%; margin: 0 auto; padding: 0; background: url(../images/lowercontactback.jpg) repeat left top; overflow: hidden; }
#lowercontact			{ width:100%; max-width: 1100px; margin: 0 auto; padding: 0; text-align:center;}

/* DEFAULT STYLING */

a		{ color: #1975d1; text-decoration: underline; }
a:hover		{ color: #444444; }

h1		{ font-size: 43px; color:#ed1c24; text-transform:uppercase;}
h2		{ font-size: 32px; color:#8a8c8f; text-transform:uppercase;}
h3		{ font-size: 20px; color:#8a8c8f; }
h4		{ font-size: 18px; font-weight: bold; }
h5		{ font-size: 16px; color:#ffffff; text-transform: uppercase; }
h6		{ font-size: 14px; font-weight: bold; }

p, li, td, th	{ color: #8a8c8f; line-height: 20px; }
#wrapper img	{ max-width: 100%; height: auto; }
iframe		{ width:100%; /*max-width: 100%;*/ }

#middle li			{ margin-bottom: 6px; line-height: 18px; }
#middle li ul, #middle li ol	{ margin-top: 6px; }
#middle hr			{ border: 0; width: 80%; margin: 20px auto; color: #cccccc; background-color: #cccccc; height: 1px; }
#middle ul > li ul		{ list-style-type: circle; }
#middle ol > li > ol		{ list-style-type: lower-alpha; }
#middle ol > li > ol > li > ol	{ list-style-type: lower-roman; }
#middle blockquote		{ font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; padding: 0 8px 0 20px; border-left: 5px solid #cccccc; overflow: hidden; }


/* HORIZONTAL MENU */

#menubghome				{ position: relative; margin: 0 auto; width: 100%; height: 49px; text-align: center; background: url(../images/menuback.png) repeat-x right top; border-top: 14px solid #ffffff; }
#menubg					{ position: relative; margin: 0 auto; width: 100%; height: 49px; text-align: center; background: url(../images/menuback.png) repeat-x right top; border-top: 14px solid #ffffff; }
#menu					{ position: relative; display: inline-block; margin: 0 auto; width: 100%; max-width: 1090px; }
#menuh nav				{ display: block; text-align: center; }

#menuh nav a				{ display: block; padding: 14px 25px; text-align: center; text-decoration: none; border-left: 2px solid #c5c6c7; border-right: 2px solid #c5c6c7; background-color: #8a8c8f; color: #ffffff !important; font-size: 17px !important; font-style: normal !important; }
#menuh nav a:hover			{ background-color: #ed1c24; }
#menuh nav ul li ul a			{ background-color: #8a8c8f; color: #ffffff!important; text-align: left; }
#menuh nav ul li ul a:hover,
#menuh nav ul li ul a.active,
#menuh nav a.active,
#menuh nav a.active-child 		{ background-color: #ed1c24; color:#ffffff!important;}

#menuh nav ul				{ margin: 0; padding: 15px 0 17px 0; list-style: none; text-align: left; display: inline; }
#menuh nav ul li			{ display: inline-block; margin-right: -4px; position: relative; padding: 0; cursor: pointer; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
#menuh nav ul li:hover			{ background: #ed1c24!important; color: #ffffff!important; }
#menuh nav ul li ul			{ padding: 0; position: absolute; top: 48px; width: 220px; display: block; opacity: 0; visibility: hidden; z-index: 90; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
#menuh nav ul li ul li			{ background: #8a8c8f; display: block; color: #ffffff!important; }

#menuh nav ul li ul li:hover 		{ background: #666; }
#menuh nav ul li:hover ul 		{ display: block; opacity: 1; visibility: visible; }


/* PAGE TREE */

#pagetree		{ text-align: right; color:#007aab;}
#pagetree p		{ font-size: 12px; margin: 0; padding: 10px 0 0 0; }
#pagetree p a		{ font-size: 12px; color:#007aab; text-decoration:none;}
#pagetree p a:hover	{ text-decoration:underline;}

#pageheading		{ width: auto; padding-bottom: 0; text-align: left; }


/* VERTICAL MENU */

#leftcontainer		{ position:relative; display:inline-block; float: left; width: 180px; margin-right:20px; }
#leftcontainer ul	{ position: relative; margin: 0; padding: 0; list-style: none; }
#leftcontainer ul li a	{ position: relative; display: block; margin: 0 auto; padding: 10px; background: #ed1c24; text-decoration: none; color:#ffffff; border: 1px solid;}
#leftcontainer ul li a:hover{ background: #ffffff; color:#ed1c24; border: 1px solid #ed1c24;}
#leftcontainer ul a.active { background: #ffffff; color:#ed1c24; border: 1px solid #ed1c24;}


/* IMAGE LIBRARY */

#imagelibrary		{ margin: 4px; padding: 4px; }
#imagelibrary img	{ margin: 3px; }


/* IMAGE STYLING */

html>body .outerpair1	{ background: url(../images/upperrightfade.png) no-repeat right top; }
html>body .outerpair2	{ background: url(../images/lowerleftfade.png) no-repeat left bottom; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox	{ background: url(../images/shadow.png) bottom right; }
html>body .innerbox	{ position: relative; left: -8px; top: -8px; }
.shadowbox img		{ border: 1px solid #000000; vertical-align: bottom; }

.pageimagecenter	{ text-align: center; margin: 0 auto; padding: 0; max-width: 100%; }
.pageimageright		{ float: right; margin: 5px 0 5px 5px; padding: 0; max-width: 100%; }
.pageimageleft		{ float: left; margin: 5px 5px 5px 0; padding: 0; max-width: 100%; }
.pageimagenone img	{ margin: 3px; padding: 0; }


/* PAGE GALLERY */

.pagegalleryheading	{ margin-bottom: 15px; color: #666666; font-size: 18px; font-weight: bold; }
.pagegalleryinner	{ width: 100%; margin-bottom: 30px; padding: 0; }
.pagegalleryimage	{ position: relative; display: inline-block; width: 12%; height: 0; padding-bottom: 12%; overflow: hidden; margin: 0.1%; vertical-align: middle; }
.pagegalleryimage img	{ border: 0; vertical-align: middle; line-height: 0; position: absolute; display: block; max-width: 240% !important; /*min-width: 100% !important;*/ height: auto; /*min-height: 100%;*/ /*left: -25%;*/ }
.pagegalleryimage a	{ line-height: 0; }
.pagegalleryimage a:hover img { opacity: 0.7; }


/* ADMIN STYLING */

#adminpage input[name='login'],
#adminpage input[name='password'] { width: 100%; }

#adminpage		{ margin: 0 0 20px 0; font-size: 12px; font-weight: normal; }
#adminpage b		{ color: #000000; font-weight: bold; }

#adminpage table	{ margin-bottom: 10px; border: 1px solid #9f9f9f; background: #dfdfdf; }
#adminpage table img	{ display: inline-block; margin: 0 auto; }
#adminpage td		{ background: #dfdfdf; color: #000000; text-align: left; }
#adminpage th		{ background: #cfcfcf; color: #000000; text-align: left; }
#adminpagegallery	{ position: relative; font-size: 12px; font-weight: normal; }

#adminpage table.productedit	{ width: 100%; }
#adminpage .productedit > td	{ background: #d6d6d6; }
#adminpage .productedit2 > td	{  }
#adminpage table.LogBody	{ width: 100%; }
#adminpage table.log		{ width: 100%; background: #333333; }
#adminpage table.log th		{ padding: 2px; background: #555555; color: #ffffff; font-size: 13px; }
#adminpage table .logrow1 td	{ padding: 4px; background: #cfcfcf; font-size: 12px; }
#adminpage table .logrow2 td	{ padding: 4px; background: #eeeeee; font-size: 12px; }
#adminpage table .logrowS td	{ padding: 4px; background: #ffff66; font-size: 12px; }
#adminpage table label		{ display: inline-block; width: 100%; padding: 2px; }
#adminpage table label:hover	{ color: #cf0000; cursor: pointer; }

#adminpage input[size='90']	{ width: 100%; }
#adminpage input[name='insert']	{ width: 50%; }


/* SUBPAGES */

.subpages div		{ display: inline-block; width: 19%; margin: 4px 4px 4px 2px; text-align: center; vertical-align: top; }
.subpages a		{ display: inline-block; max-width: 100%; }
.subpages img		{ border: 0; margin-bottom: 5px; }
.subpages span		{ display: inline-block; text-decoration: underline; width: 100%; max-width: 100%; }
.subpages a:hover img	{ opacity: 0.7; }


/* CONTACT MESSAGE */

#contact		{ clear: both; width: auto; margin: 20px auto; background: url(../images/lowerback.jpg) no-repeat left top;  color: #ffffff; font-size: 14px; text-align: center; padding:5px; }
#contact a		{ color:#ffffff; text-decoration:none;}
#contact a:hover	{ text-decoration:underline;}


/* CONTACT */
#contactform								{ position: relative; display: inline-block; overflow: hidden; width: 56%; }
#contactform input[name='enquiry[Postcode]'] 	{ width: 100px; }
#contactform #contact_thanks					{ padding: 15px; margin: 0 auto; width: 75%; text-align: center; border: 1px solid #afafaf; background: #cfcfcf; }

#contactright			{ position: relative; display: inline-block; width: 40%; vertical-align: top; text-align: left; }
#contactright img		{ padding: 5px 10px 5px 5px; vertical-align: middle; width: 20px!important;}
#contactright img a:hover	{ opacity: 0.6; }
#contactright a			{ font-weight: bold; text-decoration: none; }
#contactright a:hover	{ font-weight: bold; text-decoration: none; opacity:0.8;}
#contactright h2			{ color:#000000!important;}

/* SITE FORMS */

.form			{ position: relative; display: inline-block; overflow: hidden; float: left; text-align: left; width: 100%; }
.form *			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .error		{ color: #cc0000; }
.form > div		{ padding: 1px; margin: 0 0 10px 0; overflow: hidden; }
.form > div > label	{ width: 25%; float: left; padding-right: 10px; line-height: 24px; }
.form > div > div	{ width: 75%; float: right; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form textarea,
.form select			{ width: 75%; padding: 4px; border: 1px solid #ccc; border-radius: 2px; }
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=url]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus,
.form input[type=number]:focus,
.form textarea:focus		{ outline: 0; border-color: #4697e4; }

@media (max-width: 640px) {
	.form > div		{ margin: 0 0 8px 0; }
	.form > div > label	{ width: 100%; float: none; margin: 0 0 5px 0; }
	.form > div > div	{ width: 100%; float: none; }
	.form input[type=text],
	.form input[type=email],
	.form input[type=url],
	.form input[type=password],
	.form input[type=tel],
	.form input[type=number],
	.form textarea,
	.form select		{ width: 100%; }
}

#lower1				{ position:relative; display:inline-block; width:20%; vertical-align:top;}
#lower1 h5			{ color:#ffffff!important; font-size:15px; text-transform:uppercase; font-weight:normal;}
.col ul				{ -webkit-padding-start: 0px; list-style-type: none; padding: 0; vertical-align: top;}
#lower1 a			{ font-size:15px; text-decoration:none; color:#ffffff;  line-height:25px;}
#lower1 a:hover		{ text-decoration:underline;}
#lower2				{ position:relative; display:inline-block; width:20%; vertical-align:top;}
#lower2 h5 			{ color:#ffffff!important;  font-size:15px; text-transform:uppercase; font-weight:normal;}
#lower2 a			{ font-size:15px; text-decoration:none; color:#ffffff; line-height:25px;}
#lower2 a:hover		{ text-decoration:underline;}

#lower3				{ position:relative; display:inline-block; width:20%; vertical-align:top;}
#lower3 h5 			{ color:#ffffff!important;  font-size:15px; text-transform:uppercase; font-weight:normal;}
#lower3 a			{ font-size:15px; text-decoration:none; color:#ffffff; line-height:25px;}
#lower3 a:hover		{ text-decoration:underline;}

#lower4				{ position:relative; display:inline-block; width:20%; vertical-align:top;}
#lower4 h5 			{ color:#ffffff!important;  font-size:15px; text-transform:uppercase; font-weight:normal;}
#lower4 a			{ font-size:15px; text-decoration:none; color:#ffffff; line-height:25px;}
#lower4 a:hover		{ text-decoration:underline;}

#lower5				{ position:relative; display:inline-block; width:20%; vertical-align:top;}
#lower5 h5 			{ color:#ffffff!important;  font-size:15px; text-transform:uppercase; font-weight:normal;}
#lower5 a			{ font-size:15px; text-decoration:none; color:#ffffff; line-height:25px;}
#lower5 a:hover		{ text-decoration:underline;}

#lowercontact h5 	{ text-align:center; font-size:22px; font-weight:normal; margin-top:20px;}
#lowercontact img	{ padding: 5px; margin:-30px 0 20px 0;}

/* FOOTER */

#footer		{ clear: both; padding: 15px 0; color: #999; background:#4b4d50; font-size: 11px; font-weight: normal; text-align: center; }
#footer a	{ font-size: 11px; text-decoration: underline; color: #999;}
#footer a:hover	{ color: #fff; }
#footer img	{ margin-left: 5px; vertical-align: top; }


@media (max-width: 1100px) {
	* { width: auto; height: auto; }

	#menuh nav a			{ font-size:16px!important;}
	#menuh nav a:hover 		{ font-size:16px!important;}
	#header				{ width: 98%;}
	#middlehome			{ width: 98%;}
	#middle				{ width: 98%;}
	#lower 				{ width: 98%;}
}

@media (max-width: 1024px) {
	* { width: auto; height: auto; }

	#slogantop			{ margin-right:70px;}
	#menuh nav a			{ padding: 14px 19px; font-size:15px!important; max-height:48px!important; overflow:hidden;}
	#menuh nav a:hover 		{ font-size:15px!important; }
}
	
@media (max-width: 900px) {
	* { width: auto; height: auto; }
	
	#menuh nav a			{ padding: 14px 10px; width:auto;}
	#menuh nav a:hover 		{ width:auto;}
	#slogantop			{ margin-right:10px;}
	#header				{ height:175px;}
	#header img			{ max-width:280px;}
	#middle img			{ width:50%;}
	#callus				{ max-width: 250px; text-align: right; position: relative; float: right;}
	#slogan				{ padding-bottom:30px;}	
	h1 				{ font-size: 36px;}
	h2				{ font-size: 30px;}
}

@media (max-width: 780px) {
	* { width: auto; height: auto; }
	
	#menuh nav a			{ padding: 14px 7px; font-size:13px!important; width:auto;}
	#menuh nav a:hover 		{ font-size:13px!important; width:auto;}	
	#slogantop			{ font-size:32px;}
	h1 				{ font-size: 30px;}
	h2				{ font-size: 26px;}
}

/* RESPONSIVE FOR MOBILE */
@media (max-width: 640px) {
	* { width: auto; height: auto; }

	/* Structure */
	#wrapper		{ width: 100%; border: 0; }
	#middle			{ width: auto; margin: 0 15px; float: none; border: 0; padding:0;}
	#header 			{ height: 170px;}
	#header img 		{ max-width: 250px;}
	#upperbannerhome { margin-top:-5px; height:90px;}
	#upperbanner 	{ margin-top:-5px;}

	#slogantop 			{ margin-top: 90px; font-size:32px;}
	h1 					{ font-size: 24px;}
	h2					{ font-size: 20px;}

	
	/* Main Menu */
	#menubg			{ margin-top: 0; padding-bottom: 0; text-align: left; }
	#menubghome		{ margin-top:-5px; }
	#menu			{ overflow: hidden; }
	#menu nav a		{ padding: 10px 5px; font-size: 14px !important; }
	#menuh nav ul 		{ width:100%; padding:0px 4px 0 0;}

	/* Main Menu */
	#toggleMenu			{ width:100%; background: url("../images/menu-icon.png") 20px 15px no-repeat; color: #ffffff; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 15px 15px 16px 45px; cursor: pointer; text-align: left; }
	#toggleMenu:hover	{ background-color: #ed1c24; width: 100%; }

	#menuh				{ position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; font-size: 15px; background: #8a8c8f; z-index: 35; float: none; }
	#menuh nav			{ margin-top:0;}
	#menuh nav a 			{ color: #ffffff!important; }
	#menuh nav ul li		{ width: 100%; margin-right: 0;  background: #ed1c24; }
	#menuh nav ul li:hover	{ background: #ed1c24; color: #ffffff!important; }
	#menuh nav a.active	{ background: #ed1c24; color: #ffffff!important; font-weight: bold;padding: 10px 5px;  }
	#menuh nav a:hover	{ background: #ed1c24; color: #ffffff!important; font-size: 14px !important; padding: 10px 5px; }

	/* Hide Secondary Levels */
	#menuh nav ul li:hover ul { display: none; opacity: 0; visibility: hidden; }
	
	/* Left Menu */
	#leftcontainer		{ width: auto; float: none; }
	#leftcontainer ul	{ display: none; }

	/* Gallery */
	.pagegalleryimage	{ width: 19%; padding-bottom: 19%; margin: 0.5%; }

	/* Admin Area */
	#adminpage textarea,
	#adminpage select,
	#adminpage input		{ width: 100%; }
	#adminpage input[size='3']	{ width: 50px; }
	#adminpage input[type='submit']	{ width: auto; }

	/* Forces better display of page thumb editor */
	#adminpage td#subpage		{ width: 46%; display: inline-block; }
	#adminpage td#subpage table	{ width: 100%; }
	#adminpage td#subpage img	{ width: 100%; }

	/* Forces better display of page gallery editor */
	#adminpagegallery > table > tbody > tr > td,
	#adminpagegallery > table > tr > td		{ display: inline-block; width: 100%; }
	#adminpagegallery > table > tbody > tr > td > table,
	#adminpagegallery > table > tr > td > table	{ width: 100% !important; border: 0; }
	#adminpagegallery div[align='right']		{ text-align: center; }
	#adminpagegallery > form td			{ width: 19%; height: 75px; overflow: hidden; display: inline-block; }

	/* Replace parts of Site Report that wont display well on mobile with a message */
	#sr_mvp #sr_data	{ display: none; }
	#sr_mvp:after		{
		content: "This information cannot be displayed on this sized screen or device. Please view on a larger screened computer or device.";
		display: block;
		margin: 0 15px;
	}

	/* Subpages */
	.subpages div		{ width: 45%; }

	/* Contact */
	#contacttext iframe	{ width: 100%; }

	#contactform		{ width: 99%; }
	#contactright		{ width: 99%; }	
	
	.menubutton			{ width:48%;}
	
	#lower1		{ width:48%; margin-left:10px;}
	#lower2		{ width:48%;}
	#lower3		{ width:48%; margin-left:10px;}
	#lower4		{ width:48%; }
	#lower5		{ width:48%; margin-left:10px;}	
	
	#map { width: 640px!important;}
}

@media (max-width: 500px) {
	* { width: auto; height: auto; }
	
	#header				{ height:200px;}
	#header img 			{ margin-top: 50px;}
	#socialheader 		{ font-size:14px; height: 50px; }
	#socialheader img 	{ margin-top: 20px;}
	#slogantop 			{ margin-top: 120px; font-size:26px;}
	h1 					{ font-size: 24px;}
	h2					{ font-size: 20px;}
	.menubutton			{ width:100%;}
	
	#lower1		{ width:48%; margin-left:10px;}
	#lower2		{ width:48%;}
	#lower3		{ width:48%; margin-left:10px;}
	#lower4		{ width:48%; }
	#lower5		{ width:48%; margin-left:10px;}	
	
	#callus 				{ width:100%; max-width:100%; margin-top:40px;}
	
	#map { width: 380px!important;}
}	

@media (max-width: 380px) {
	* { width: auto; height: auto; }
	
	#header				{ height:200px;}
	#header img 			{ margin-top: 50px;}
	#headerimg			{ z-index: 999; position: relative;}
	#socialheader 		{ font-size:14px; z-index:999999;}
	#socialheader img 	{ margin-top: 20px;}
	#slogantop 			{ margin-top: 120px; font-size:22px;}
	h1 					{ font-size: 24px;}
	h2					{ font-size: 20px;}
	.menubutton			{ width:100%;}
	
	#lower1		{ width:98%; margin-left:10px;}
	#lower2		{ width:98%; margin-left:10px;}
	#lower3		{ width:98%; margin-left:10px;}
	#lower4		{ width:98%; margin-left:10px;}
	#lower5		{ width:98%; margin-left:10px;}
	
	#map { width: 320px!important;}	

}

@media (max-width: 320px) {
	* { width: auto; height: auto; }
	
	#socialheader { font-size:14px; height: 60px; }
	#socialheader img { margin-top:20px!important;}
	#header				{ height:220px;}
	#header img { margin-top: 70px;}
	#slogantop { margin-top: 140px; font-size: 18px;}
	
	/* Subpages */
	.subpages div		{ width: 95%; }	
	
	#map { width: 300px!important;}
}

@media (max-width: 300px) {
	* { width: auto; height: auto; }
	
	#socialheader { font-size:14px;}
	#socialhead { width:50%; margin-top: 20px; }
	#socialheader img { margin-top:20px!important; width:20px!important;}
	#header				{ height:220px;}
	#header img { margin-top: 70px; width:99%;}
	#slogantop { margin-top: 115px;}
}
/* DEBUG */

#debug		{ position: relative; padding: 10px 15px; text-align: left; background: #cfdaff; border-top: 12px solid #c4d2ff; border-bottom: 12px solid #c4d2ff; }
#debug h1	{ border: none; color: #001b51; text-transform: none; text-decoration: none; }
#debug pre	{ color: #000d27; }