@import url(//fonts.googleapis.com/css?family=Lato:400,700);
@import url(//fonts.googleapis.com/css?family=Oswald);
/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div {display:block;position:relative;padding:0;margin:0;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/*
Interferes with other .left and .right styles
 .left {float:left;}.right {float:right;}

 */

/* ================================================= Text & Links */
body, div, select, textarea, input {
	font: 14.5px 'Lato', Arial, Helvetica, sans-serif;
	color:#3d5567;
	text-shadow: #3d5567 0px 0px 0.02em;
}
/*

  PLYQC WILL HANDLE ITS OWN LINKS
  
a {
	color:#939799;
	text-decoration: underline;
}
a:hover {
	color:#939799;
	text-decoration: none;
}

   NO BUTTONS ON PLYQC

a.btn {
	font: 15px 'Oswald', Georgia, 'Times New Roman', Times, sans-serif;
	letter-spacing: 0.05em;
	padding: 12px 18px;
	background: #3d5567;
	color: #fff;
	text-shadow: #fff 0px 0px 0.02em;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}
a.btn:hover { color: #939799; text-shadow: #939799 0px 0px 0.02em; }

*/


h1, h2, h3, h1 a, h2 a, h3 a, legend {
	color:#3d5567;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Oswald', Georgia, 'Times New Roman', Times, sans-serif;
	letter-spacing: 0.05em;
}
h1 {
	margin:0 0 2px;
	font-size: 24px;
}
h2 {
	margin: 0 0 6px;
	font: bold 19px 'Lato', Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0.01em;
}
h3 {
	margin: 0 0 5px;
	font-size: 17px;
	color: #939799;
	text-shadow: #939799 0px 0px 0.02em;
}
p {margin:0 0 1em;line-height:1.5em;}
ul,ol{margin:0 0 1em 14px;padding: 0;}
ul li, ol li{line-height:1.3em;margin: 0 0 6px;padding: 0;}
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:5px;border:1px solid #ccc;background:#fff;}
figure.right{margin:0 0 5px 15px;}
figure.left{margin:0 15px 5px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 15px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px dashed #ccc;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
	background:#fff;
}
.pagewidth {
	margin: 0 auto;
	background: #fff;
	width: 920px;	
	padding:16px 16px 0 16px;
}
#wrapper {
	width: 100%;
	float: left;
	border-top: 3px solid #3d5567;
}
.home #wrapper {
	min-height: 596px;
	overflow: hidden;
	border: none;
}
#leftcol{float:left;z-index: 2;
	width:230px;
	background:#ccc;
}
#maincol{float: left;z-index: 1;
	width: 100%;
	padding: 0; }
.home #maincol { background-color:#FFF; top:0px; left:-16px; padding:0px 16px 0px 16px; }

/*   padding-top: 60px; margin-top:-47px; ========================================================== Header */
header.heady {
	z-index: 3;
	width: 100%;
	float: left;
	background:transparent;
	height: 111px;
}
header.heady .pagewidth {
	height: 111px;
}
header.heady h1 {margin:0;position:absolute;
	top:12px;
	left:0;
}

/* ========================================================== Content */

#page-image {
	width: 100%;
	height: 234px;
	text-align: center;
	margin: -50px 0 0;
	background-size: cover; 
}
.home #page-image {
	position: absolute;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
}
#page-image img {
	width: 100%;
}
.welcome-block {
	width: 100%;
	overflow: hidden;
	margin: 0 0 74px;
}
.welcome-block:after {
	background: #3d5567;
	content: '';
	display: block;
	width: 2px;
	position: absolute;
	left: 636px;
	top: 0;
	bottom: 0;
}
.welcome-block section {
	width: 600px;
	float: left;
}
.welcome-block section p {
	line-height: 1.2em;
	margin: 0 0 16px;
}
.welcome-block aside {
	width: 280px;
	float: right;
	margin: 0 10px 0 0;
	padding: 37px 0 0;
	text-align: center;
}

/* .washed { background-color:rgba(255,255,255,0.33); padding: 0px 0px 8px 8px; } */

.home-btns {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}
.home-btns a {
	width: 160px;
	height: 65px;
	font: 18px 'Oswald', Georgia, 'Times New Roman', Times, sans-serif;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	margin: 0 0 20px 30px;
	padding: 65px 0 30px;
	color: #fff;
	text-shadow: #fff 0px 0px 0.02em;
	position: relative;
	background: #3d5567;
	background: rgba(61,85,103,0.7);
	background-position: center 30px;
	background-repeat: no-repeat;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.home-btns a.structures { background-image: url('/img/icons/icon-home.png'); }
.home-btns a.products { background-image: url('/img/icons/icon-bp.png'); }
.home-btns a.testings { background-image: url('/img/icons/icon-test.png'); }
.home-btns a.listing { background-image: url('/img/icons/icon-list.png'); }
.home-btns a.library { background-image: url('/img/icons/icon-books.png'); }
.home-btns a span {
	display: block;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home-btns a:before {
	display: block;
	content: '';
	border: 2px solid #fff;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 5px;
	bottom: 5px;
	right: 5px;
}
.home-btns a:first-child { margin-left: 0; }
.home-btns a:hover {
	background-color: #939799;
	background-color: rgba(147,151,153,0.7);
}


/* ========================================================== Footer */
footer.footy {
	width: 100%;
	float: left;
	padding: 35px 0 20px;
	background: url('/img/decor/footer-bg.png') no-repeat center 5px;
	background-size: 100% 8px;
}
footer.footy .logo-holder {
	width: auto;
	float: right;
	max-width: 49%;
}
footer.footy .logo-holder img {
	float: left;
	margin: 0 0 0 10px;
}
footer.footy h3 {
	font-size: 14px;
	line-height: 28px;
	float: left;
	color: #3d5567;
}
footer.footy p{
	margin: 0 0 5px;
	font-size: 12px;
	color: #3d5567;
}
footer.footy p#copy {
	font-size: 10px;
	color: #d2dade;
	text-shadow: #d2dade 0px 0px 0.02em;
	margin: 0;
}
footer.footy p#copy a {
	color: #d2dade;
}

/* ================================================ Horizontal Menu */
#hnav {clear:both;float:right;width:auto; max-width: 770px;margin:0;padding:0;position:absolute;
   	bottom: 0; right: -10px;
}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left;}
#hnav ul li a {display:block;margin:0;
   	padding:14px 10px 14px 10px;
   	font: 14px/1em 'Oswald', 'Times New Roman', Times, Georgia, sans-serif;
   	text-decoration:none;
   	text-transform: uppercase;
   	color:#3d5567;
   	letter-spacing: 0.04em;
}
#hnav ul li a:hover, #hnav ul li:hover a {
   	color:#939799;
   	text-shadow: #939799 0px 0px 0.02em;
}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
	width:124px;
    /*-webkit-transition: top .2s ease, opacity .2s ease;-moz-transition: top .2s ease, opacity .2s ease;-o-transition: top .2s ease, opacity .2s ease;transition: top .2s ease, opacity .2s ease;*/
}
#hnav ul ul li {padding:0;width:100%;background:#3d5567; height: 55px; margin: 0 0 4px;position: relative;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
	line-height: 1.4em;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	color:#fff; 
	text-shadow: #fff 0px 0px 0.02em;
	padding: 12px 8px;
	text-align: center;
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
   	color:#939799;
   	text-shadow: #939799 0px 0px 0.02em;
}
#hnav ul li:hover > ul{left:-21px;height:auto;opacity:1;
top:42px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}
#hnav ul ul ul {opacity:0;left:-888em;top:100px; padding: 4px; background: none;}
#hnav ul ul ul li { height: auto; margin: 0; background: #3d5567;}
#hnav ul ul ul li a, #hnav ul ul li:hover ul li a{
	text-transform: capitalize;
	margin: 0;
	letter-spacing: 0;
	top: 0;
    transform: translateY(0);
}
#hnav ul li:hover ul li:hover a{ 
	color:#939799;
	text-shadow: #939799 0px 0px 0.02em;
}
#hnav ul ul li:hover ul{left:124px;height:auto;opacity:1;
top:-4px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}
#hnav ul li:hover ul li:hover li a { color: #fff; text-shadow: #fff 0px 0px 0.02em;}
#hnav ul li:hover ul li:hover li a:hover{ color: #939799; text-shadow: #939799 0px 0px 0.02em;}


/* =========================================================== Forms */

/*
   WHACKS PLYQC FIELDSETS WITH BORDERS
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
color:#000;             /* Input Text Color */
text-shadow: #000 0px 0px 0.02em;
display: block;
width: 96.5%;
background: #fff;
border: 2px solid #ccc; /* Input Border */
padding:.25em .5em;
font-weight:bold;
border-radius:5px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
form.lj .submit {
background:#eee;        /* Submit Colors */
color:#000;
text-shadow: #000 0px 0px 0.02em;
border: 2px solid #ccc;
font-weight:bold;
display:inline;margin:0 2em 1em 0;width: auto;}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{display: block;margin-bottom: 1em;}
form.lj label.f3{float:left;width:33.3%;}
form.lj label.f3 input{width:90%;}
form.lj label.f2{float:left;width:50%;}
form.lj label.f2 input{width:93%;}
form.lj .first{padding-top: 1em;}
form.lj select{width:auto;}
/* form table,form h2{margin-left:0;margin-right:0;} MESSES WITH TABLE LAYOUT NEEDED BY PLYQC  */
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}
*/

/* ========================================================= Alerts */
h3.alert, h3.alertyes, h3.alertwarn{font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000; text-shadow: #000 0px 0px 0.02em;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
h3.alert{background: #fcc;border-color:#c00;}
h3.alertwarn{background: #ffc;border-color:#ff3;}
h3.alert:before, h3.alertyes:before, h3.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;text-shadow: #fff 0px 0px 0.02em;height:100%;line-height:2em;}
h3.alertyes:before{content:'✓';background:#0c0;padding:0px 8px 0px 6px;}
h3.alertwarn:before{content:'i';background:#ff3;color:#000;text-shadow: #000 0px 0px 0.02em;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;} 

/* ========================================================= Printer */
 @media print{
#leftcol, nav{display:none;}
body,#pagewidth,#maincol,#wrapper,footer.footy,header.heady,header.heady h1,#footer p{width:100%;float:none;background:none;padding:0;}
p, li, footer.footy p, footer.footy p a{color:#666;text-shadow: #666 0px 0px 0.02em;}
header.heady,header.heady h1, header.heady h1 a{ width: auto; height:auto; position:static;top:0;left:0;}
header.heady h1{ margin-bottom:1em;}footer.footy{margin-top:1em;}
footer.footy p#credit{position:static;top:0;right:auto;}
}