body {
	font-size: 1em;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

p,li {line-height:140%;}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
footer {
  margin-top: auto;
}

/**************** header *****************************/
.header {background-color:#ffffff;}
.banner {
	width:1200px;
	margin:auto;
	display:grid;
	grid-template-columns: minmax(min(100%, 180px),1fr) 1fr;
	column-gap: 16px;
	align-items: center;
}
.phone {
	font-size: clamp(1em, 0.6875em + 1.25vw, 1.625em);
	text-align:right;
}
.phone a	{font-size:1em;text-decoration:none;cursor:default;color:#333333;white-space:nowrap;}	
.phone a:hover	{color:#333333;}

/**************** footer *****************************/

.footer {background-color:#000;color:#ffffff;}
.footerInfo	{width:1200px;margin:auto;padding:20px 0 30px 0;}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;}

.footerBase	{width:1200px;margin:auto;padding: 10px 0;color: #ffffff;line-height:140%;}
.footerLeft	{width:66%;float: left;font-size:0.563em;}
.footerRight {width:33%;float: right;text-align:right;font-size:0.563em;}
.footerBase a {font-size: 0.563rem;color:#ffffff;}
.footerBase a:hover	{color:#dedede;}

/**************** content *****************************/

/* layout */

main {
	background-image: url('/extras/styles/webideas/bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-top:30px;
	background-size:cover;
}
.middle {
	padding: 30px; 
	width:1200px;
	margin:auto;
	background:rgba(255,255,255,0.9);
}
.center {text-align:center;}

a {color: #000000;}
a:hover {color: #cc0000;}
a img	{border:0;}

h1 {font-size: 1.775em;color:#003a8c;font-weight:400;margin-top:10;}
h2 {font-size: 1.525em;color:#355e98;font-weight:500;margin-bottom: 6px;}
h3 {font-size: 1.125em;color:#355e98;font-weight:500;}
h4 {font-size: 1.000em;color:#355e98;font-weight:500;}
h5 {font-size: 1.000em;color:#ffffff;font-weight:600;margin-top:0;}

p, ul, li{margin-top:0;}
.formRequired {color:#cc0000;font-size:0.625rem;}

.linkButton, .dataForm .button, .addToCart .button {
	display: inline-block;
	padding: 9px 24px;
	background-color: #273363;
	border: 1px solid #273363;
	color: #ffffff;
	min-width: 180px;
	font-size: 1.000rem;
	text-decoration: none;
	border-radius: 20px;
	text-align: center;
	font-weight: 400;
	transition: ease 0.3s;
	-webkit-appearance: none;
}
.addToCart .button {cursor:pointer;}

.linkButton:hover, .dataForm .button:hover, .addToCart .button:hover {
	background-color: #ffffff;
	color:#273363;
}

/********** Contact Form Rework ******************/

.dataForm input[type="text"], .dataForm textarea {
  padding: 10px 6px;
  border-radius: 6px;
  border: 1px solid #bbbcbd;
  -webkit-appearance: none;
}

.dataForm .button {
  display: inline-block;
  padding: 10px 24px;
  background: #04257d;
  border: 2px solid #04257d;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.938rem;
  transition: ease 0.3s;
  min-width: 125px;
  font-family:Arial, Helvetica, sans-serif;
  
}

.dataForm .button:hover {
  background: #ffffff;
  color: #04257d;
}