body {
	font-family:'Helvetica Neue', 'Roboto', Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	line-height:16pt;
	color:#000000;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	}

/* Main Standard Style Categories	*/
hr { height: 1px; }
p,a,td,li  { color: #000000; }
p {	padding: 3pt 0; }
p.mini { font-size:8pt; line-height:10pt; padding:0; }
label {	font-weight: 500; }
h1 { font-size:18pt; line-height:20pt; font-weight:bold; color:#0C324D; }
h2 { font-size:14pt; line-height:16pt; font-weight:bold; color:#0C324D; }
h3 { font-size:12pt; line-height:14pt; color: #0C324D; }
li { list-style: disc; list-style-position:inside; }

/* Replacement for HR	*/
div.rule { position:relative; width:100%; height:2px; border-radius:1px; background-color:#A0A0A0; padding:0; margin:5px 0; }

/* Standard links */
a { font-size:11pt; text-decoration:none; color: #0C324D; font-weight:bold; }
a:hover { font-size:11pt; text-decoration:underline; transition: 0.2s ease; }
a:active { font-size:11pt; text-decoration:underline; transition: 0.2s ease; }

table { padding:0; margin:0; }
tr { padding:0; margin:0; }
td { padding:0; margin:0; }

/* Full-Width Container for Menu */
div#top { position:relative; width:100%; border-collapse:collapse; background-color:#FFFFFF; padding:0; margin:0; }

/* Menu-Area Container (max 1280 wide) */
div#menu { position:relative; width:100%; max-width:1280px; height:80px; border-collapse:collapse; padding:0; margin:0 auto; }
/* Top-Left Company Logo	*/
img#logo { position:absolute; display:block; width:228px; height:80px; padding-left:15px; left:0; top:0; margin:0; }
/* Full Width Menu */
div#menu1-section { position:absolute; display:block; left:260px; right:80px; top:0; bottom:0; 
					border-collapse:collapse; padding:0; margin:0 auto; }
table#menu1 { border-collapse:collapse; width:100%; padding: 0 20px; margin:0; }
table#menu1 tr { padding:0; margin:0; }
table#menu1 td { vertical-align:central; height:80px; padding: 0 10px; margin:0; }
table#menu1 td:hover { background:center no-repeat; background-clip:padding-box; background-position:center; background-size:20px 80px;
						background-image:url(images/menu-highlight.png); }
table#menu1 td:active { background:center no-repeat; background-clip:padding-box; background-position:center; background-size:20px 80px;
						background-image:url(images/menu-highlight.png); }
table#menu1 a { display:inline-block; }

/* Drop-Down Menu Icon 			*/
div#menu_icon { position:absolute; display:none; width:24px; height:24px; padding:12px; top:0; bottom:0; right:16px; margin:auto; cursor:pointer; }
/* Drop-Down Supplementary Icon */
div#menu_supp { position:absolute; display:none; width:24px; height:24px; padding:12px; top:0; bottom:0; right:16px; margin:auto; cursor:pointer; }

/* Drop-Down Menu */
div#menu2 { position:absolute; display:none; width:auto; border:none; box-shadow:2px 2px 10px; top:60px; right:20px; z-index:1; }
div.menubutton { position:relative; display:block; width:auto; border:solid; border-width:1px; border-radius:0px; border-color:#0C324D;
	background-color:#E8E8F0; padding:2px; margin:0px auto; cursor:pointer; }
div.menubutton a { display:inline-block; font-size:10pt; padding:0 1em; right:0; margin:auto; }
div.menubutton a:hover { font-size:10pt; }
div.menubutton a:active { font-size:10pt; }

/* Banner Area	*/
div#banner { position:relative; width:100%; max-width:1280px; overflow:hidden; margin:0 auto; }
div#banner h1 { font-size:30pt; line-height:32pt; font-weight:600; color:#FFFFFF; text-align:right; padding:0; margin:0; }
div#banner h2 { font-size:12pt; line-height:14pt; font-weight:400; color:#FFFFFF; text-align:right; padding:30px 0 0 0; margin:0; }

/* Picture Banner */
div#img-frame { position:relative; width:100%; max-width:1280px; padding-bottom:39%; }
img#banner { position:absolute; width:100%; max-width:1280px; top:0; left:0; right:0; bottom:0; content:url(images/b01.jpg); }
img#banner-d33 { position:absolute; width:100%; max-width:1280px; top:0; left:0; right:0; bottom:0; content:url(images/b03.jpg); }
img#banner-dh {	position:absolute; width:100%; max-width:1280px; top:0; left:0; right:0; bottom:0; content:url(images/b02.jpg); }
div#slogan { position:absolute; right:3%; top:10%; padding:0px; margin:0; text-align:right;
	-webkit-animation:slip 0.5s;
	-webkit-animation-timing-function:ease-in-out;
	animation:slip 0.5s; 
	animation-timing-function:ease-in-out;
}
div#slogan-d33 { position:absolute; right:3%; bottom:7%; padding:0px; margin:0px; text-align:right; 
	-webkit-animation:slip 0.5s; 
	-webkit-animation-timing-function:ease-in-out;
	animation:slip 0.5s; 
	animation-timing-function:ease-in-out;
}
div#slogan-dh { position:absolute; right:3%; bottom:10%; padding:0px; margin:0px; text-align:right; 
	-webkit-animation:slip 0.5s; 
	-webkit-animation-timing-function:ease-in-out;
	animation:slip 0.5s; 
	animation-timing-function:ease-in-out;
}

/* Title animation */
@-webkit-keyframes slip { from { right:-500px; } to { right:3%; } }
@keyframes slip { from { right:-500px; } to { right:3%; } }

/* Banner Text	*/
div#textbanner { position:relative; display:block; height:100px;
	border-collapse:collapse; background-color:#0C324D; }
div#textbanner h1.title { position:absolute; display:block; font-size:30pt; line-height:32pt; font-weight:normal; color:#FFFFFF; 
	left:20px; top:30px; bottom:30px; margin:auto; }

h2.bodybanner { font-size:12pt; line-height:14pt; font-weight:500; color:#0C324D; text-align:left; padding:10px 0 0 0; margin:0; }


/* Main Layout */
div#maincontent { position:relative; display:block; width:100%; max-width:1280px; padding:0; margin:0 auto; }
div.sub { position:relative; }
div.column {
	position:relative;
	min-width:200px;
	max-width:640px;
	padding:0 20px;
	vertical-align:top;
	margin:0 auto;
}
div.column1x {
	position:relative;
	min-width:200px;
	padding:0 20px;
	align-content:center;
	margin:0 auto;
}

/* File List Table 	*/
table.filelist { display:block; width:auto; max-width:500px; margin:0 auto; align-self:center; 
  border:solid; border-width:2px; border-color:#000000; }
table.filelist td {
	display:table-cell;
	font-size:10pt;
	background-color:#F0F0F4;
	border:solid; border-width:1px; border-color:#000000;
	padding:0 5px;
}

/* Contact Page Extras	*/
div.dropmenu { display:block;
	position:relative; 
	min-width:20em;
	font-size:10pt; 
	font-weight:bold;
	color:#0C324D;
	border:solid;
	border-width:1px;
	border-radius:5px;
	border-color:#0C324D;
	background-color:#E8E8F0;
	padding:2px 10px 2px 10px; 
	margin:3px 0;
	cursor:pointer;
}
div.name { position:relative; width:auto; top:0px; left:0px; margin:auto; }
div.plus { position:absolute; width:16px; top:4px; right:10px; margin:auto; }
div.dropmenu img { display:inline; width:16px; height:16px; padding:0px; margin:0px; }
div.wrap {overflow:hidden; padding:0; margin:0; }
div.address { display:block; line-height:12pt; font-weight:500; max-width:540px; padding:0 20px; margin:0; overflow:hidden; height:0; }
div.address table { padding:5pt 0; margin:0; }
div.address td { vertical-align:top; padding:0; margin:0; }
div.address h3 { padding:9pt 0 3pt 0; margin:0; }
div.address p { padding:5pt 0 5pt 0; margin:0; }
span.drop-text { display:inline-block; }
img.icon { display:inline-block; width:12pt; height:12pt; padding:0 8px; margin:0 auto; }
img.exp-icon { display:inline-block; width:16px; height:16px; padding:0; margin:0 auto; }

/* Contact Form entries */
div#contactform { position:relative; display:table; font-size:10pt; padding:0; margin:0; }
div.contactrow  { position:relative; display:table-row;  width:auto; left:0; right:0; padding:0; margin:0; }
div.contactcell { position:relative; display:table-cell; width:auto; left:0; right:0; padding:0; margin:0; vertical-align:top; }
div.contactrow1x { position:relative; display:block; width:auto; left:0; right:0; margin:0 auto; }
div.contactrow1c { position:relative; display:block; width:auto; left:0; right:0; margin:0 auto; }
div.formbuttons { position:relative; display:block; 
	width:200px;
	width:-webkit-fit-content; 
	width:-moz-fit-content;
	width:fit-content;
	height:auto;
	left:0; right:0; padding:0; margin:0 auto; }

div.contactcell label { display:inline; font-size:10pt; top:0; margin:0 0.5em 3pt 0; }
div.contactcell select { display:inline-block; box-sizing:border-box; font-size:inherit; width:100%; left:0; right:0;
	padding:1pt 2px; margin:0 0 3pt 0; 
	border:solid; border-width:1px; border-radius:3px; background-color:#F0F0F4; }
div.contactcell input[type=text] { display:inline-block; box-sizing:border-box; font-size:inherit; height:16pt; width:100%; left:0; right:0;
	padding:1pt 2px; margin:0 0 3pt 0;
	border:solid; border-width:1px; border-radius:3px; background-color:#F0F0F4; }
div.contactcell input[type=text].half { width:50%; }
div.contactcell textarea { display:inline-block; box-sizing:border-box; font-family:inherit; font-size:10pt; width:100%; left:0; right:0;
	padding:1pt 2px; margin:0 0 3pt 0;
	border:solid; border-width:1px; border-radius:3px; background-color:#F0F0F4; resize:none; }
div.formitem { display:inline-block; font-size:10pt; margin: 0 0 3pt 0; }
input[type=submit] { display:inline; margin:10px; font-size:10pt; border:solid; border-width:1px; border-radius:3px; }
input[type=reset] { display:inline; margin:10px; font-size:10pt; border:solid; border-width:1px; border-radius:3px; }

/* Copyright Notice	*/
div.copyright {	display:block; width:100%; bottom:0; padding: 3px 0; text-align:center; background-color:#404040; color: #FFFFFF; }
div.copyright p { font-size:8pt; line-height:0; color: #C0C0C0; }

/* Two Column Layout & Big Menu */
@media (min-width: 861px) {
	div#maincontent { max-width:1280px; }
	div.sub { display:table-row; }
	div.column { display:table-cell; width:50%; } 
	div.column1x { display:block; }
	table#menu1 { display:table; }
	div#menu_supp { display:block; }
	div#menu_icon { display:none; }
	div#menu2 { display: none; }
}
@media (max-width: 860px) {
	div#maincontent { max-width:640px; }
	div.sub { display:block; }
	div.column { display:block; }
	div.column1x { display:block; }
	table#menu1 { display:none; }
	div#menu_supp { display:none; }
	div#menu_icon { display:block; }
}

/* Changes for retina layout	*/
@media (-webkit-min-device-pixel-ratio: 1.25),
	   (  -min--moz-device-pixel-ratio: 1.25),
	   (   -moz-min-device-pixel-ratio: 1.25),
	   (    -ms-min-device-pixel-ratio: 1.25),
	   (     -o-min-device-pixel-ratio: 1.25/1),
	   (        min-device-pixel-ratio: 1.25),
	   (                min-resolution: 120dpi),
	   (                min-resolution: 1.25dppx) {
	img#logo { content: url("images/PIEZOTEST Logo with Subtitle HD.png"); }
}
/* Full Size Images */
@media (min-width: 641px) {
	img#banner { content:url(images/b01.jpg); }
	img#banner-d33 { content:url(images/b03.jpg); }
	img#banner-dh { content:url(images/b02.jpg); }
	img#logo { padding-left:15px; }
}
/* Shrink Images and Title Text */
@media (max-width:640px) {
	img#banner { content:url(images/b01_2.jpg); }
	img#banner-d33 { content:url(images/b03_2.jpg); }
	img#banner-dh { content:url(images/b02_2.jpg); }
	img#logo { padding-left:5px; }
	div#banner h1 { font-size:15pt; line-height:16pt; }
	div#banner h2 { font-size:8pt; line-height:8pt; }
	div.column { padding-left:10px; padding-right:10px; }
	div.column1x { padding-left:10px; padding-right:10px; }
}
/* Collapse Contact Form */
@media (max-width:500px) {
	div#contactform { display:block; width:100%; }
	div.contactrow1x { display:block; width:auto; max-width:360px; left:0; right:0; padding:0; margin:0 auto; }
	div.contactrow1c { display:block; width:auto; max-width:360px;left:0; right:0; padding:0; margin:0 auto; }
	div.contactrow { display:block; width:auto; max-width:360px;left:0; right:0; padding:0; margin:0 auto; }
	div.contactcell { display:block; width:auto; max-width:360px;left:0; right:0; padding:0; margin:0 auto; }
}

/* Shrink Images Again */
@media (min-width:321px) {
	img#design1 { content:url(images/design1.jpg); }
	img#design2 { content:url(images/design2.jpg); }
	img#dhsystem { content:url("images/dh Test System Web.jpg"); }
	img#dhpressure { content:url("images/dh Pressure Head.jpg"); }
	h2.bodybanner { display:none; }
}
@media (max-width:320px) {
	img#banner { content:url(images/b01_3.jpg); }
	img#banner-d33 { content:url(images/b03_3.jpg); }
	img#banner-dh { content:url(images/b02_3.jpg); }
	img#design1 { content:url(images/design1_2.jpg); }
	img#design2 { content:url(images/design2_2.jpg); }
	img#dhsystem { content:url("images/dh Test System Web 2.jpg"); }
	img#dhpressure { content:url("images/dh Pressure Head 2.jpg"); }
	h2.bodybanner { display:inline-block; }
}