body { width: 783px; background-color: #FFFFFF; margin: 0px; }



/* BANNER DIVS */
#banner { position: relative; background-image: url(images/skilcraft-header3.jpg); width: 783px; height: 96px; text-align: left; z-index: 1 }
#solutions { position: relative; width: 476px; height: 16px; margin-left: 307px; text-align: center; letter-spacing: 5px; font-family: "Arial Black"; color: #94a8d7; font-size: 12px; z-index: 2 }
#contacts { position: relative; width: 405px; height: 20px; margin-top: 1px; margin-left: 369px; z-index: 5 }
#call { position: relative; float:left; width: 180px; height: 20px; padding-top: 1px; font-family: Arial; color: #00007b; font-size: 16px; font-weight: bold; text-align: center; z-index: 7 }
#quote { position: relative; float:right; margin-left: 2px; margin-top: 8px; z-index: 5 }
#services { position: relative; margin-top: -20px; margin-left: 150px; width: 454px; height: 20px; letter-spacing: 3px; font-family: Arial; color: #C0C6DB; font-size: 14px; font-weight: bold; text-align: center; z-index: 6 }



/* TAB DIVS INSIDE BANNER */
#tabs { position: relative; width: 486px; height: 37px; margin-left: 288px; text-align: center; z-index: 3 }
#banking { position: relative; float: left; width: 81px; margin-top: 1px; margin-left: 0px; line-height: 11px; z-index: 4 }
#security { position: relative; float: left; width: 81px; margin-top: 1px; line-height: 11px; z-index: 4 }
#medical { position: relative; float: left; width: 81px; margin-top: 1px; line-height: 11px; z-index: 4 }
#it { position: relative; float: left; width: 81px; margin-top: 2px; line-height: 11px; z-index: 4 }
#aerospace { position: relative; float: left; width: 81px; margin-top: 2px; line-height: 11px; z-index: 4 }
#govt { position: relative; float: left; width: 81px; margin-top: 8px; line-height: 11px; z-index: 4 }
.tablink a { font-family: Arial; color: #FFFFFF; font-size: 11.5px; text-decoration: none }
.tablink a:hover { color: #FFFF00 }




/* LINK SQUARES */
#squarelink { position: relative; height: 147px; margin-top: 1px; margin-bottom: 1px;  }
#eng { position: relative; float: left; width: 130px; height: 147px; background-color: #C00000; text-align: center; z-index: 2 }
#fab { position: relative; float: left; width:129px; height: 147px; margin-left: 1px; background-color: #0000C0; text-align: center; z-index: 2 }
#cut { position: relative; float: left; width:130px; height: 147px; margin-left: 1px; background-color: #9500C0; text-align: center; z-index: 2 }
#weld { position: relative; float: left; width:130px; height: 147px; margin-left: 1px; background-color: #008000; text-align: center; z-index: 2 }
#coat { position: relative; float: left; width:130px; height: 147px; margin-left: 1px; background-color: #AE6200; text-align: center; z-index: 2 }
#assy { position: relative; float: left; width:129px; height: 147px; margin-left: 1px; background-color: #255D5C; text-align: center; z-index: 2 }

#squarelink-small { position: relative; height: 20px; margin-top: 1px; margin-bottom: 1px;  }
#eng-small { position: relative; float: left; width: 130px; height: 20px; background-color: #C00000; text-align: center; z-index: 2 }
#fab-small { position: relative; float: left; width:129px; height: 20px; margin-left: 1px; background-color: #0000C0; text-align: center; z-index: 2 }
#cut-small { position: relative; float: left; width:130px; height: 20px; margin-left: 1px; background-color: #9500C0; text-align: center; z-index: 2 }
#weld-small { position: relative; float: left; width:130px; height: 20px; margin-left: 1px; background-color: #008000; text-align: center; z-index: 2 }
#coat-small { position: relative; float: left; width:130px; height: 20px; margin-left: 1px; background-color: #AE6200; text-align: center; z-index: 2 }
#assy-small { position: relative; float: left; width:129px; height: 20px; margin-left: 1px; background-color: #255D5C; text-align: center; z-index: 2 }

.square { position: relative; width: 128px; height: 16px; margin-top: 3px; margin-left: 1px; z-index: 3 }
.square a { font-family: Arial; color: #FFFFFF; font-size: 11px; text-decoration: none; }
.square a:hover { color: #FFFF00 }

.square-main { position: relative; width: 128px; height: 16px; margin-top: 2px; margin-left: 1px; z-index: 3 }
.square-main a { font-family: Arial; color: #FFFFFF; font-size: 11px; text-decoration: none; }
.square-main a:hover { color: #FFFF00 }
.square-pic { position: relative; width: 128px; height: 128px; text-align: center; margin-top: 1px; z-index: 3 }




/* BODY */
#body { position: relative; width: 783px; height: 100%; border-right: solid 1px #999999; z-index: 1 }

/* LEFT NAVIGATION PANE */
#nav-box { position: relative; float: left; width: 130px; height: 100%; background-color: #00007B; font-size: 1px; z-index: 2 }
.navlink { position: relative; margin-top: 10px; margin-right: 12px; text-align: right; z-index: 3 }
.navlink a { font-family: Arial; color: #BABADB; font-size: 12px; font-weight: bold; text-decoration: none; }
.navlink a:hover { color: #FFFF00 }

/* MAIN BODY */
#main { position: relative; float: right; width: 652px; z-index: 2 }
#internal { position: relative; float: right; width: 625px; margin-top: 8px; margin-right: 8px; margin-bottom: 8px; font-family: Arial; color: #222222; font-size: 12px; z-index: 4 }
.internal a { font-family: Arial; font-size: 11px; text-decoration: none; }
.internalpic-r { position: relative; float: right; margin-right: 9px }
.internalpic-r { position: relative; float: left; margin-right: 9px }
#square-ext { position: relative; width: 652px; height: 180px; font-family: Arial; color: #222222; font-size: 11px; z-index: 3 }
.sub-bullet { font-size: 11px; }
#fab-ext { position: relative; float: left; width: 129px; height: 160px; margin-left: 1px; border-right: solid 1px #999999; z-index: 4 }
#cut-ext { position: relative; float: left; width: 130px; height: 160px; margin-left: 1px; border-right: solid 1px #999999; z-index: 4 }
#weld-ext { position: relative; float: left; width: 130px; height: 160px; margin-left: 1px; border-right: solid 1px #999999; z-index: 4 }
#coat-ext { position: relative; float: left; width: 130px; height: 160px; margin-left: 1px; border-right: solid 1px #999999; z-index: 4 }
#assy-ext { position: relative; float: left; width: 125px; height: 160px; z-index: 4 }
.title-font { font-weight: bold; color: #000080; font-size: 16px }
.subtitle-font { font-weight: bold; color: #000080; font-size: 14px }
.bullets { position: relative; width: 116px; height: 131px; margin-top: 6px; margin-left: 8px; z-index: 4 }
.learn { text-align: right; margin-right: 15px; }
.learn a { font-family: Arial; font-size: 12px; }
.nudge-left { margin-left: 40px }

#index { position: relative; width: 620px; margin-left: 16px; margin-top: 20px; border-bottom: solid 1px #999999; font-family: Arial; font-size: 12px; z-index: 3 }

/* FOOTER */
#footer { position: relative; width: 620px; margin-left: 16px; margin-top: 14px; text-align: center; font-family: Arial; color: #999999; font-size: 12px; z-index: 3 }
#footer a { font-family: Arial; font-size: 9px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }