/* Default Settings
----------------------------------------------- */
html, body {
border:0;
margin:0 auto;
padding:0;
text-align:center;
}

body {
font:100%/1.3 Helvetica, Arial, arial, sans-serif;
background: #fff url(/cssimages/bg.gif) repeat-x center top;
border-top:2px solid #1e8dc5;
color:#555;
text-align:center;
}

body.rfq { text-align:left; margin:0; color:#3b3b3b; }

p { margin: 0.5em 0; }

em { font-style:italic; }
strong { font-weight:bold; }

h1, h2, h3, h4, h5, h6, h7 {
font:1em/1.1 Helvetica, Arial, arial, sans-serif;
margin:0 0 .5em 0;
}

h1 {
color:#1690c8;
font-size:2em;
}

h2 {
color:#1690c8;
font-weight:bold;
font-size:1.5em;
}

h3 {
display:block;
width:100%;
margin:20px 0 10px 0;
padding: 0 0 5px 0;
color:#1690c8;
font-weight:bold;
font-size:1.2em;
border-bottom: 1px dotted #1690c8;
}

h4 {
display:block;
padding: 0;
margin:2px;
color:#777;
font-weight:bold;
font-size:1.2em;
}

h5 {
display:block;
width:100%;
margin:20px 0 10px 0;
color:#1690c8;
font-weight:bolder;
font-size:0.9em;
}


.black 	{ color:#000; } 	.black-border 	{ border-bottom: 2px dotted #000; }
.blue 	{ color:#1690c8; }	.blue-border 	{ border-bottom: 2px dotted #1690c8; }
.orange 	{ color:#ff8f0b; }	.orange-border 	{ border-bottom: 2px dotted #ff8f0b; }

/* Links
----------------------------------------------- */
a, a:link, a:visited { text-decoration:none; color: #2b2b2b; }
a:hover { text-decoration:none; color:#000; }

#content a, #content a:link, #content a:visited { text-decoration:none; color: #1690c8; font-weight:bold; border-bottom:1px dotted #1690c8; padding:0 0 2px 0; }
#content a:hover { text-decoration:none; color:#1690c8; border-bottom:2px solid #1690c8; padding:0 0 1px 0; }

#content .tabber a, #content .tabber a:link, #content .tabber a:visited { text-decoration:none; color: #ff0; border:0; }
#content .tabber a:hover { text-decoration:none; color:#0f0; border:0; }

#foota a, #foota a:link, #foota a:visited { text-decoration:none; color:#fff; border-bottom:1px dotted #fff; }
#foota a:hover { text-decoration:none; color:#fff; background:#4e4b4a; }

.foot-title a, .foot-title a:link, .foot-title a:visited { text-decoration:none; color:#fff; }
.foot-title a:hover { text-decoration:none; color:#fff; }

/* Lists
----------------------------------------------- */
#content ul li {
}

.list-cog { margin:10px auto; padding:10px 40px; background-color:#fff; color:#1690c8; }
.list-cog li {
margin:0 0 0 20px;
list-style:none outside url(/cssimages/bullet-cog.gif);
}

.product-lines .list-cog { margin:10px auto; padding:10px 0px 10px 0px; background-color:#fff; color:#1690c8; }
.product-lines .list-cog li {
margin:0 0 0 20px;
list-style:none outside url(/cssimages/bullet-cog.gif);
}

.product-lines h5 { 
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
color:#1690c8;
}

/* General Layout
----------------------------------------------- */
#container {
margin: 0 auto;
text-align:left;
padding: 0;
font-size:0.8em;
width: 760px; /* once padding is applied, width is 730px */
}

#container-rfq {
margin: 0;
text-align:left;
padding: 0;
font-size:0.8em;
width: 95%;
}

/* Landing pages
----------------------------------------------- */
#left-column {
margin:0 0 50px 0;
float:left;
width:200px;
}

#main-column {
margin:70px 0 50px 0;
float:right;
width:520px;
}

#main-column-rfq {
margin:55px 0 40px 220px;
text-align:left;
}

#logo { margin:30px 0 0 0; }

#subnav-container { 
margin:20px 0 0 0;
width:175px;
height:340px;
}

#leftcolmisc { 
margin:20px 0 0 0;
width:175px;
height:250px;
text-align:right;
}

#intro {
margin-top:20px;
padding:10px 30px 0px 10px;
color:#1690c8;
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
text-align:justify;
}

#rotate-banner {
margin:0; padding:0;
width:500px;
height:200px;
background: url(/banner-images/rotate.php) no-repeat center center;
}

#content {
padding:10px 30px 10px 10px;
}

.left-half-content{ float:left; width:45%; }
.right-half-content { float:right; width:45%; }

.content-left { float:left; width:250px; padding:0; }
.content-right { float:right; width:210px; padding:0; margin:0; display:inline; }

#trade-associations {
clear:both;
padding:70px 0 0 0;
width:100%;
text-align:left;
font-size:0.8em;
}

.front #trade-associations img.ta-left { margin:0 0 0 75px; }
#trade-associations img.ta-left { margin:0 0 0 10px; }

.front #trade-associations img.ta-right { margin:0 50px; }
#trade-associations img.ta-right { margin:0 25px; }

#bottom-gradient-home {
background: url(/cssimages/bg-bottom.jpg) repeat-x center bottom;
width:100%;
height: 320px;
border-bottom:1px solid #333;
}

#bottom-gradient-page {
width:100%;
height: 70px;
background: url(/cssimages/bg-bottom-pg.gif) repeat-x center bottom;
border-bottom:2px solid #1e8dc5;
border-bottom:2px solid #333;
}

#bottombar {
text-align:center;
background:#6e6a69;
width:100%;
font-size:0.7em;
line-height:1.8em;
color:#fff;
padding:20px 0 10px 0;
}

#bottombarinner {
margin:10px auto;
text-align:left;
width:760px;
}

#foota, #footb, #footc, #footd { float:left; width:150px; }
#foota, #footb, #footc { margin-right:20px; }
#fineprint { clear:both; text-align:center; color:#fff; padding:20px 0 10px 0; text-transform:uppercase; font-weight:bold; }
#fineprint-rfq { clear:both; text-align:left; color:#6b6b6b; font-size:0.7em; padding:20px 0 10px 250px; }

#foota { width:190px; background: url(/cssimages/foota-logo.gif) no-repeat left top; padding-top:63px; line-height: 1.3em; margin-top:0px; }

.foot-title { text-transform:uppercase; font-weight:bold; font-size:1.1em; margin-bottom:5px; }
/*
.foot-links  li a, .foot-links  li a:link, .foot-links  li a:visited { padding:2px; color:#fff; text-decoration:underline; }
.foot-links  li a:hover { background:#4e4b4a; padding:2px; color:#fff; text-decoration:none; }
*/
.foot-links  li a, .foot-links  li a:link, .foot-links  li a:visited { 
padding:3px 0; color:#fff; text-decoration:none; border-top:1px dotted #fff; display:block; width:100%; overflow:hidden; }
.foot-links  li a:hover { 
padding:3px 0; color:#fff; text-decoration:none; background:#4e4b4a; }

/* Home Page Layout
----------------------------------------------- */
#logo-home {
margin:0 auto; padding:0;
text-align:center;
}

#navhome {
margin:0 auto; padding:0;
width:712px;
height:75px;
float:right;
}

#home-left {
margin:0; padding:0;
float:left;
width:475px;
text-align:right;
}

#home-right {
margin:0; padding:0;
float:right;
width:215px;
text-align:right;
}

/* Home nav using sprites
----------------------------------------------- */
#nav {
width: 712px; height: 75px;
background: url(/cssimages/navbar-home.gif);
margin: 0 auto; padding: 0;
position: relative;
}

#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; }
#nav li, #nav a { height:75px; display: block; }

#hengineering { left: 37px; width:198px;}
#hdistribution { left: 271px; width:198px;}
#hcompany { left: 509px; width:198px;}

#hengineering a:hover {
background: transparent url(/cssimages/navbar-home.gif) -37px -75px no-repeat;}

#hdistribution a:hover {
background: transparent url(/cssimages/navbar-home.gif) -271px -75px no-repeat;}

#hcompany a:hover {
background: transparent url(/cssimages/navbar-home.gif) -509px -75px no-repeat;}

/* Horizontal top nav using sprites
----------------------------------------------- */
#topnav-container {
width: 100%; height: 50px;
}

#topnav {
width: 500px; height: 50px;
background: url(/cssimages/topnav.gif);
margin: 0 auto; padding: 0;
position: relative;
}

#topnav li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; }
#topnav li, #topnav a { height:50px; display: block; }

#engineering {left: 2px; width:150px;}
#distribution {left: 176px; width:150px;}
#company {left: 348px; width:150px;}

/* hover states */
#engineering a:hover {
background: transparent url(/cssimages/topnav.gif) -2px -50px no-repeat;}

#distribution a:hover {
background: transparent url(/cssimages/topnav.gif) -176px -50px no-repeat;}

#company a:hover {
background: transparent url(/cssimages/topnav.gif) -348px -50px no-repeat;}

/* active page */
.section-engr #engineering a, .section-engr-pro #engineering a, .section-engr-aut #engineering a, .section-engr-res #engineering a, .section-engr-met #engineering a {
background: transparent url(/cssimages/topnav.gif) -2px -100px no-repeat;}

.section-dist #distribution a, .section-dist-ord #distribution a, .section-dist-pro #distribution a, .section-dist-par #distribution a, .section-dist-cer #distribution a {
background: transparent url(/cssimages/topnav.gif) -176px -100px no-repeat;}

.section-comp #company a, .section-comp-abo #company a, .section-comp-his #company a, .section-comp-peo #company a,
.section-comp-car #company a, .section-comp-con #company a {
background: transparent url(/cssimages/topnav.gif) -348px -100px no-repeat;}

/* subnav ENGINEERING
----------------------------------------------- */
#subnav-engr {
width: 184px; height: 348px;
background: url(/cssimages/subnav-engr.gif);
margin: 0 auto; padding: 0;
position: relative;
}

#subnav-engr li { margin: 0; padding: 0; list-style: none; position: absolute; left:0px; }
#subnav-engr li, #subnav-engr a { height:30px; display: block; }

#process-engineering {top: 225px; width:170px;}
#automation-controls {top: 255px; width:170px;}
#methodology {top: 285px; width:170px;}

#process-engineering a:hover, .section-engr-pro #process-engineering a {
background: transparent url(/cssimages/subnav-engr.gif) -184px -225px no-repeat;}

#automation-controls a:hover, .section-engr-aut #automation-controls a {
background: transparent url(/cssimages/subnav-engr.gif) -184px -255px no-repeat;}

#methodology a:hover, .section-engr-met #methodology a {
background: transparent url(/cssimages/subnav-engr.gif) -184px -285px no-repeat;}

/* subnav DISTRIBUTION
----------------------------------------------- */
#subnav-dist {
width: 184px; height: 348px;
background: url(/cssimages/subnav-dist.gif);
margin: 0 auto; padding: 0;
position: relative;
}

#subnav-dist li { margin: 0; padding: 0; list-style: none; position: absolute; left:0px; }
#subnav-dist li, #subnav-dist a { height:30px; display: block; }

#order {top: 220px; width:170px;}
#product-lines {top: 250px; width:170px;}
#certified-repair {top: 290px; width:170px;}

#order a:hover, .section-dist-ord #order a {
background: transparent url(/cssimages/subnav-dist.gif) -184px -220px no-repeat;}

#product-lines a:hover, .section-dist-pro #product-lines a {
background: transparent url(/cssimages/subnav-dist.gif) -184px -250px no-repeat;}

#certified-repair a:hover, .section-dist-cer #certified-repair a {
background: transparent url(/cssimages/subnav-dist.gif) -184px -290px no-repeat;}

/* subnav COMPANY
----------------------------------------------- */
#subnav-comp {
width: 184px; height: 348px;
background: url(/cssimages/subnav-comp.gif);
margin: 0 auto; padding: 0;
position: relative;
}

#subnav-comp li { margin: 0; padding: 0; list-style: none; position: absolute; left:0px; }
#subnav-comp li, #subnav-comp a { height:22px; display: block; }

#about {top: 180px; width:170px;}
#leadership {top: 210px; width:170px;}
#history {top: 240px; width:170px;}
#careers {top: 270px; width:170px;}
#contact {top: 300px; width:170px;}

#about a:hover, .section-comp-abo #about a {
background: transparent url(/cssimages/subnav-comp.gif) -184px -180px no-repeat;}

#leadership a:hover, .section-comp-lea #leadership a {
background: transparent url(/cssimages/subnav-comp.gif) -184px -210px no-repeat;}

#history a:hover, .section-comp-his #history a {
background: transparent url(/cssimages/subnav-comp.gif) -184px -240px no-repeat;}

#careers a:hover, .section-comp-car #careers a {
background: transparent url(/cssimages/subnav-comp.gif) -184px -270px no-repeat;}

#contact a:hover, .section-comp-con #contact a {
background: transparent url(/cssimages/subnav-comp.gif) -184px -300px no-repeat;}

/* General Classes
----------------------------------------------- */
.clear { clear:both; }
.padding-tb20 { padding:20px 0; }
.padding-lr15 { padding:0 15px; }
.indent { margin:10px auto; padding:10px 20px; background-color:#e7e6e2; border:1px solid #d7d6d2; }
.content-divider { clear:both; height:10px; width:100%; border-bottom:1px dotted #1690c8; margin:5px auto; }

blockquote.quote {
float:right;
width:200px;
margin:0px 10px 20px 20px;
padding:20px 0 0 30px;
font-size:1.3em;
/*font-style:italic;*/
color:#2b2b2b;
background: url(/cssimages/quote-left.gif) top left no-repeat;
display:block;
}
.quote-left, .quote-right { font-size:3em; }

/* Image Classes
----------------------------------------------- */
.staff-img { border:2px solid #d7d6d2; padding:2px; margin: 0 15px 5px 0; }
#foota img { display:block; }
.iframe-border { padding:2px; border:2px solid #c7c6c2; }
.img-right-align { float:right; margin:0 0 5px 10px; }
.img-border { padding:1px; border:2px solid #e7e6e2; }
.inset-image { border:1px solid #b4aca6; padding:1px; margin:0 10px 0 0; float:left; }
.hist-align-left { float:left; margin:0 10px 5px 0; }
.hist-align-right { float:right; margin:0 0 5px 10px; }


/* Section Classes
----------------------------------------------- */
.address { margin:10px 0 30px 0; font-size:0.9em; }
.leadership-name { color:#000; text-transform:uppercase; letter-spacing:0.1em; font-weight:bold; }
.leadership-title {  color:#000; font-size:0.9em; font-style:italic; }
.history-title { color:#983a46; font-size:1.3em; font-weight:bold; font-family:georgia, times, 'times new roman', serif; }

#highlight {
margin:0 30px 0 0;
border:2px solid #e7e6e2;
padding:0px 5px;
overflow:auto;
}

#highlight p {
background:#e7e6e2;
padding:15px 20px;
overflow:auto;
color:#2b2b2b;
}

#highlight p  a, #highlight p  a:link, #highlight p  a:visited, #highlight p  a:active {
color:#983a46;
text-decoration:underline;
}

#highlight p  a:hover {
font-style:italic;
}