/* CSS Document */


/* Global Values 
======================================*/

* { margin: 0; padding: 0; }

body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 62.5%; color: #666; background-image: url(images/largebkd.gif); background-position: center top; background-repeat: no-repeat;  }

img { border: none; }


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

h1 { font-size: 2.2em; font-weight: normal; padding: 25px 0px 0px 35px;}
h2 { font-size: 1.2em; padding-bottom: 1em; }
p { padding-bottom: 1em; line-height: 1.2em; font-size: 1.2em; }

.greenText { color: #81B941; font-size: 1.1em; }
.phoneNumber { font-size: 1.2em; }

ul { padding-left: 1.4em; font-size: 1em; }
li { padding-bottom: .4em; list-style-type: circle; }


/* Containers 
======================================*/

#wrapper { width: 800px; margin: 10px auto; }
#header { overflow: hidden; padding-bottom: 2px;}
#mainNav { width: 800px; }
#tagBar { width: 630px; float: left; }
#logo { width: 107px; padding-left: 8px; float: left;  }

#shellHome { width: 580px; float: right; margin-top: 25px; } 
#shellCapability { background-image: url(images/bkd-capabilities.jpg); background-repeat: no-repeat; width: 800px; height: 360px; color: #fff; }
#shellContact { background-image: url(images/bkd-contactus.jpg); background-repeat: no-repeat; width: 800px; height: 360px; color: #fff; }
#shellBlue { background-image: url(images/bkd-blue.jpg); background-repeat: no-repeat; width: 800px; height: 360px; color: #fff; }
#shellOrange { background-image: url(images/bkd-orange.jpg); background-repeat: no-repeat; width: 800px; height: 360px; color: #fff; }
#shellGreen { background-image: url(images/bkd-green.jpg); background-repeat: no-repeat; width: 800px; height: 360px; color: #fff; }
#shellYellow { background-image: url(images/bkd-yellow.jpg); background-repeat: no-repeat; width: 800px; height: 360px; color: #fff; }
#shellPink { background-image: url(images/bkd-pink.jpg); background-repeat: no-repeat; width: 800px; height: 360px; color: #fff; }



.col1 { width: 175px; margin-left: 35px !important; _margin-left: 18px; margin-top: 15px; float: left; }
.col2 { width: 175px; margin-left: 15px; margin-top: 15px; float: left; }
.colOutside { width: 140px; float: left; color: #999; margin: 15px 0px 0px 50px; }

.colHomeText { width: 290px; margin-left: 238px; }
.colHomeText p { font-size: 1.2em; line-height: 1.4em; }


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

#navMatrix { display: block; padding: 0; margin: 0 auto; float: left; background-image: url(images/bkd-navBar.jpg); background-repeat: no-repeat; background-color: #008ACD; }
#navMatrix ul { font-size: 1em; }
#navMatrix li { list-style-type:none; margin: 0; float:left; border-right: 2px solid #fff; height: 20px; line-height: 20px;
					padding: 0px 10px;}
#navMatrix li a { display: block; _width: auto; text-align: center; 
					text-decoration: none; color: #fff;  }
#navMatrix li a:hover { text-decoration: underline; }

/* Link 
#navMatrix li#navHome a:link, #navMatrix li#navHome a:visited { background-position:0px 0px; }
#navMatrix li#navHistory a:link, #navMatrix li#navHistory a:visited { background-position:-58px 0px; }
#navMatrix li#navEnvironment a:link, #navMatrix li#navEnvironment a:visited { background-position:-116px 0px; }
#navMatrix li#navPlate a:link, #navMatrix li#navPlate a:visited { background-position:-174px 0px; }
#navMatrix li#navMount a:link, #navMatrix li#navMount a:visited { background-position:-232px 0px; }
#navMatrix li#navDesign a:link, #navMatrix li#navDesign a:visited { background-position:-290px 0px; }
#navMatrix li#navSales a:link, #navMatrix li#navSales a:visited { background-position:-348px 0px; }
#navMatrix li#navShip a:link, #navMatrix li#navShip a:visited { background-position:-406px 0px; }
#navMatrix li#navEmployment a:link, #navMatrix li#navEmployment a:visited { background-position:-464px 0px; }
#navMatrix li#navLogin a:link, #navMatrix li#navLogin a:visited { background-position:-522px 0px; } */