/* =GENERIC= ----------------------------------------------------*/ html { height:100% } body { font-family:Arial, Verdana, sans-serif; color:#48515b; background:#818080 url(../img/body_bg.png) top repeat; } /* =CONTAINER BACKGROUND= ----------------------------------------------------*/ #container-bg { position:absolute; width:100%; height:196px; top:22px; left:0; padding:0; margin:0; background:#9a9a9a; } /* =CONTAINER= ----------------------------------------------------*/ #container-wrapper { position:relative; width:821px; height:100%; padding:0; margin:0 auto; } #container { position:absolute; width:821px; background:transparent url(../img/container_bg.png) top center no-repeat; overflow:visible; } #content-wrapper { width:799px; margin:auto; } /* =COMPANY NAME= ----------------------------------------------------*/ #logo { float:left; width:248px; height:194px; padding:0; margin:8px 0 0 0; } #logo h2 { float:left; position:relative; top:55px; left:25px; width:194px; height:120px; } #logo a.h2 { float:left; width:194px; height:120px; outline:none; background:transparent url(../img/logo.png) no-repeat; } /* =QUICK TOP NAVIGATION= ----------------------------------------------------*/ #quickNav { float:left; position:relative; width:200px; height:12px; padding:0; margin:0; } #quickNav ul, #quickNav li { float:left; position:relative; padding:0; margin:3px 8px 0 3px; list-style:none; } #quickNav li a.home, a.home:visited { float:left; width:12px; height:12px; background:url(../img/home_icon.png) no-repeat; } #quickNav li a.home:hover, a.home:focus, a.home:active, a.activehome { float:left; width:12px; height:12px; background:url(../img/home_icon_ro.png) no-repeat; } #quickNav li a.profile, a.profile:visited { float:left; width:12px; height:12px; background:url(../img/profile_icon.png) no-repeat; } #quickNav li a.profile:hover, a.profile:focus, a.profile:active, a.activeprofile { float:left; width:12px; height:12px; background:url(../img/profile_icon_ro.png) no-repeat; } #quickNav li a.services, a.services:visited { float:left; width:10px; height:12px; background:url(../img/services_icon.png) no-repeat; } #quickNav li a.services:hover, a.services:focus, a.services:active, a.activeservices { float:left; width:10px; height:12px; background:url(../img/services_icon_ro.png) no-repeat; } #quickNav li a.portfolio, a.portfolio:visited { float:left; width:12px; height:12px; background:url(../img/portfolio_icon.png) no-repeat; } #quickNav li a.portfolio:hover, a.portfolio:focus, a.portfolio:active, a.activeportfolio { float:left; width:12px; height:12px; background:url(../img/portfolio_icon_ro.png) no-repeat; } #quickNav li a.qa, a.qa:visited { float:left; width:19px; height:12px; background:url(../img/qa_icon.png) no-repeat; } #nav li a.qa:hover, a.qa:focus, a.qa:active, a.activeqa { float:left; width:19px; height:12px; background:url(../img/qa_icon_ro.png) no-repeat; } #quickNav li a.contact, a.contact:visited { float:left; width:12px; height:12px; background:url(../img/contact_icon.png) no-repeat; } #quickNav li a.contact:hover, a.contact:focus, a.contact:active, a.activecontact { float:left; width:12px; height:12px; background:url(../img/contact_icon_ro.png) no-repeat; } #quickNav li a.airborne, a.airborne:visited { float:left; width:12px; height:12px; background:url(../img/airborne_icon.png) no-repeat; } #quickNav li a.airborne:hover, a.airborne:focus, a.airborne:active, a.activeairborne { float:left; width:12px; height:12px; background:url(../img/airborne_icon_ro.png) no-repeat; } #quickNav li a.brochure, a.brochure:visited { float:left; width:8px; height:10px; background:url(../img/brochure_icon.png) no-repeat; } #quickNav li a.brochure:hover, a.brochure:focus, a.brochuree:active, a.activebrochure { float:left; width:8px; height:10px; background:url(../img/brochure_icon_ro.png) no-repeat; } /* =QUICK TOP NAVIGATION URL= ----------------------------------------------------*/ #topURL { float:right; width:179px; height:10px; padding:0; margin:-4px 3px 0 0; } #topURL h4 { float:right; position:relative; padding:0; width:179px; height:10px; } #topURL a.h4 { float:right; width:179px; height:10px; outline:none; background:transparent url(../img/url.png) no-repeat; } /* =FLASH= ----------------------------------------------------*/ #flash { float:left; width:552px; height:196px; padding:0; margin:10px -1px 0 0; outline:none; } #flashImgHead { float:left; width:552px; height:196px; padding:0; margin:10px -1px 0 0; outline:none; background:url(../img/8583394.jpg); } /* =HEADER= ----------------------------------------------------*/ #header { float:right; width:552px; height:90px; padding:0; margin:0; } #breadcrumb { width:552px; height:17px; font:1em Arial, Verdana, sans-serif; padding:1px 0 0 3px; margin:0; } #breadcrumb ul { margin:0; padding:0; list-style:none; } #breadcrumb li { margin:0; padding:0; display:inline; } #breadcrumb li a, a:visited { color:#48515b; text-decoration:underline; font:1em Arial, Verdana, sans-serif; } #breadcrumb li a:hover, a:focus, a:active { text-decoration:none; font:1em Arial, Verdana, sans-serif; } #headerImg-left { float:left; width:320px; height:70px; padding:0; margin:0 0 0 11px; } #headerImg-left-home { background:transparent url(../img/title_homepage.png) no-repeat; width:176px; height:68px; } #headerImg-left-profile { background:transparent url(../img/title_profile.png) no-repeat; width:130px; height:65px; } #headerImg-left-services { background:transparent url(../img/title_services.png) no-repeat; width:145px; height:65px; } #headerImg-left-portfolio { background:transparent url(../img/title_portfolio.png) no-repeat; width:181px; height:70px; } #headerImg-left-qa { background:transparent url(../img/title_qa.png) no-repeat; width:320px; height:70px; } #headerImg-left-contact { background:transparent url(../img/title_contact.png) no-repeat; width:137px; height:66px; } #headerImg-left-airborne { background:transparent url(../img/title_airborne.png) no-repeat; width:363px; height:68px; } /* =NAVIGATION= ----------------------------------------------------*/ #nav { left:11px; position:absolute; top:218px; width:248px; padding:0; margin:0; } #nav ul, #nav li { float:left; position:relative; padding:0; margin:0 0 3px 0; list-style:none; } #nav li a.home, a.home:visited { float:left; width:248px; height:42px; background:url(../img/button_home.png) no-repeat; } #nav li a.home:hover, a.home:focus, a.home:active, a.activeHome { float:left; width:248px; height:42px; background:url(../img/button_home_ro.png) no-repeat; } #nav li a.profile, a.profile:visited { float:left; width:248px; height:42px; background:url(../img/button_profile.png) no-repeat; } #nav li a.profile:hover, a.profile:focus, a.profile:active, a.activeProfile { float:left; width:248px; height:42px; background:url(../img/button_profile_ro.png) no-repeat; } #nav li a.services, a.services:visited { float:left; width:248px; height:42px; background:url(../img/button_services.png) no-repeat; } #nav li a.services:hover, a.services:focus, a.services:active, a.activeServices { float:left; width:248px; height:42px; background:url(../img/button_services_ro.png) no-repeat; } #nav li a.portfolio, a.portfolio:visited { float:left; width:248px; height:42px; background:url(../img/button_portfolio.png) no-repeat; } #nav li a.portfolio:hover, a.portfolio:focus, a.portfolio:active, a.activePortfolio { float:left; width:248px; height:42px; background:url(../img/button_portfolio_ro.png) no-repeat; } #nav li a.qa, a.qa:visited { float:left; width:248px; height:42px; background:url(../img/button_qa.png) no-repeat; } #nav li a.qa:hover, a.qa:focus, a.qa:active, a.activeQa { float:left; width:248px; height:42px; background:url(../img/button_qa_ro.png) no-repeat; } #nav li a.contact, a.contact:visited { float:left; width:248px; height:42px; background:url(../img/button_contact.png) no-repeat; } #nav li a.contact:hover, a.contact:focus, a.contact:active, a.activeContact { float:left; width:248px; height:42px; background:url(../img/button_contact_ro.png) no-repeat; } #nav li a.airborne, a.airborne:visited { float:left; width:248px; height:42px; background:url(../img/button_airborne.png) no-repeat; } #nav li a.airborne:hover, a.airborne:focus, a.airborne:active, a.activeAirborne { float:left; width:248px; height:42px; background:url(../img/button_airborne_ro.png) no-repeat; } #nav li a.brochure, a.brochure:visited { float:left; width:248px; height:42px; background:url(../img/button_brochure.png) no-repeat; } #nav li a.brochure:hover, a.brochure:focus, a.brochure:active, a.activebrochure { float:left; width:248px; height:42px; background:url(../img/button_brochure_ro.png) no-repeat; } /* =NAVIGATION= ----------------------------------------------------*/ #main-content { float:right; width:530px; padding:10px 10px 40px 10px; margin:0; } #main-content p { position:relative; float:left; line-height:15px; width:530px; padding:0 0 15px 0; font:1.1em Arial, Verdana, sans-serif; } #main-content a, #main-content a:visited { font:1em Arial, Verdana, sans-serif; color:#48515b; text-decoration:underline; } #main-content a:hover, #main-content a:focus, #main-content a:active { font:1em Arial, Verdana, sans-serif; color:#941e00; text-decoration:underline; } #main-content ul { position:relative; float:left; padding:0; margin:0 0 15px 0; list-style:inside square; font:1.1em Arial, Verdana, sans-serif; } #main-content li { padding:0 0 2px 0; margin:0; } #main-content h3.portfolio { width:530px; margin:0 0 20px 4px; } #main-content h3.portfolio a, #main-content h3.portfolio a:visited { font:bold 1.1em Arial, Helvetica, sans-serif; text-decoration:none; } #main-content h3.portfolio a:hover, #main-content h3.portfolio a:active, #main-content h3.portfolio a:focus { color:#48515b; } h3.portfolioImage { position:relative; float:left; font:1.2em Arial, Verdana, sans-serif; font-weight:bold; margin:0 0 10px 0; } #top { font-size:0.85em; text-align:right; margin:-15px 0 0 0;} #main-content ul.portfolio { position:relative; float:left; list-style:none; width:500px; margin:5px 0 20px 25px; } #main-content ul.portfolio li { display:inline; } #main-content ul.portfolio li a, #main-content ul.portfolio li a:visited { font-weight:bold; color:#48515b; text-decoration:none; } #main-content ul.portfolio li a:hover, #main-content ul.portfolio li a:active, #main-content ul.portfolio li a:active { text-decoration:underline; } #portfolioOne a, #portfolioOne a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/screen_tn.jpg); margin:0 0 0 6px; padding:0; } #portfolioOne a:hover, #portfolioOne a:focus, #portfolioOne a:active { border:1px solid #013567; } #portfolioImageOne { position:relative; float:left; width:200px; height:267px; background:url(../img/screen_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} #portfolioTwo a, #portfolioTwo a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/screen2_tn.jpg); margin:0 0 0 30px; padding:0; } #portfolioTwo a:hover, #portfolioTwo a:focus, #portfolioTwo a:active { border:1px solid #013567; } #portfolioImageTwo { position:relative; float:left; width:350px; height:263px; background:url(../img/screen2_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioThree a, #portfolioThree a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/screen3_tn.jpg); margin:0 0 0 30px; padding:0; } #portfolioThree a:hover, #portfolioThree a:focus, #portfolioThree a:active { border:1px solid #013567; } #portfolioImageThree { position:relative; float:left; width:350px; height:263px; background:url(../img/screen3_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioFour a, #portfolioFour a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cam2_tn.jpg); margin:30px 0 20px 6px; padding:0; } #portfolioFour a:hover, #portfolioFour a:focus, #portfolioFour a:active { border:1px solid #013567; } #portfolioImageFour { position:relative; float:left; width:350px; height:263px; background:url(../img/cam2_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioFive a, #portfolioFive a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cam3_tn.jpg); margin:30px 0 20px 30px; padding:0; } #portfolioFive a:hover, #portfolioFive a:focus, #portfolioFive a:active { border:1px solid #013567; } #portfolioImageFive { position:relative; float:left; width:350px; height:263px; background:url(../img/cam3_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioSix a, #portfolioSix a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/esc_tn.jpg); margin:0 0 20px 6px; padding:0; } #portfolioSix a:hover, #portfolioSix a:focus, #portfolioSix a:active { border:1px solid #013567; } #portfolioImageSix { position:relative; float:left; width:350px; height:229px; background:url(../img/esc_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioSeven a, #portfolioSeven a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/3monitor_tn.jpg); margin:0 150px 20px 30px; padding:0; } #portfolioSeven a:hover, #portfolioSeven a:focus, #portfolioSeven a:active { border:1px solid #013567; } #portfolioImageSeven { position:relative; float:left; width:200px; height:342px; background:url(../img/3monitor_lrg.jpg) no-repeat; margin:20px 0 15px 40px;} #portfolioEight a, #portfolioEight a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/advr_tn.jpg); margin:0 0 20px 6px; padding:0; } #portfolioEight a:hover, #portfolioEight a:focus, #portfolioEight a:active { border:1px solid #013567; } #portfolioImageEight { position:relative; float:left; width:350px; height:263px; background:url(../img/advr_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioNine a, #portfolioNine a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/unit_tn.jpg); margin:0 0 20px 30px; padding:0; } #portfolioNine a:hover, #portfolioNine a:focus, #portfolioNine a:active { border:1px solid #013567; } #portfolioImageNine { position:relative; float:left; width:350px; height:219px; background:url(../img/unit_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioTen a, #portfolioTen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/seaflir_tn.jpg); margin:0 0 20px 30px; padding:0; } #portfolioTen a:hover, #portfolioTen a:focus, #portfolioTen a:active { border:1px solid #013567; } #portfolioImageTen { position:relative; float:left; width:200px; height:267px; background:url(../img/seaflir_lrg.jpg) no-repeat; margin:22px 0 15px -35px;} #portfolioThirtyTwo a, #portfolioThirtyTwo a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/seeflir2_tn.jpg); margin:10px 0 25px 6px; padding:0; } #portfolioThirtyTwo a:hover, #portfolioThirtyTwo a:focus, #portfolioThirtyTwo a:active { border:1px solid #013567; } #portfolioImageThirtyTwo { position:relative; float:left; width:200px; height:267px; background:url(../img/seeflir2_lrg.jpg) no-repeat; margin:0 0 15px 170px;} #portfolioThirtyThree a, #portfolioThirtyThree a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/safire_hd_tn.jpg); margin:10px 0 25px 30px; padding:0; } #portfolioThirtyThree a:hover, #portfolioThirtyThree a:focus, #portfolioThirtyThree a:active { border:1px solid #013567; } #portfolioImageThirtyThree { position:relative; float:left; width:350px; height:263px; background:url(../img/safire_hd_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioThirtyFour a, #portfolioThirtyFour a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/airborne_interface_tn.jpg); margin:10px 0 25px 30px; padding:0; } #portfolioThirtyFour a:hover, #portfolioThirtyFour a:focus, #portfolioThirtyFour a:active { border:1px solid #013567; } #portfolioImageThirtyFour { position:relative; float:left; width:350px; height:263px; background:url(../img/airborne_interface_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioThirtyFive a, #portfolioThirtyFive a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cable_harness_tn.jpg); margin:10px 0 20px 6px; padding:0; } #portfolioThirtyFive a:hover, #portfolioThirtyFive a:focus, #portfolioThirtyFive a:active { border:1px solid #013567; } #portfolioImageThirtyFive { position:relative; float:left; width:350px; height:263px; background:url(../img/cable_harness_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioThirtySix a, #portfolioThirtySix a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cable_harness2_tn.jpg); margin:10px 0 20px 30px; padding:0; } #portfolioThirtySix a:hover, #portfolioThirtySix a:focus, #portfolioThirtySix a:active { border:1px solid #013567; } #portfolioImageThirtySix { position:relative; float:left; width:350px; height:263px; background:url(../img/cable_harness2_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioThirtySeven a, #portfolioThirtySeven a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cable_harness3_tn.jpg); margin:10px 0 20px 30px; padding:0; } #portfolioThirtySeven a:hover, #portfolioThirtySeven a:focus, #portfolioThirtySeven a:active { border:1px solid #013567; } #portfolioImageThirtySeven { position:relative; float:left; width:350px; height:263px; background:url(../img/cable_harness3_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioEleven a, #portfolioEleven a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cage_tn.jpg); margin:0 0 20px 6px; padding:0; } #portfolioEleven a:hover, #portfolioEleven a:focus, #portfolioEleven a:active { border:1px solid #013567; } #portfolioImageEleven { position:relative; float:left; width:350px; height:285px; background:url(../img/cage_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioTwelve a, #portfolioTwelve a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cradle_tn.jpg); margin:0 0 20px 30px; padding:0; } #portfolioTwelve a:hover, #portfolioTwelve a:focus, #portfolioTwelve a:active { border:1px solid #013567; } #portfolioImageTwelve { position:relative; float:left; width:350px; height:254px; background:url(../img/cradle_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} #portfolioThirteen a, #portfolioThirteen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/truck_tn.jpg); margin:0 0 20px 30px; padding:0; } #portfolioThirteen a:hover, #portfolioThirteen a:focus, #portfolioThirteen a:active { border:1px solid #013567; } #portfolioImageThirteen { position:relative; float:left; width:350px; height:263px; background:url(../img/truck_lrg.jpg) no-repeat; margin:20px 0 15px -35px;} #portfolioFourteen a, #portfolioFourteen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/comp_tn.jpg); margin:30px 330px 20px 6px; padding:0; } #portfolioFourteen a:hover, #portfolioFourteen a:focus, #portfolioFourteen a:active { border:1px solid #013567; } #portfolioImageFourteen { position:relative; float:left; width:350px; height:263px; background:url(../img/comp_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioFifteen a, #portfolioFifteen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/light_tn.jpg); margin:0 0 20px 6px; padding:0; } #portfolioFifteen a:hover, #portfolioFifteen a:focus, #portfolioFifteen a:active { border:1px solid #013567; } #portfolioImageFifteen { position:relative; float:left; width:200px; height:267px; background:url(../img/light_lrg.jpg) no-repeat; margin:20px 0 15px -30px;} #portfolioSixteen a, #portfolioSixteen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/fan_tn.jpg); margin:0 0 20px 30px; padding:0; } #portfolioSixteen a:hover, #portfolioSixteen a:focus, #portfolioSixteen a:active { border:1px solid #013567; } #portfolioImageSixteen { position:relative; float:left; width:350px; height:263px; background:url(../img/fan_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioSeventeen a, #portfolioSeventeen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/alumclo_tn.jpg); margin:0 0 0 6px; padding:0; } #portfolioSeventeen a:hover, #portfolioSeventeen a:focus, #portfolioSeventeen a:active { border:1px solid #013567; } #portfolioImageSeventeen { position:relative; float:left; width:350px; height:263px; background:url(../img/alumclo_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioEighteen a, #portfolioEighteen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/alumcont_tn.jpg); margin:0 0 0 30px; padding:0; } #portfolioEighteen a:hover, #portfolioEighteen a:focus, #portfolioEighteen a:active { border:1px solid #013567; } #portfolioImageEighteen { position:relative; float:left; width:350px; height:263px; background:url(../img/alumcont_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioNineteen a, #portfolioNineteen a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/chamb_tn.jpg); margin:0 0 0 30px; padding:0; } #portfolioNineteen a:hover, #portfolioNineteen a:focus, #portfolioNineteen a:active { border:1px solid #013567; } #portfolioImageNineteen { position:relative; float:left; width:350px; height:230px; background:url(../img/chamb_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioTwenty a, #portfolioTwenty a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/lorry_tn.jpg); margin:30px 0 0 6px; padding:0; } #portfolioTwenty a:hover, #portfolioTwenty a:focus, #portfolioTwenty a:active { border:1px solid #013567; } #portfolioImageTwenty { position:relative; float:left; width:350px; height:232px; background:url(../img/lorry_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioTwentyOne a, #portfolioTwentyOne a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/air_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioTwentyOne a:hover, #portfolioTwentyOne a:focus, #portfolioTwentyOne a:active { border:1px solid #013567; } #portfolioImageTwentyOne { position:relative; float:left; width:350px; height:263px; background:url(../img/air_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} #portfolioTwentyTwo a, #portfolioTwentyTwo a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/storage_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioTwentyTwo a:hover, #portfolioTwentyTwo a:focus, #portfolioTwentyTwo a:active { border:1px solid #013567; } #portfolioImageTwentyTwo { position:relative; float:left; width:200px; height:267px; background:url(../img/storage_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} #portfolioTwentyThree a, #portfolioTwentyThree a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cylinders_tn.jpg); margin:30px 0 0 6px; padding:0; } #portfolioTwentyThree a:hover, #portfolioTwentyThree a:focus, #portfolioTwentyThree a:active { border:1px solid #013567; } #portfolioImageTwentyThree { position:relative; float:left; width:350px; height:237px; background:url(../img/cylinders_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} #portfolioTwentyFour a, #portfolioTwentyFour a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/smoketestingrig_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioTwentyFour a:hover, #portfolioTwentyFour a:focus, #portfolioTwentyFour a:active { border:1px solid #013567; } #portfolioImageTwentyFour { position:relative; float:left; width:350px; height:204px; background:url(../img/smoketestingrig_lrg.jpg) no-repeat; margin:20px 0 15px -15px;} #portfolioTwentyFive a, #portfolioTwentyFive a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/puncheddisplaypanels_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioTwentyFive a:hover, #portfolioTwentyFive a:focus, #portfolioTwentyFive a:active { border:1px solid #013567; } #portfolioImageTwentyFive { position:relative; float:left; width:350px; height:263px; background:url(../img/puncheddisplaypanels_lrg.jpg) no-repeat; margin:20px 0 15px -45px;} #portfolioTwentySix a, #portfolioTwentySix a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/tubularshelf_tn.jpg); margin:30px 0 0 6px; padding:0; } #portfolioTwentySix a:hover, #portfolioTwentySix a:focus, #portfolioTwentySix a:active { border:1px solid #013567; } #portfolioImageTwentySix { position:relative; float:left; width:350px; height:263px; background:url(../img/tubularshelf_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioTwentySeven a, #portfolioTwentySeven a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/weldedcon_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioTwentySeven a:hover, #portfolioTwentySeven a:focus, #portfolioTwentySeven a:active { border:1px solid #013567; } #portfolioImageTwentySeven { position:relative; float:left; width:350px; height:263px; background:url(../img/weldedcon_lrg.jpg) no-repeat; margin:20px 0 15px -30px;} #portfolioTwentyEight a, #portfolioTwentyEight a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/fabricatedassembly_tn.jpg); margin:30px 0 0 6px; padding:0; } #portfolioTwentyEight a:hover, #portfolioTwentyEight a:focus, #portfolioTwentyEight a:active { border:1px solid #013567; } #portfolioImageTwentyEight { position:relative; float:left; width:350px; height:263px; background:url(../img/fabricatedassembly_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} #portfolioTwentyNine a, #portfolioTwentyNine a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/alumfab_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioTwentyNine a:hover, #portfolioTwentyNine a:focus, #portfolioTwentyNine a:active { border:1px solid #013567; } #portfolioImageTwentyNine { position:relative; float:left; width:350px; height:263px; background:url(../img/alumfab_lrg.jpg) no-repeat; margin:20px 0 15px -35px;} #portfolioThirty a, #portfolioThirty a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/doubledoor_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioThirty a:hover, #portfolioThirty a:focus, #portfolioThirty a:active { border:1px solid #013567; } #portfolioImageThirty { position:relative; float:left; width:350px; height:263px; background:url(../img/doubledoor_lrg.jpg) no-repeat; margin:20px 0 15px -65px;} #portfolioThirtyOne a, #portfolioThirtyOne a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/parts_tn.jpg); margin:30px 0 25px 6px; padding:0; } #portfolioThirtyOne a:hover, #portfolioThirtyOne a:focus, #portfolioThirtyOne a:active { border:1px solid #013567; } #portfolioImageThirtyOne { position:relative; float:left; width:350px; height:311px; background:url(../img/parts_lrg.jpg) no-repeat; margin:0 0 15px 90px;} #portfolioThirtyEight a, #portfolioThirtyEight a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/cameraTrain_tn.jpg); margin:30px 0 20px 30px; padding:0; } #portfolioThirtyEight a:hover, #portfolioThirtyEight a:focus, #portfolioThirtyEight a:active { border:1px solid #013567; } #portfolioImageThirtyEight { position:relative; float:left; width:350px; height:285px; background:url(../img/cameraTrain_lrg.jpg) no-repeat; margin:20px 0 15px 0;} #portfolioThirtyNine a, #portfolioThirtyNine a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/boatCradle_tn.jpg); margin:0 0 20px 30px; padding:0; } #portfolioThirtyNine a:hover, #portfolioThirtyNine a:focus, #portfolioThirtyNine a:active { border:1px solid #013567; } #portfolioImageThirtyNine { position:relative; float:left; width:200px; height:267px; background:url(../img/boatCradle_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} #portfolioForty a, #portfolioForty a:visited { position:relative; float:left; border:1px solid #34506b; width:150px; height:95px; background:url(../img/spareCable_tn.jpg); margin:30px 0 0 30px; padding:0; } #portfolioForty a:hover, #portfolioForty a:focus, #portfolioForty a:active { border:1px solid #013567; } #portfolioImageForty { position:relative; float:left; width:350px; height:263px; background:url(../img/spareCable_lrg.jpg) no-repeat; margin:20px 0 15px 20px;} /* =FOOTER= ----------------------------------------------------*/ #footer {position:absolute; background:url(../img/footer_bg.png) no-repeat; width:800px; height:44px; padding:0; margin:0; bottom:0; vertical-align:bottom; } #footer-cc { text-align:center; float:left; width:248px; height:2px; padding:2px 0 0 0; font:1em Arial, Verdana, sans-serif; color:#264665; } #footer-cc a, a:visited { font:1em Arial, Verdana, sans-serif; color:#264665; text-decoration:none; } #footer-cc a:hover, a:focus, a:active { color:#c9c9c9; } #footer-link { text-align:center; float:right; width:552px; height:34px; padding:10px 0 0 0; font:1em Arial, Verdana, sans-serif; color:#c9c9c9; } #footer-link a, a:visited { font:1.1em Arial, Verdana, sans-serif; color:#c9c9c9; text-decoration:none; } #footer-link a:hover, a:focus, a:active { color:#929191; } /* =MISC= ----------------------------------------------------*/ .hidden { position:absolute; left:0px; top:-4000px; width:1px; height:1px; overflow:hidden; } /* =CONTACT FORM= ----------------------------------------------------*/ #address { position:relative; float:left; margin:380px 0 0 60px; padding:0; width:138px; height:150px; } #address p { position:relative; float:left; width:110px; color:#ccc; text-align:left; margin:0 0 10px 10px; } #address img { position:relative; float:left; } .formsuccess { font-family:Arial, Verdana, sans-serif; color:#48515b; height:520px; overflow:auto; background:#dddddd; } .formsuccess a,.formsuccess a:link { font-family:Arial, Verdana, sans-serif; color:#48515b; background:#dddddd; text-decoration:underline; } .formsuccess p, .formsuccess h3, .formsuccess h2, .formsuccess ul, .formsuccess dl { font-family:Arial, Verdana, sans-serif; color:#48515b; background:#dddddd; text-decoration:none; padding:0; margin:0 0 15px 0; } .formsuccess a:hover { font-family:Arial, Verdana, sans-serif; text-decoration:none; } .phpform { float:left; font-family:Arial, Verdana, sans-serif; color: #48515b; background:#dddddd; padding:0; margin:0; overflow:auto; } .phpform p { padding:0; margin:0 0 15px 0; } fieldset { border:none; padding:0; margin:0 0 15px 0; } legend { border:none; font-weight:bold; color:#48515b; padding:0; margin:0 0 0 -7px; } label { font-weight:normal; } select, textarea { font:1.1em Arial, Verdana, sans-serif; width:99%; color:#48515b; background:#ffffff; border:1px solid #999; } input { font:1.1em Arial, Verdana, sans-serif; width:99%; height:15px; color:#48515b; background:#ffffff; border:1px solid #999; } select, option { height:20px; } select.focus, select:focus, select.hover, select:hover { color:#000000; height:20px; background:#FAFAFA; border:1px solid #333; cursor:text; } textarea { width:99%; height:100px; } input:focus, input.focus, input:hover, input.hover { color:#000000; height:15px; background:#FAFAFA; border:1px solid #333; cursor:text; } textarea:focus, textarea.focus, textarea:hover, textarea.hover { color:#000000; width:99%; height:100px; background:#FAFAFA; border:1px solid #333; cursor:text; } select:hover, select:focus, select.focus { height:15px; cursor:pointer; } input.button { width:150px; height:25px; color:#333333; font-weight:bold; border:1px solid #CCCCCC; background:#CCCCCC; } .button:hover, .button:focus { cursor:pointer; background:#333333; color:#CCCCCC; border:1px solid #181818; } input.button.hover, input.button.focus { cursor:pointer; background:#333333; color:#CCCCCC; border:1px solid #333; }