/*! normalize.css 2011-09-22T17:42 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


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

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Addresses excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Corrects inner padding displayed oddly in S5, Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Corrects inner padding and border displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

div {
	z-index: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*Opera Fix*/
body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;/
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
body{ font-family: arial, sans-serif; font-size: 12px; line-height: 18px; }





/* */
/* ==========================================================================================================================================================
   BEGIN Page One Web Solutions Code
   ========================================================================== */
/* */
html, body {height: 100%;}
#wrap{ min-height: 100%; }
body{ height: 100%; font-family: Arial, Sans-serif; background: #f4f4f4 url('images/bgtile.jpg') repeat-x 0 -5px; text-align: center; }
#page{ width: 1000px; text-align: left; margin: 0 auto; overflow: visible; padding-bottom: 131px; }
#main{ display: block; position: relative; }
#cont{ padding: 5px 15px; margin-top: 0; background: url('images/contmid.jpg') repeat-y top left; display: block; overflow: visible; }
#conttop{ display: block; width: 1000px; height: 11px; background: url('images/conttop.jpg') no-repeat top left; }
#contbottom{ display: block; width: 1000px; height: 11px; background: url('images/contbottom.jpg') no-repeat top left; }
#subtxt{ width: 100%; }
.col1{ padding: 10px; background: #fff; border: 4px solid #fff; display: block; }
.col2-left{ padding: 5px 20px; background: #fff; width: 64%; float: left; border: 4px solid #fff; }
.col2-right{ padding: 10px; background: #fff; width: 27%; float: right; border: 4px solid #fff; }
/* head */
#topbar{ height: 31px;  margin-bottom: 15px; line-height: 35px; display: block; position: relative; overflow: hidden; }
#emailphone{ float: right; color: #fff; font-size: 11px; font-style: italic; }
#emailphone a{ color: #fff; font-size: 14px; font-style: normal; font-weight: bold; }
#emailphone a:hover{ color: #9CF; }
#phone{ color: #fff; font-size: 16px; font-style: normal; font-weight: bold; }
#logo{ width: 100%; height: 70px; display: block; overflow: hidden; text-indent: -999px; background: url('images/header2.jpg') no-repeat 0 0; }
.page-id-56 #logo{ background: url('images/header.jpg') no-repeat 0 0 !important; }
/*#tsearch { float: left; line-height: 31px; }
#tsearch label{ display: none; }
#tsearch input{ border: none; padding: 0 5px; margin: 0; height: 20px; line-height: 20px; }
#tsearch .field{ background: #727272; border: 1px solid #fff; color: #fff; font-size: 11px; }
#tsearch .submit{ background: #fff; color: #000; height: 22px; line-height: 22px;  }*/

#tsearch label{ display: none; }
#searchform {width:214px; height:37px; background:url(images/search_alt.png) no-repeat; position:relative; float:left; top: 3px; }
#s {border:none; background:none; position:absolute; top:5px; left:15px; width:145px;}
#searchsubmit {border:none; background:none; width:40px; height:37px; position:absolute; top:0; right:0; cursor:pointer; display: block; overflow: hidden; text-indent: -999px; }

#branding{ display: block; z-index: 999; position: relative; }
#access ul{ margin: 0; padding: 0; height: 32px; width: 1000px;  }
#access ul li{ float: left; }
#access ul li a{ height: 32px; line-height: 32px; display: block; overflow: hidden; text-indent: -999px; background: url('images/header.jpg') no-repeat 0 -70px; }
#access ul li a#ahome{ width: 159px; background-position: 0 -70px; }
#access ul li a#aabout{ width: 159px; background-position: -159px -70px; }
#access ul li a#afasteners{ width: 159px; background-position: -318px -70px; }
#access ul li a#aproducts{ width: 159px; background-position: -478px -70px; }
#access ul li a#acontact{ width: 159px; background-position: -638px -70px; }
#access ul li a#aquote{ width: 205px; background-position: -795px -70px; }
#access ul li a#ahome:hover, #access ul li a#ahome.hovered{ width: 159px; background-position: 0 -102px !important; }
#access ul li a#aabout:hover, #access ul li a#aabout.hovered{ width: 159px; background-position: -159px -102px !important; }
#access ul li a#afasteners:hover, #access ul li a#afasteners.hovered{ width: 159px; background-position: -318px -102px !important; }
#access ul li a#aproducts:hover, #access ul li a#aproducts.hovered{ width: 159px; background-position: -478px -102px !important; }
#access ul li a#acontact:hover, #access ul li a#acontact.hovered{ width: 159px; background-position: -638px -102px !important; }
#access ul li a#aquote:hover, #access ul li a#aquote.hovered{ width: 205px; background-position: -795px -102px !important; }
#access :hover > a.linkclass, #access ul :hover > a.linkclass {}
.aaaquote{ display: block; height: 46px; width: 282px; background: url('images/cta.jpg'); overflow: hidden; text-indent: -999px;  }
.aaaquote:hover{ background-position: 0 -46px; }
#access .dropdown { width: auto; display:none; position: absolute; top:32px; left:0px; z-index:9999; border: 5px solid #4c4c4c; background: #3a3a3a; height: auto; line-height: 0; }
#access .dropdown li{ width: auto; float: none; margin: 0; line-height: 0;}
#access .dropdown li a{ display: inline-block; padding: 10px 10px; line-height: 18px; margin: 0; height: auto; text-indent:0; background: none; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; width: 220px; font-weight: bold; font-size: 14px; text-decoration: none; color: #fff; }
#access .dropdown li a:hover{  background: #0f63a3; }
#access li {list-style:none; position:relative;}
#access .dropdown .dropdown{ top: 0; left: 235px; width: 240px; }
/*slide/quote*/
#slidewrap{ width: 1000px; height: 294px; position: relative; display: block; overflow: hidden;}
#slidewrap img{ display: block; }
#quote{ position: absolute; left: 0; top: 0; display: none; width: 1000px; background: #fff; z-index: 4; color: #003e6e; overflow: hidden; }
#quotewrap{ width: 960px; margin: 0 auto; }
#quote h2{ display: block; border-bottom: 1px solid #fff; padding: 10px 0 10px 55px; margin: 0; background: #0b3658; color: #fff;}
.promo_slider{ height: auto !important; }
.promo_slider_wrapper{ margin: 0 !important; }
#qleft{ float: left; width: 480px; border-right: 1px dotted #999; padding-top: 10px; margin-bottom: 30px; }
#qright{ float: right; width: 479px; padding-top: 10px; }
#quote input, #quote textarea{ border: 0px; background: #fff; border: 1px solid #055796; color: #0b3658; padding: 5px; }
#quote input:focus, #quote textarea:focus{ border: 1px solid #093; }
#quote p{ text-align: left; border-bottom: 1px dotted #999; padding: 12px 0; margin: 0; padding-left: 35px; line-height: 28px; display: block; font-size: 12px; } 
#quote input{ width: 200px; float: right; margin-right: 35px;  }
#quote input[type=file]{width:413px; float: none; margin: 3px auto; }
.wpcf7-textarea{ height: 69px; width: 429px; }
.qsubmit{ margin: 0; padding: 0 0 1px 0 !important; display: block; text-align: center !important; }
#quote #qright .qsubmit input{ background: #fff; color: #0b3658; width: 165px; line-height: 35px; text-align: center; font-size: 16px; font-weight: bold; margin: 7px auto; padding: 0; float: none; }
.fleft{ float: left; }
/*bottom grid*/ 
#bgrid{ width: 100%; display: block; height: 243px; overflow: hidden; padding-top: 3px;}
#bgrid ul{ margin: 0; padding: 0; list-style-type: none; }
#bgrid ul li{ float: left; background: url('images/bgridshadow.jpg') no-repeat 0px 0px; margin: 3px;}
#bgrid ul li a{ width: 230px; position: relative; height: 119px; display: block;  background: url('images/bgrid.jpg') no-repeat; overflow: hidden; text-indent: -999px; }
#bgrid .top{ margin-top: 0 !important; }
#bgrid .left{ margin-left: 0 !important; }
#bgrid .bottom{ margin-bottom: 0 !important; }
#bgrid .right{ margin-right: 0 !important; }
#bgrid a.bfast{ background-position: 0 0; }
#bgrid a.bsafe{ background-position: -251px 0; }
#bgrid a.bvinyl{ background-position: -503px 0; }
#bgrid a.bfiber{ background-position: -755px 0; }
#bgrid a.bvulcanized{ background-position: 0 -124px; }
#bgrid a.bvege{ background-position: -251px -124px; }
#bgrid a.bmetal{ background-position: -503px -124px; }
#bgrid a.bfabrics{ background-position: -755px -124px; }
/*footer*/
#colophon{ font-size: 11px; height: 71px; color: #fff; padding-top: 60px; width: 100%; background: url('images/foottile.jpg') repeat-x top left; margin-top: -131px; clear: both; position: relative; }
#motto, #divider, .motto{ display: block; }
#motto{ background: url('images/mottobg.jpg') no-repeat bottom left; 
position: relative; width:1000px; height: 422px; }
.motto{ padding: 20px; position: relative; width:1000px; height: 130px; margin-top: 20px; z-index: 4;}
#largemotto{ padding-left: 33px;
width: 265px;
height: 70px;
padding-top: 153px;
position: relative;
text-align: center;
font-size: 17px;
font-style: italic;
font-family: "Arial Black", arial, sans-serif;}
#smallmotto{ 
position: absolute;
right: 0;
top: 20px;
padding-right: 24px;
width: 634px;}
#shadow{ width: 1172px; left: -75px; top: -13px; z-index: 0; position: relative; }

#colophon a{ color: #fff; }
/*body*/
h1{ color: #1f5680; font-size: 28px; line-height: 35px; text-transform: capitalize; font-variant: small-caps; display: block; border-bottom: 1px solid #1f5680; }

.ui-tabs-nav a:hover {color:#fff;}

/*widgets*/
h3.widget-title{ color: #1f5680; font-size: 18px; text-transform: capitalize; font-variant: small-caps; display: block; border-bottom: 1px solid #1f5680; }
.textwidget p{ font-size: 12px; line-height: 18px; }
.addy{ text-align: center; }
.textwidget{ padding-bottom: 18px; border-bottom: 1px dotted #999; margin-bottom: 25px; }
.widget_search label{ display: none; }
.widget_search input{ width: 200px; float: left; font-size: 12px; }
.widget_search input.submit{ width: 56px; border: 0; padding: 0 2px; margin: 0; color: #fff; background: #0b3658; line-height: 21px;  }
/*contact us page*/
#post-14 .wpcf7{ width: 470px; float: right; height: 500px; border-left: 1px dotted #999;  }
#post-14 .wpcf7 p{ padding-left: 30px; }
#post-14 h3.widget-title{ padding-left: 30px; line-height: 35px; border-bottom: 1px solid #999; }
.search-results article.status-publish{ display: block; padding: 20px; margin: 15px 0; background: #f4f3f3; border: 1px solid #e5e5e5; }