/*SITE CUSTOM Stylesheet 
date created: 01/08/10  
date modified:04/25/13
author:Patricia Rorabaugh 
email:Trisha@WebDesignWorks.us
website:www.WebDesignWorks.us
phone: 561.444.7932*/



/* CONTENT LAYOUT*/

/* TEXT FORMATTING */

/* ROUNDED TABLES */

.rounded-table {
	font-size: 12px;
	border-collapse:separate;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;
	margin:0 auto ;      
}
.rounded-table tr, .rounded-table td, .rounded-table th{
vertical-align: top;
}

.rounded-table tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.rounded-table td, .rounded-table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;
	vertical-align: top;
}




.rounded-table tr:hover      {
	background-color: #E8E8FF;
	color: #000;
}
.rounded-table tr:hover {
	color: #000;
	background-color: #d8e5fa;
}

.rounded-table td p {
	padding: 0;
	margin: 0;
	line-height:16px;
}

.rounded-table th , .rounded-table tr, .rounded-table td{
	font-size: 11px;
	border-bottom: solid #032a66 1px;
	color: #333;

}.rounded-table th {
	background-color: #032a66;
	color:#fff;
	border-top: none;
	text-align:center;
}
.rounded-table td {
	color: #333;
}
.rounded-table caption{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}
table .rounded-table {
	margin-bottom: 10px;
	width: 580px;
}
.rounded-table tfoot tr td , .rounded-table tfoot tr th{
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: #F5F4F9;
}
#qrcode {
	float: right;
}
 /* FAQs */
.faqlist p{
	padding:0;
	margin:0;
}
.faqlist a{
	text-decoration:none;
	color:#444;
}
.faqlist a:hover{
	text-decoration:underline;
}
.faq h2 {
}
.faq p {
}
/* CONTACT US */
.google-maps-container {
	float: right;
	padding-left: 0px;
	width: 275px;
	text-align: right;}
#qrcode {
	float: right;
}
/* ABOUT US */
.bio {
	width: 100%;
	clear: both;
	padding-bottom: 25px;
	border-bottom: ridge#666 thin;
	height: 160px;
}
.bio img{
	float: left;
	border: solid #999 1px;
	margin: 15px 10px 15px 0;
}
#content .bio .name {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0 0;
}
#content .bio .title {
	font-size: 12px;
	font-style: italic;
	margin: 0;
	padding: 0;
}
#content .bio p {
	font-size: 12px;
	padding: 5px 0 0 0;
}


/* TAB LEADER */
.tableader {
	clear: both;
	width:500px;
	margin: 0 auto;
}	
.tableader dt{
	position:relative;
	font-weight: bold;
	padding-top: 0px;
	margin-top: 0px;
	background-image: url(/images/global/tab-leader.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tableader h2 {
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.tableader dl {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.tableader h2 a {
	text-decoration: none;
}

.tableader dt:hover {
	color: #900;
}
.tableader dt {
	clear: both;
}

.tableader dt strong{
	font-weight:bold;
	padding:0;
	background-color: #ffffff;
  padding:0.1em 0.3em 0.2em 0;
}
.tableader dt span{
	position:absolute;
	right:0;
	background:#fff;
	padding:0.1em 0 0.2em 0.3em;
	font-weight: normal;
}
.tableader dd {
	padding-bottom:10px;
}
.tableader p {
	text-align: center;
	clear: both;
}
/* IMAGE FORMATTING */

/* HOME PAGE*/
.home li {
	line-height:1em;
}
/*SLIDESHOW FULL WIDTH INCLUDING TEXT*/
.fullwidth.fadeshow2 {
	width: 1250px;
	float: left;
	text-align:center;
	font-size: 24px;
	z-index: -10;
	height: 268px;
}

.fullwidth.gallerylayer2 {
	width: 220px;
	height: 220px;
	text-align: center;
	float:left;
	position:relative;
	display:inline-block;

}
.fullwidth.fadeshow2 a {
	color: #999;
}

.fullwidth.fadeslidedescdiv{
	bottom:0;
	text-align:center;
	clear:both;
	float:left;
	position:relative;
	display:inline-block;
	
}


.filesize {
	font-size: 10px;
	color: #999;
}




div.demo, div.inner { color: #000; text-align: center; font-family: verdana, arial, sans-serif;}
div.demo  { float: left; width: 18em; padding: 20px; margin: 1em; background: #6af; }
div.inner { margin: 0; background: #ffc; padding: 10px; border:0; zoom:1;}
div.outer { float: left; margin: 15px; background: #c82; padding: 8px; width: 22em }
div.fun   { margin: 2px; }
div#readyTest { background-color: #6af; float: right; padding: 10px; height: 20px }

#abs { position: absolute; width: 200px; background: #ffa;
    padding: 5px; margin: 8px; top: 0; right: 0; text-align: center }

/* fixed height/width testing */
.box  { background-color: #6af; padding: 15px; text-align: center; margin: 25px }
#box1 { zoom:1 }                                       /* fluid (zoom for layout) */
#box2 { height: 150px;  }                              /* fixed height */
#box3 { width:  300px; margin:auto }                   /* fixed width */
#box4 { height: 150px; width: 300px; margin:auto }     /* fixed height and width */

div.plain  { background-color: #6af; text-align: center; }
b { color: #f44 }


div.desc { margin: 10px }

header div.social-media {
	text-align:right;
	clear:both;
	padding-top:5px;
}
.social-media img{
	padding:1px;
}
::selection {
color: white;
background-color: white;
}

::-moz-selection {
color: white;
background-color: white;
}
.admin #main {
	text-align:center;
}
.admin #sidebar, .admin .tagline{
	display:none;
}
.admin #content {
	width:875px;
	background-color:#fff;
	margin:0 auto;
	float:none;
}


/* CERTIFICATIONS*/
 table.certifications, table.certifications  tr,  table.certifications th,  table.certifications td{
	border:none;
	border-collapse:collapse;
}
/* HOME PAGE FEATURED ITEMS*/
div.featured {
	width: 100%;
	overflow: hidden;
	text-align: center;
	clear:both;
	padding-bottom: 15px;
	margin-bottom:10px;
}
.featured.four .f1, 
.featured.four .f2, 
.featured.four .f3,
.featured.four .f4{
	width: 23%;
	padding: 0;
	font-size: 12px;
	float: left;
	background-color: #EEE;
	text-align: left;
	display: inline-block;
	overflow:visible;
}
.featured.three .f1, 
.featured.three .f2, 
.featured.three .f3{
	width: 31%;
	padding: 0;
	font-size: 12px;
	float: left;
	background-color: #EEE;
	text-align: left;
	display: inline-block;
	overflow:visible;
}
.featured.two .f1, 
.featured.two .f2{
	width: 48%;
	padding: 0;
	font-size: 12px;
	float: left;
	background-color: #EEE;
	text-align: left;
	display: inline-block;
	overflow:visible;

}
.featured .f1{
	margin-right:1%;
	margin-left: 0%;
}
 

.featured .f2,
.featured .f3,
.featured .f4 {
	margin-left: 1%;
	margin-right: 1%;
}
.featured.two .f2{
	margin-left:1%
}
.featured.two .f2, .featured.three .f3, .featured.four .f4{
	margin-right: 0%;
}


.featured div.f1, 
.featured div.f2,
.featured div.f3,
.featured div.f4{
	border:#900 groove thin;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	 border-radius: 8px; 
	 -khtml-border-radius: 8px;
	 -o-border-radius: 8px;	
	 behavior: #fff url(/includes/css/PIE.htc);
	-pie-background: #fff;
}

/*.featured img 
{
	width: 75px;
	height: 150px;
	float: left;
	display: block;
	border-right: solid #fff 4px;
}*/


.featured h2
{
	font-size: 18px;
	line-height:1em;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding:8px 0 5px 0;
	margin: 0;
	letter-spacing:.08em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#900;
	-webkit-border-top-left-radius: 8px;
	-khtml-border-radius-topleft: 8px;	
	-moz-border-radius: 8px  8px 0 0;
	-o-border-radius-top-left: 10px;
	border-radius: 8px 8px 0 0;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-radius-topright: 8px;	
	-o-border-radius-top-right: 8px;	
	behavior: #900 url(/includes/css/PIE.htc);
}
.featured h2,
.featured .more
{
 background-color: #630609; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #f2b8b9 0%, #630609 32%, #630609 62%, #a00b0f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2b8b9), color-stop(32%,#630609), color-stop(62%,#630609), color-stop(100%,#a00b0f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2b8b9 0%,#630609 32%,#630609 62%,#a00b0f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2b8b9 0%,#630609 32%,#630609 62%,#a00b0f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2b8b9 0%,#630609 32%,#630609 62%,#a00b0f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2b8b9 0%,#630609 32%,#630609 62%,#a00b0f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630609', endColorstr='#a00b0f',GradientType=0 ); /* IE6-8 */
	behavior: url(includes/css/PIE.htc);	
	-pie-background: #630609 url(/images/global/gradient-fix.png) repeat-x top center;  	
	 behavior: #630609  url(/includes/css/PIE.htc);

}


.featured ul  {
	padding: 5px;
	height: 100px;
	width: auto;
	margin-top: 0px;
	line-height: 1.3em;
	text-shadow: none;
	margin-left:25px;
}
.featured ul  li{
	margin: 0;
	padding: 0;
	color: #333;
	list-style-position: outside;
}
.featured ul li a{
	color: #333;
	text-decoration: none;
}


.featured .more  
{
	height: 20px;
	width: 90px;
	float: right;
	display: block;
	color: #FFF;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom:5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	 border-radius: 4px; 
	 -khtml-border-radius: 4px;
	 -o-border-radius: 4px;
	
}
.featured .more:hover a,
.featured .more:hover,
.featured .more a:hover{
	color: yellow;
}
.featured .more a , .featured .more a:hover{
	color: #FFF;
	text-decoration: none;
}
/* SERVICE ITEMS*/
.items img {
	float:left;
}
			
/* ============================================ */
/* Header text visibility + text logo            */
/* ============================================ */

header.v1 .tagline,
header.v1 .tagline a {
  color: #ffffff !important;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

header.v1 #contact,
header.v1 #contact p,
header.v1 #contact .call-today {
  color: #ffffff !important;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

header.v1 #contact .phone {
  color: #ff4444 !important;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

header.v1 .certifications a,
header.v1 .certifications strong,
header.v1 .certifications strong a {
  color: #ffffff !important;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

header.v1 .home-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 345px;
  height: 100px;
  z-index: 10;
}

header.v1 .home-link a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}

header.v1 .home-link a::before {
  content: "PURECOAT";
  position: absolute;
  top: 20px;
  left: 10px;
  color: #ffffff;
  font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 4px;
  line-height: 1;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
}

header.v1 .home-link a::after {
  content: "INTERNATIONAL, LLC";
  position: absolute;
  top: 68px;
  left: 10px;
  color: #ff4444;
  font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 5px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

img[src*="logo.jpg"] {
  display: none !important;
}

/* === March 15 polish === */

/* Hide the "PURECOAT INTERNATIONAL, LLC" home-link text overlay */
header.v1 .home-link,
header.v1 .home-link a {
  display: none !important;
}

/* Servicing tagline - dark red */
header.v1 .tagline,
header.v1 .tagline a {
  color: #8b0000 !important;
  text-shadow: none !important;
  font-weight: bold;
  font-style: italic;
}

/* Call Today - dark navy */
header.v1 #contact .call-today,
header.v1 #contact p {
  color: #001a4d !important;
  text-shadow: none !important;
}

header.v1 #contact .phone {
  color: #8b0000 !important;
  text-shadow: none !important;
  font-weight: bold;
}

/* AS9100D + NADCAP Scope text - dark red */
header.v1 .certifications a,
header.v1 .certifications strong,
header.v1 .certifications strong a {
  color: #8b0000 !important;
  text-shadow: none !important;
}

/* RFQ button - show the request quote image */
.rfq-button {
  background-image: url(/images/global/request-quote.png) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  height: 75px !important;
  width: 150px !important;
  display: block !important;
  margin: 10px auto !important;
}

.rfq-button:hover {
  background-position: center bottom !important;
}

.rfq-button a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  cursor: pointer !important;
}