/* page layout */

	@font-face {
	  font-family: 'Nunito';
	  src: url('../fonts/Nunito-Regular.ttf');
	}
	@font-face {
	  font-family: 'Nunito';
	  src: url('../fonts/Nunito-Italic.ttf');
		font-style: italic;
	}
	@font-face {
	  font-family: 'Nunito';
	  src: url('../fonts/Nunito-Bold.ttf');
		font-weight: bold;
	}
	
	html { 
		font-family: 'Nunito', sans-serif;
		height: 100%;
		font-size:18px;
	}
	
	body {
		height: 100%;
		margin: 0px;
		min-height: 100%;
		text-align: center;
		background-color: #fffcfc;
		background-image: url("../img/background-body.png");
	}
	
	div.header {
		background: url('../img/background-header.jpg') no-repeat center #eee;
		background-size: cover;
		padding:20px 0px 10px 0px;
	}
	
	div.header img {
		max-width:300px;
		width:100%;
		height:auto;
	}
	
	div.main {
		max-width:800px;
		margin:auto;
		padding:20px;
		color:#5b5b5b;
		text-align:left;
	}

	/* page styles */

	h1 {
		font-size:2em;
		color:#00204b;
	}

	h2 {
		color:#ffffff;
		background-color:#00204b;
		padding:20px;
		text-align:center;
	}

	h3 {
		font-size:1.4em;
		color:#00204b;
		padding-bottom:5px;
		border-bottom:1px dotted #00204b;
	}

	div.msg {
		background-color:rgba(190, 194, 198, 0.25);
		padding:15px;
		border-left:6px;
		border-left-color:#bec2c6;
		border-left-style:solid;
		color:#282828;
	}

	div.msg2 {
		background-color:rgba(56, 163, 0, 0.25);
		padding:15px;
		border-left:6px;
		border-left-color:#38a300;
		border-left-style:solid;
		color:#092300;
	}

	ol.directions {
		margin-left:18px;
		padding-left:0px;
		color:#000000;
	}

	ol.directions > li {
		padding:10px 0px !important;
	}

	ol.directions li:first-child {
		padding-top:8px;
	}

	ol.directions li {
		padding:4px 0px;
	}

	ol.directions img {
		width:100%;
		height:auto;
		margin:15px 0px 10px 0px;
/* 		border:5px solid white; */
	}
	
	div.footer {
		font-size:13px;
		color:#7f7f7f;
		padding:10px 0px;
	}
	
	/* buttons and links */
	
	button {
		font-family: 'Nunito', sans-serif;
		display:block;
		width:100%;
		font-size:20px;
		font-weight:bold;
		color:#00204b;
		background-color:#e2e2e2;
		padding:15px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border:1px solid #aeaeae;
		text-align:center;
		margin:15px 0px;
		cursor:pointer;
		vertical-align:top;
	}	

	button:hover {
		background-color:#eeeeee;
		border:1px solid #c7c7c7;
	}

	button.normal {
		display:inline;
		background:none;
		border:none;
		font-size:inherit;
		font-weight:normal;
		margin:0px;
		padding:0px;
		width:auto;
		color:#326CA6;
	}

	a:link,
	a:visited {
		color:#326CA6;
	}
	
	/* form */
	
	input[type="text"],
	input[type="tel"] {
		font-family: 'Nunito', sans-serif;
		font-size:20px;
		box-sizing:border-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #d5d5d5;
		margin:2px 0px 10px 0px;
		padding:10px;
		width:100%;
	}
	
	input[type="submit"] {
		font-family: 'Nunito', sans-serif;
		color:#dfe6ed;
		font-size:18px;
		font-weight:bold;
		width:100%;
		text-decoration: none;
		text-align: center;
		padding: 15px 13px 15px 13px;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border:none;
		background-color: #002048;
		white-space:nowrap;
		margin-top:10px;
		border:2px solid #000000;
		cursor:pointer;
	}

	/* sales map */
	
	table.sales_map {
		margin:auto;
		text-align:left;
	}
	
	table.sales_map-table {
		margin-left:5px;
	}
	
	table.sales_map-table td {
		width:1%;
		white-space:nowrap;
		padding:0px !important;
		font-size:15px !important;
	}
	
	table.sales_map-table a {
		font-size:15px !important;
	}
	
	table.sales_map-table a[href^="tel:"] {
	  text-decoration: none !important;
		font-weight:bold;
		color:#666666;
	}
	
	img.sales_map-img {
		max-width:300px;
		width:100%;
		height:auto;
		padding:10px 50px 10px 10px;
	}
	
	.dot {
	  height: 20px;
	  width: 20px;
	  border-radius: 50%;
	  display: inline-block;
		margin:5px 2px 0px 0px;
	}
	
	.map-orange {
	  background-color: #f7901e;
	}
	
	.map-green {
	  background-color: #009d4f;
	}
	
	.map-grey {
	  background-color: #767676;
	}
	
	.map-red {
	  background-color: #ea2227;
	}
	
	.map-purple {
	  background-color: #7a4196;
	}
	
	.map-aqua {
	  background-color: #00acc2;
	}
	
	.map-navy {
	  background-color: #0e4557;
	}
	
	.map-ltblue {
	  background-color: #b2c4be;
	}
	
	.map-black {
	  background-color: #000000;
	}
	
	.map-btgreen {
	  background-color: #bed63a;
	}
	
	img.map-mexico {
	  width:20px;
		height:20px;
		vertical-align:middle;
		margin:0px 5px 5px 0px;
	}

	/* media queries */

	@media ( max-width : 600px) {
		html { 
			font-size:16px;
		}
		h1 {
			font-size:1.5em;
			margin:10px 0px;
		}
		table.sales_map td {
			display:block;
		}
		table.sales_map-table td {
			display:table-cell;
		}
	}
	
	@media \0screen {img { width: auto !important } }
	
	@media ( max-width : 700px) {
	
	}