/*
-----------------------------------------------
-------------------------- */


body {
  background: #FFFFFF;
  background-image: none;
  margin: 4px;
  padding: 0px;
  text-align: center;
  font-size: 11px;
  line-height: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  }

  

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

a:link { text-decoration: none; color:#4499aa;}
a:visited { text-decoration: none; color:#4499aa;}
a:hover { color:#5B5A5A; text-decoration: underline; }  
a:active {color: red; }


/* =Main
----------------------------------------------- */

#main
{
margin: auto;
width: 950px;
}


/* =Header
----------------------------------------------- */
.headertop
{
display: block;
width: 950px;
float: left;
}


.headerimg
{
float: left;

}

.headermain
{
float: left;
margin-bottom: 10px;
}

.headerline
{
float: left;
padding-bottom: 10px;
}



.headline
{
display:block;
}

/* =Navigation
----------------------------------------------- */


#navigation
{
width: 250px;
position: relative; 
padding: 0px; 
margin: 0px; 
float: left;
}

.navimg
{
float: left;
padding-bottom: 7px;
}


ul.navitems
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

li.navig
{
list-style-type: none;
float: left;
}


a.navmenu:link
{
display: block;
font-size: 11px;
color: #000000;
background-color: #f0eee3;
width: 220px;
text-align: left;
text-decoration: none;
border-width: thin;
margin: 1px 0px 5px 0px;
padding: 1px 0px 2px 0px;
}

a.navmenu:visited
{
display: block;
font-size: 11px;
color: #000000;
background-color: #f0eee3;
width: 220px;
text-align: left;
text-decoration: none;
border-width: thin;
margin: 1px 0px 5px 0px;
padding: 1px 0px 2px 0px;
}

a.navmenu:hover
{
background-color: #d2caa2;
}

a.navmenu:active
{
background-color: #d2caa2;
}

a.navlink:link
{
display: block;
font-size: 11px;
color: #a67d1c;
background-color: #f0eee3;
width: 220px;
text-align: left;
text-decoration: none;
border-width: thin;
font-weight: bold;
margin: 1px 0px 5px 0px;
padding: 1px 0px 2px 0px;
}

a.navlink:visited
{
display: block;
font-size: 11px;
color: #000000;
background-color: #f0eee3;
width: 220px;
text-align: left;
text-decoration: none;
border-width: thin;
font-weight: bold;
margin: 1px 0px 5px 0px;
padding: 1px 0px 2px 0px;
}


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


#content
{
width: 700px;

padding: 0px; 
margin: 0px; 
float: left;
}

.pagetitle
{
width: 550px;
float: left;
margin-bottom: 7px;
}

p.topmaintext
{
font-size: 13px;
font-family: Helvetica, Arial, Sans-serif;
color: #323030;
line-height: 20px;
text-decoration: none;
text-align: left;
margin: 5px 7px 12px 0px;
}

.headmaintext
{
font-size: 13px;
font-family: Helvetica, Arial, Sans-serif;
color: #323030;
line-height: 20px;
text-decoration: none;
font-weight: bold;
text-align: left;
padding: 0px; 
margin: 0px; 
}

p.lowmaintext
{
font-size: 13px;
font-family: Helvetica,Arial,Sans-serif;
color: #323030;
line-height: 20px;
text-decoration: none;
text-align: left;
margin: 0px 57px 36px 0px;
}





p.botmaintext
{
font-size: 13px;
font-family: Helvetica,Arial,Sans-serif;
color: #323030;
line-height: 20px;
text-decoration: none;
text-align: left;
margin: 0px 57px 5px 0px;
}

p.vidmaintext
{
font-size: 13px;
font-family: Helvetica,Arial,Sans-serif;
color: #323030;
line-height: 20px;
text-decoration: none;
text-align: left;
margin: 27px 57px 5px 0px;
}


H1
{
color: #4f4f4f;
font-family: Helvetica, Georgia, Verdana, Arial, Geneva, sans-serif;
text-align: left;
font-size : 35px;
line-height: 42px;
margin: 0px;
padding-bottom: 12px;
letter-spacing: 1px;
}



H5
{
color: #556b2f;
font-family: Helvetica, Georgia, Verdana, Arial, Geneva, sans-serif;
text-align: center;
font-size : 16px;
font-weight: lighter;
line-height: 1.3em;
padding: 0px;
margin: 0px;
}

H6
{
color: #005abb;
font-family: Helvetica, Georgia, Verdana, Arial, Geneva, sans-serif;
text-align: left;
font-size : 13px;
font-weight: lighter;
line-height: 1.3em;
padding: 0px;
margin-bottom: 15px;
}




H4
{
color: #a02827;
font-family: Helvetica, Georgia, Verdana, Arial, Geneva, sans-serif;
font-size : 17px;
font-weight: bold;
font-style: normal;
text-align: left;
margin: 9px 0px 6px 0px;
padding: 0px;
}





.reference
{
width: 550px;
float: left;
}


.referenceimg
{
margin: 10px 0px 35px 0px;
float: left;
}

.midbanner
{
width: 550px;
float: left;
}

.midplugins
{
width: 550px;
margin: 0px 30px 35px 120px;
float: left;
}


.midbannerimg
{
margin: 20px 0px 45px 0px;
float: left;
}

.midbannerpriv
{
margin: 20px 0px 45px 34px;
float: left;
}

.clients
{
width: 550px;
float: left;
}


.clientsimg
{
margin: 8px 0px 25px 0px;
float: left;
}


.sitemap
{
width: 550px;
padding: 0px; 
margin: 0px; 
text-align: left;
}

ul.uget
{
font-size: 1.2em;
font-family: Helvetica,Arial,Sans-serif;
color: #000;
text-decoration: none;
text-align: left;
list-style-type: square;
line-height: 20px;
padding: 0px;
margin: 0px 0px 25px 40px;
}

ul.listings
{
font-size: 1.0em;
font-family: Helvetica,Arial,Sans-serif;
color: #993300;
text-decoration: none;
text-align: left;
list-style-type: square;
line-height: 15px;
padding: 0px;
margin-left: 15px;
margin-top: 0px;
}

.orderbanner
{
width: 550px;
float: left;
}


.orderbannerimg
{
margin: 10px 0px 15px 30px;
float: left;
}


.submenu
{
display: inline;
list-style-type: none;
}









.submenuimgtopa
{
display:inline;
float: left;
margin: 8px 50px 6px 0px;
}


.submenuimgtopb
{
display:inline;
float: left;
margin: 8px 50px 6px 0px;
}


.submenuimgtopc
{
display:inline;
float: left;
margin: 8px 0px 6px 0px;
}





.social
{
display:block;
float:left;
}






.fastenersa
{
width:190px;
font-family: Helvetica,Arial,Sans-serif;
color: #000000;
text-align: left;
padding: 0px 0px 0px 10px;
}


.fastenersb
{
width:190px;
font-family: Helvetica,Arial,Sans-serif;
color: #000000;
text-align: left;
padding: 0px 0px 0px 10px;
}


.fastenersc
{
width:190px;
font-family: Helvetica,Arial,Sans-serif;
color: #000000;
text-align: left;
padding: 0px 0px 0px 10px;
}








.products
{
width:700px;
}


.boltimg
{
float:left;
width:310px;
display:inline;
margin: 0px 80px 40px 0px;
}

.boltimgr
{
float:left;
width:310px;
display:inline;
margin: 0px 0px 40px 0px;
}


.bolttxt
{
float:left;
font-size: 13px;
font-weight:bold;
width:310px;
display:inline;
font-family: Helvetica,Arial,Sans-serif;
color: #000000;
}


.bolttxtr
{
float:left;
font-size: 13px;
font-weight:bold;
width:310px;
display:inline;
font-family: Helvetica,Arial,Sans-serif;
color: #000000;
margin-left:80px;
}







.submenuimgbot
{
float: left;
margin: 5px 25px 20px 25px; 
}


.paratoptext
{
width: 550px;
font-size: 1.2em;
font-family: Helvetica,Arial,Sans-serif;
color: #993300;
text-align: left;
list-style-type: square;
line-height: 20px;
padding: 0px;
margin: 13px 100px 1px 20px;
float: left;
}


li.parahead
{
float: left;
font-family: Helvetica,Arial,Sans-serif;
color: #993300;
text-align: left;
padding-left: 1px;
}











.video
{
width: 464px;
height: 261px;
margin: 25px 0px 25px 10px;
}



/* =samples page
----------------------------------------------- */

.slogsampimg
{
float: left;
}

.slogsampimglast
{
float: left;
margin: 0px 0px 30px 0px;
}

.samples
{
width: 550px;
float: left;
}

#portfolio
{
width: 770px;
padding: 0px; 
margin: 0px; 
position: relative;
float: right;
}

.portsection
{
width: 770px;
padding: 0px; 
margin: 0px;
}

.portfolioslogs
{
display: inline;
width: 256px;
}

.portfoliotitle
{
width: 550px;
float: left;
margin-bottom: 7px;
margin-right: 220px;
}

.portfoliosubtitle
{
width: 770px;
font-size : 12px;
font-weight: bold;
font-family: Verdana, Arial, Geneva,Helvetica,sans-serif;
color: #32450c;
line-height: 17px;
text-decoration: none;
text-align: center;
margin: 1px 0px 10px 0px;
}

.portfoliovideos
{
width: 770px;
margin: 10px 0px 50px 140px;
}


.sampleimagesleft
{
float: left;
margin-top: 0px; 
margin-bottom: 15px; 
}

.sampleimagesmid
{
margin-top: 0px; 
margin-bottom: 15px; 
}

.sampleimagesright
{
float: right;
margin-top: 0px; 
margin-bottom: 15px; 
}

.separatorline
{
margin-top: 5px; 
margin-bottom: 28px; 
}


.slogcatalogleft
{
width: 275px;
text-align: left;
float: left;
padding-bottom: 10px;
}

.slogcatalogright
{
width: 275px;
text-align: left;
float: right;
padding-bottom: 10px;
}

a.slogcat:link
{
font-size: 0.9em;
font-family: Verdana, Helvetica, Arial, Sans-serif;
color: #5d5959;
}

a.slogcat:visited
{
font-size: 0.9em;
font-family: Arial, Helvetica, Verdana, Sans-serif;
color: #5d5959;
}

/* =Right section
----------------------------------------------- */

#rightimgs
{
width: 220px;
position: relative; 
float: right;
}

#rightwebsites
{
width: 220px;
position: relative; 
margin-top: 0px; 
float: left;
padding: 10px 0px 20px;
}


.rightimg
{
float: right;
margin-top: 12px; 
}


.rightsection
{
display: block;
font-size: 11px;
font-family: Verdana, Arial, Geneva,Helvetica,sans-serif;
color: #686c6b;
line-height: 17px;
text-decoration: none;
text-align: center;
font-style: italic
}



.mainrightimg
{
float: right;
margin-bottom: 30px; 
}


.rightimgc
{
float: right;
margin: 0px; 
}


.rightimgbot
{
float: right;
margin-top: 0px; 
margin-bottom: 35px; 
}


.rightline
{
float: right;
margin: 0px 0px 3px 0px; 
}


.rightimgb
{
float: right;
margin: 15px 0px 5px 0px; 
}


.reviewtable
{
width: 200px;
background-color: #F1FCE4;
float: right;
margin-top: 20px;
margin-bottom: 5px;
padding-bottom: 10px;
}

li.revpoints
{
float: left;
margin: 5px 10px 5px 25px;
font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
font-size : 11px;
color: #000;
text-align: left;
list-style-image: url('images/arrowbullet2.gif');
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 1px;
}

ul.rev
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

h2
{
font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
font-size : 14px;
text-align: left;
line-height: 18px;
margin: 3px 0px 5px 4px;
padding: 0px;
color: #218295;
float: left;
}


.starreview
{
float: left;
margin-left: 1px;
margin-right: 1px;
}

.reviewimage
{
margin: 0px;
}





/* =Footer
----------------------------------------------- */

#footer
{
width: 950px;
position: relative; 
clear: both;
}

#fbimg
{
float: left;
}


.bottline
{
width: 950px;
padding-top: 20px;
}


.bottommenu
{
display: inline;
list-style-type: none;
width: 950px;
background-color: #ffffff;
font-size: 9px;
font-family: verdana,arial,helvetica;
color: #888888;
padding: 0px;
margin: 0px;
}


a.nav:link { text-decoration: none; color:#888888;}
a.nav:visited { text-decoration: none; color:#888888;}
a.nav:hover { color:#5B5A5A; text-decoration: underline; }  
a.nav:active {color: red; }


.googleplusone
{
width: 450px;
float: left;
padding-bottom: 10px;
}

.facebooklink
{
width: 275px;
float: right;
padding-bottom: 10px;
}

.recommend
{
width: 200px;
float: left;
padding-left: 50px;
margin: 0px;
}

.recommendhor
{
width: 220px;
margin: 0px;
padding: 25px 0px 0px 20px; 
display: inline;
float: left;
}

.recommendmidright
{
width: 220px;
margin: 0px;
padding: 0px; 
display: inline;
}

.recommendhome
{
width: 220px;
margin: 0px;
padding: 5px 0px 7px 0px; 
display: inline;
float: left;
}

.recommendmid
{
width: 220px;
margin: 0px;
padding: 2px 20px 12px 0px; 
display: inline;
}

.recommendvert
{
width: 200px;
float: left;
padding-bottom: 10px;
margin: 0px;
}

.reclong
{
width: 550px;
float: right;
padding-bottom: 15px;
}



/* =reviews form
----------------------------------------------- */
H3
{
color: #A27729;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size : 15px;
text-align: left;
margin: 4px 0px 0px 4px;
padding: 0px;
border: none;
line-height:1.667;
}

.reviewform
{
background-image:url('images/bg3.jpg');
float:left;
width:420px;
position:relative;
padding:10px;
margin: 0 120px 30px 0;
border: 1px solid #e1e1e1;
border-top:1px solid #ece9e6;
border-bottom:1px solid #A5A19D;
}


fieldset
{
border-style:none;
padding: 0;
margin: 0;
}

legend
{
display:none;
}


.trans
{
display:none;
}

.formtitlel
{
color:#A27729;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
line-height: 24px;
font-size: 13px; 
font-weight: bold;
text-align:left;
padding: 5px 0 0 2px;
border:none;
margin:0;
}


.required
{
color:#5D5959;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 9px;
line-height: 24px;
text-align:left;
margin:0 0 15px 4px;
padding:0;
}


.forment
{
width:420px;
float: left;
}

.labelform
{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 0.846em;
line-height: 22px;
color: #000;
width: 55px;
float: left;
text-align:right;
height: 20px;
margin: 0 0 5px 0;
}


.large
{
width: 275px;
height: 20px;
float: right;
margin: 0 20px 5px 0;
border: 1px solid #c6c6c6;
background-color: #fff;
}

input:active {
border: 1px solid #E6780E;
  }
input:hover {
border: 1px solid #E6780E;
  }

textarea.textinputmain
{
width: 275px;
border: 1px solid #c6c6c6;
margin: 0 20px 5px 0;
height:75px;
background-color:#fff;
float: right;
}


.asteriskimg
{
margin-left:5px;
padding: 0;
border:none;
}


input.butform
{
width:110px;
height:25px;
float:left;
border: none;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 0.846em;
background-color:#988e8e;
color:#F4ECF8;
font-weight:bold;
padding-bottom: 3px;
margin: 0 0 0 220px;
}


.astimg
{
width: 7px;
float: left;

}


.rightcontact
{
display: block;


}


.rightmaintext
{
font-size: 13px;
font-family: Helvetica,Arial,Sans-serif;
color: #323030;
line-height: 20px;
text-decoration: none;
text-align: left;
margin:0;
padding: 5px 0 0 50px;
}