@charset "UTF-8";
img, object, embed, video {max-width: 100%;}
a[href^=tel] {color:inherit;text-decoration:none;}
/* IE 6 does not support max-width so default to width 100% */
body {background: #BCC5C3;font-family:Arial, Helvetica, sans-serif;text-align:justify;}
#footnote {font-size:0.9em;}
.ie6 img {width:100%;}
.fluid {clear: both;margin-left: 0;width: 100%;float: left;display: block;}
.fluidList {list-style:none;list-style-image:none;margin:0;padding:0;}
#knockoutbox {
	width: 92%;
	background: #000000;
	color: #FFFFFF;
	padding: 10px 10px 10px 15px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	margin-bottom: 20px;
	text-align: center;
	margin-left: 0;
	margin-right: auto;}
#knockoutbox a{color:#ffffff!important;text-decoration:underline;}
#knockoutboxred a{color:#ffffff!important;text-decoration:underline;}

#knockoutboxred {
	width: 92%;
	background: #006;
	color: #FFFFFF;
	padding: 10px 10px 10px 15px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	margin-bottom: 20px;
	text-align: center;
	margin-left: 0;
	margin-right: auto;}
.google-maps {position: relative;padding-bottom: 75%; // This is the aspect ratioheight: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
/* Mobile Layout: 480px and below. */
#name {width:100%;background-color:#BCC5C3;}
#strapline {width:100%;background-color:#BCC5C3;height:30px;text-align:left;color:#C00;float:left;font-size:1em;}
#hideright {display: none;}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	clear: none;
	float: none;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	line-height:1.8em;}
#top img {
	display: block;
	margin-left: auto;
	margin-right: auto;}
#MainNav {text-align: center;}
.MenuItem {
	margin-bottom: 4px;
	text-align: center;
	color: #FFF;
	background-color:#000;
	width: 100%;
	margin-left: 0;
	clear: both;
	display: block;}
.MenuItem a{color:white;text-decoration:none;}
.MenuItem a:hover{color:white;text-decoration:underline;display:block;}
H1 {font-size:1.1em;color:#FFF;font-weight:normal;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}
H2 {font-size:1.0em;color:#000;font-weight:normal;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}
h3,h4,h5,h6 {font-size:1em;color:#000;font-weight:bold;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}
#footer {text-align:center;margin-top:10px;font-size:1em;background-color:#BCC5C3;color:#000;}
.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}
#leftcolumn {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	word-wrap:break-word;}
#rightcolumn {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 94%;
	display: block;}
#rightcolumn a{text-decoration:none;color:#006;}
#rightcolumn a:hover{text-decoration:underline;}
#contactonlycolumn {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 93%;
	display: block;
	margin-top:20px;}
#contactonlycolumn a{text-decoration:none;color:#006;}
#contactonlycolumn a:hover{text-decoration:underline;}
#strapline {width:100%;background-color:#BCC5C3;height:30px;text-align:left;color:#C00;float:left;font-size:1.1em;}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
#name {width:55%;background-color:#BCC5C3;height:60px;float:left;}
#hideright {width:45%;float:right;display:initial;background-color:#BCC5C3;height:60px;text-align:right;}
#hiderightphone {font-size:1.2em;color:#FFF;font-weight:normal;padding: 10px 0px 0px 0px;margin: 0px 0px 0px 0px;}
#hiderightaddress {font-size:1em;color:#000;font-weight:normal;padding: 0 0 0 0;margin: -5px 0px 0px 0px;}
#strapline {width:100%;background-color:#BCC5C3;height:30px;text-align:left;color:#C00;float:left;font-size:1.1em;}
.gridContainer {
	width: 94%;
	clear: none;
	float: none;
	margin-left: auto;
	background-color:#FFF;}
.MenuItem {
	width: 14%;
	clear: none;
	margin-left: 0.33%;
    background-color:#000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:1em;
    line-height:1.5em;}
.MenuItem a{color:white;text-decoration:none;}
.MenuItem a:hover{color:white;text-decoration:underline;display:block;}
H1 {font-size:1.2em;color:#FFF;font-weight:normal;padding: 10px 0px 0px 0px;margin: 0px 0px 0px 0px;}
H2 {font-size:1.1em;color:#000;font-weight:normal;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}
h3,h4,h5,h6 {font-size:1.1em;color:#000;font-weight:bold;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}
.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}
#leftcolumn {
	clear: both;
	float: left;
	margin-left: 3%;
	width: 23%;
	display: block;
	background:#F2F5F5;
	margin-top:12px;
	padding-left:2%;
	padding-top:20px;
    padding-bottom:20px;
	word-wrap:break-word;}
#leftcolumn a{text-decoration:none;color:#00C;}
#leftcolumn a:hover{text-decoration:underline;}
#rightcolumn {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 67%;
	display: block;
	margin-top:12px;}
#rightcolumn a{text-decoration:none;color:#006;}
#rightcolumn a:hover{text-decoration:underline;}
#contactonlycolumn {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 93%;
	display: block;
	margin-top:20px;}
#contactonlycolumn a{text-decoration:none;color:#006;}
#contactonlycolumn a:hover{text-decoration:underline;}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
#footer a {text-decoration:none;color:#00C;font-size:1.2em;}	
#footer a:hover {text-decoration:underline;}	
#name {width:60%;background-color:#BCC5C3;height:60px;float:left;}
#hideright {width:40%;float:right;background-color:#BCC5C3;height:60px;text-align:right;}
#hiderightphone {font-size:1.5em;color:#FFF;font-weight:normal;padding: 10px 0px 0px 0px;margin: 0px 0px 0px 0px;}
#hiderightaddress {font-size:1.2em;color:#000;font-weight:normal;padding: 0 0 0 0;margin: -3px 0px 0px 0px;}
#strapline {width:100%;background-color:#BCC5C3;height:30px;text-align:left;color:#C00;float:left;font-size:1.1em;}
.gridContainer {
	width: 95%;
	max-width: 1200px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color:#FFF;}
#MainNav {text-align:center;}
.MenuItem a{color:white;text-decoration:none;}
.MenuItem a:hover{color:white;text-decoration:underline;display:block;}
.MenuItem {
width: 14%;
clear: none;
margin-left: 0.333%;
display: block;
background-color:#000;
margin-top: 0px;
margin-bottom: 0px;
font-size:1em;
line-height:1.8em;}
H1 {font-size:1.2em;color:#FFF;font-weight:normal;padding: 10px 0px 0px 0px;margin: 0px 0px 0px 0px;}
H2 {font-size:1.1em;color:#000;font-weight:normal;padding: 0 0 0 0;margin: -5px 0px 0px 0px;}
h3,h4,h5,h6 {font-size:1.4em;color:#000;font-weight:bold;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
#leftcolumn {
	clear: both;
	float: left;
	margin-left: 3%;
	width: 23%;
	display: block;
	background:#F2F5F5;
	padding-left:2%;
    margin-top:20px;
	padding-top:10px;}
#leftcolumn a{text-decoration:none;color:#00C;}
#leftcolumn a:hover{text-decoration:underline;}
#rightcolumn {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 67%;
	display: block;
	margin-top:20px;}
#rightcolumn a{text-decoration:none;color:#006;}
#rightcolumn a:hover{text-decoration:underline;}
#contactonlycolumn {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 93%;
	display: block;
	margin-top:20px;}
#contactonlycolumn a{text-decoration:none;color:#006;}
#contactonlycolumn a:hover{text-decoration:underline;}
}