/* ------- Common ------- */ * { padding:0px; margin:0px; } body { font:normal 14px/17px Arial, Helvetica, sans-serif; color:#202123; background:#fff; } .floatLeft, .fL, .fLeft { float:left; } .floatRight, .fR, .fRight { float:right; } .holder, #Header .holderinner { width:980px; margin:auto; } .clear { clear:both; display:block; } a { color:#137bb6; text-decoration:none; } a:hover { text-decoration:underline; } .error { color:#ff0000; } /* ------- Header ------- */ #Header .top { background:#000; border-bottom:1px solid #fff; } #Header .bottom { height:15px; border-bottom:2px solid #fff; background:#137bb6; } #Header .holder { position:relative; height:394px; background:url(../images/header-bg.jpg) left bottom no-repeat; } #Header .holderinner { position:relative; height:322px; background:url(../images/header-bg.jpg) left 26px no-repeat; } #Header h1.logo { position:absolute; background:url(../images/logo.gif) left top no-repeat; top:22px; left:0px; } #Header h1.logo a { width:197px; height:71px; display:block; } #Header a span, #Header .homeTxt span { display:none; } #Header .mainBox { width:908px; height:290px; border:1px solid #333; background:#000 url(../images/bg1.gif) left top no-repeat; padding:15px; position:absolute; top:105px; left:50%; margin-left:-469px; } #Header .mainBox .imgArea { width:908px; height:290px; left top no-repeat; position:relative; } #Header .mainBox .imgArea .textArea { position:absolute; left:0px; bottom:0px; } #Header .nav { width:505px; right:0px; top:37px; height:44px; overflow:hidden; position:absolute; } #Header .nav li { display:inline; } #Header .nav li a { display:block; height:44px; float:left; padding-right:4px; margin-left:4px; border-right:1px solid #252829; } #Header .nav li a.Home { background:url(../images/home.gif) left bottom no-repeat; width:61px; } #Header .nav li a.Staffing { background:url(../images/staffing.gif) left bottom no-repeat; width:71px; } #Header .nav li a.Technology { background:url(../images/technology.gif) left bottom no-repeat; width:95px; } #Header .nav li a.Employment { background:url(../images/employment.gif) left bottom no-repeat; width:79px; } #Header .nav li a.AboutUs { background:url(../images/about-us.gif) left bottom no-repeat; width:80px; } #Header .nav li a.ContactUs { background:url(../images/contact-us.gif) left bottom no-repeat; width:95px; border-right:0px } #Header .nav li a.Home:hover, #Header .nav li a.HomeSel { background:url(../images/home.gif) left top no-repeat; width:61px; } #Header .nav li a.Staffing:hover, #Header .nav li a.StaffingSel { background:url(../images/staffing.gif) left top no-repeat; width:71px; } #Header .nav li a.Technology:hover, #Header .nav li a.TechnologySel { background:url(../images/technology.gif) left top no-repeat; width:95px; } #Header .nav li a.Employment:hover, #Header .nav li a.EmploymentSel { background:url(../images/employment.gif) left top no-repeat; width:79px; } #Header .nav li a.AboutUs:hover, #Header .nav li a.AboutUsSel { background:url(../images/about-us.gif) left top no-repeat; width:80px; } #Header .nav li a.ContactUs:hover, #Header .nav li a.ContactUsSel { background:url(../images/contact-us.gif) left top no-repeat; width:95px; } #Header .homeTxt { background:url(../images/home-text.jpg) left top no-repeat; width:464px; height:153px; position:absolute; top:171px; left:32px; } #Header .staffingTxt { background:url(../images/titles/staff_overview.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .contTxt { background:url(../images/contact.png) left top no-repeat; width:428px; height:76px; position:absolute; top:195px; left:23px; text-indent:-9999px; } #Header .staffing_systems { background:url(../images/titles/staff_systems.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .staffing_admin { background:url(../images/titles/staff_admin.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .staffing_bio { background:url(../images/titles/staff_bio.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .staffing_electrical { background:url(../images/titles/staff_electrical.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .staffing_IT { background:url(../images/titles/staff_IT.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .staffing_network { background:url(../images/titles/staff_network.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .staffing_solar { background:url(../images/titles/staff_solar.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .tech { background:url(../images/titles/tech.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .tech_desktop { background:url(../images/titles/tech_desktop_IP.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .tech_IP { background:url(../images/titles/tech_IP.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .about { background:url(../images/titles/about.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .referrals { background:url(../images/titles/referrals.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .contact { background:url(../images/titles/staff_solar.png) left top no-repeat; width:428px; height:126px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .techTxt { background:url(../images/technology.png) left top no-repeat; width:376px; height:110px; position:absolute; top:146px; left:23px; text-indent:-9999px; } #Header .adminTxt { background:url(../images/slogan_admin.jpg) left top no-repeat; width:429px; height:73px; position:absolute; top:157px; left:42px; text-indent:-9999px; } #Header .headerImg { width:419px; height:322px; position:absolute; background:url(../images/header-img.jpg) left top no-repeat; top:114px; right:54px; } #Header .holderinner .headerImg { top:103px; width:375px; height:296px; background:url(../images/header-img-inner.jpg) left top no-repeat; right:90px; } #Header .holderinner .contactImg { top:103px; width:375px; height:296px; background:url(../images/contact-img.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_main5 { top:103px; width:375px; height:296px; background:url(../images/staffing_main5.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_admin { top:103px; width:375px; height:296px; background:url(../images/staffing_admin.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_bio { top:103px; width:375px; height:296px; background:url(../images/staffing_bio.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_fire { top:103px; width:375px; height:296px; background:url(../images/staffing_fire.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_mechanical { top:103px; width:375px; height:296px; background:url(../images/staffing_mechanic.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_network { top:103px; width:375px; height:296px; background:url(../images/staffing_networking.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_solar { top:103px; width:375px; height:296px; background:url(../images/staffing_solar.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_staff_integration { top:103px; width:375px; height:296px; background:url(../images/tech_surveillance.jpg) left top no-repeat; right:90px; position:absolute; }/*staffing_integration.jpg*/ #Header .holderinner .headerImg_staff_IT { top:103px; width:375px; height:296px; background:url(../images/staffing_IT2.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_tech { top:103px; width:375px; height:296px; background:url(../images/tech_main.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_tech_audio { top:103px; width:375px; height:296px; background:url(../images/tech_audiovisual.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_tech_cable { top:103px; width:375px; height:296px; background:url(../images/tech_cable.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_tech_desktop { top:103px; width:375px; height:296px; background:url(../images/staffing_IT.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_tech_tele { top:103px; width:375px; height:296px; background:url(../images/tech_telephony2.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_tech_surveillance { top:103px; width:375px; height:296px; background:url(../images/tech_surveillance.jpg) left top no-repeat; right:90px; position:absolute; } #Header .holderinner .headerImg_tech_PM { top:103px; width:375px; height:296px; background:url(../images/tech_PM.jpg) left top no-repeat; right:90px; position:absolute; } /* ------- OtherBox ------- */ #OtherBox { width:968px; margin:auto; position:relative; } #OtherBox .Mainholder { position:absolute; width:968px; left:0px; top:-300px; } #OtherBox .topholder { width:868px; background:url(../images/background-other.png) left top repeat-y; padding:50px; padding-bottom:10px; } #OtherBox .bottom { width:968px; background:url(../images/bottom.png) left top no-repeat; height:10px; overflow:hidden; } #OtherBox h2 { color:#393d3f; font:normal 22px/27px Arial, Verdana; margin-bottom:29px; } #OtherBox .advSpace { position:relative; border:1px solid #009bc9; margin-bottom:40px; padding:20px; } #OtherBox .advSpace .name { position:absolute; background:#fff; padding:0px 6px; color:#000; left:20px; top:-14px; font:bold 20px Arial, Helvetica, sans-serif; white-space:nowrap; } #OtherBox td { padding:3px; vertical-align:top; } #OtherBox .inputBox { width:390px; font:normal 12px Arial, Helvetica, sans-serif; padding:3px; border:1px solid #ccc; background:#f2fcff; } #OtherBox select { width:400px; font:normal 12px Arial, Helvetica, sans-serif; padding:3px; border:1px solid #ccc; background:#f2fcff; } #OtherBox textarea { width:803px; font:normal 12px Arial, Helvetica, sans-serif; padding:3px; border:1px solid #ccc; background:#f2fcff; } #OtherBox textarea.sm { width:390px; font:normal 12px Arial, Helvetica, sans-serif; padding:3px; border:1px solid #ccc; background:#f2fcff; } /* ------- Content ------- */ #Content { background:url(../images/content-bg.gif) left top repeat-x; } #Content .Homeholder { background:url(../images/holder.gif) center top no-repeat; padding:60px 20px 25px 20px; } #Content .innerHolder { /*background:url(../images/holder2.gif) center top no-repeat;*/ padding:67px 20px 47px 0px; } #Content .floatLeft { width:299px; } #Content .floatRight { width:630px; font-size:13px; } #Content .floatRight h2, #Content .subHolder h2 { color:#393d3f; font:normal 22px/27px Arial, Verdana; margin-bottom:19px; } #Content .floatRight p { margin-bottom:18px; } #Content .floatRight ul{margin-left:30px; list-style:none; } #Content .floatRight li{background-image:url(../images/bullet.jpg); background-repeat: no-repeat; background-position: 0px; padding-left:20px; vertical-align:text-top } #Content .leftMenu { padding:0px 0px 13px 20px; width:277px; } #Content .tooper { height:166px; } #Content .relativeBox { position:relative; } #Content .haveaPosition { width:304px; height:166px; background:url(../images/have-a-position.jpg) left top no-repeat; position:absolute; top:0px; left:-2px; } #Content .haveaPosition .button { padding:94px 0px 0px 52px; } #Content .haveaPosition2 { width:304px; height:166px; background:url(../images/have-a-position2.jpg) left top no-repeat; position:absolute; top:0px; left:-2px; } #Content .haveaPosition2 .button2 { padding:94px 0px 0px 52px; } #Content .leftMenu .bottom { height:9px; overflow:hidden; font-size:1px; } #Content .leftMenu .top { background:url(../images/menu-top.gif) left top no-repeat; height:41px; } #Content .leftMenu .top2 { background:url(../images/menu-top2.jpg) left top no-repeat; height:41px; } #Content .leftMenu .bottom { background:url(../images/menu-bottom.gif) left top no-repeat; } #Content .leftMenu .mid { background:url(../images/menu-bg.gif) left bottom repeat-x; border-left:1px solid #e6e6e6; } #Content .leftMenu .mid li { list-style-type:none; display:inline; } #Content .leftMenu .mid li a { display:block; font:normal 13px/31px "Trebuchet MS", Arial, Verdana; padding-left:14px; color:#434749; text-decoration:none; background:url(../images/border.gif) left bottom no-repeat; } #Content .leftMenu .mid li a:hover, #Content .leftMenu .mid li a.last:hover, #Content .leftMenu .mid li a.on { background:url(../images/menu-o.gif) left top repeat-x; font:bold 13px/31px "Trebuchet MS", Arial, Verdana; color:#fff; } #Content .leftMenu .mid li a.last { background:url(../images/border.gif) left top repeat-x; } #Content .Homeholder .fL, #Content .Homeholder .fR { width:449px; } #Content .Homeholder .bottom { background:url(../images/border-bottom.png) left top no-repeat; width:489px; height:23px; position:absolute; top:0px; left:-30px; } #Content .Homeholder .fL .top { background:url(../images/st-sol.gif) left top no-repeat; height:47px; overflow:hidden; font-size:1px; } #Content .Homeholder .fR .top { background:url(../images/t-sol.gif) left top no-repeat; height:47px; overflow:hidden; font-size:1px; } #Content .Homeholder .mid { background:url(../images/mid-bg.gif) left bottom repeat-x #fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:12px; height:190px; padding-bottom:0px; } #Content .Homeholder .mid .headings { height:29px; width:260px; border-bottom:1px solid #e6e6e6; margin-bottom:8px; } #Content .lm { padding-top:4px; } #Content .fLeft { width:250px; } #Content .fRight { width:151px; } #Content .Homeholder .mid .fRight img { position:absolute; top:0px; left:-42px; } #Content .adv { padding-top:25px; width:940px; margin:auto; } #Content .floatRight .adv { padding-top:25px; width:630px; overflow:hidden; height:123px; } #Content .advSpace { position:relative; height:123px; border-bottom:0px; background:url(../images/adv.gif) left top no-repeat; } #Content .advSpace1 { position:relative; height:123px; border-bottom:0px; background:url(../images/adv2.gif) left top no-repeat; } #Content .advSpace .name, #Content .advSpace1 .name { position:absolute; background:#fff; padding:0px 6px; color:#000; left:36px; top:-10px; font:bold 17px Arial, Helvetica, sans-serif; } /* Easy Slider */ #slider { margin-left:37px; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ /* define width and height of container element and list item (slide) list items must be the same size as the slider area */ width:828px; height:123px; overflow:hidden; } #slider li{ font:normal 11px/17px Arial, Helvetica, sans-serif; color:#000; } #slider li .area { margin:19px 10px 0px 0px; } /*#slider .floatLeft { width:280px; height:182px; } */ #slider .fL { padding-right:20px; } #slider .fL h2 { color:#2270be; font:bold 13px Arial, Helvetica, sans-serif; margin:10px 0px; } #slider .txtScroll { height:84px; } span#prevBtn { background:url(../images/previous.gif) left top no-repeat; position:absolute; left:0px; top:0px; } span#prevBtn a, span#nextBtn a { display:block; height:123px; width:43px; text-indent:-9999px; overflow:hidden; } span#nextBtn{ background:url(../images/next.gif) left top no-repeat; position:absolute; left:896px; top:0px; } /* Easy Slider Inner */ #Content .floatRight .adv #slider1 { margin-left:37px; } #Content .floatRight .adv #slider1 ul, #Content .floatRight .adv #slider1 li{ margin:0; padding:0; list-style:none; } #Content .floatRight .adv #slider1, #Content .floatRight .adv #slider1 li{ /* define width and height of container element and list item (slide) list items must be the same size as the slider area */ width:578px; height:123px; overflow:hidden; } #Content .floatRight .adv #slider1 li{ font:normal 11px/17px Arial, Helvetica, sans-serif; color:#000; } #Content .floatRight .adv #slider1 li .area { margin:19px 0px 0px 0px; } /*#slider .floatLeft { width:280px; height:182px; } */ #Content .floatRight .adv #slider1 .fL { padding-right:20px; } #Content .floatRight .adv #slider1 .fL h2 { color:#2270be; font:bold 13px Arial, Helvetica, sans-serif; margin:10px 0px; } #Content .floatRight .adv #slider1 .txtScroll { height:84px; } #Content .floatRight .adv span#prevBtn { background:url(../images/previous.gif) left top no-repeat; position:absolute; left:0px; top:0px; } #Content .floatRight .adv span#prevBtn a, #Content .floatRight .adv span#nextBtn a { display:block; height:123px; width:43px; text-indent:-9999px; overflow:hidden; } #Content .floatRight .adv span#nextBtn { background:url(../images/next.gif) left top no-repeat; position:absolute; left:587px; top:0px; } #Content .subHolder { width:940px; float:right; line-height:20px; } #Content .footBox { padding:15px; text-align:center; border:1px solid #ccc; background:#F7F7F7; } #Content .subHolder .LFloat { width:255px; padding-right:22px; float:left; } #Content .subHolder .MFloat { width:313px; padding-right:22px; padding-left:22px; float:left; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; margin-bottom:20px; padding-bottom:15px; } #Content .subHolder .RFloat { width:270px; padding-left:22px; float:left; } /* ------- Footer ------- */ #Footer { width:940px; margin:auto; /*background:url(../images/footer-bg.gif) center top no-repeat;*/ text-align:center; } #Footer .top { font:normal 12px/30px Arial, Verdana; color:#137bb6; border-bottom:1px solid #fafafa; border-top:1px solid #fafafa; } #Footer .top a { color:#137bb6; text-decoration:none; padding:0px 2px; } #Footer .top a:hover { text-decoration:underline; } #Footer .bottom { color:#666; line-height:22px; font-family:Arial, Helvetica, sans-serif; font-size:10px; } #Footer .mid { color:#fff; font:bold 13px/37px Arial, Helvetica, sans-serif; background:url(../images/f-bg.gif) left top repeat-x #137BB6;} #Footer .mid .lft { background:url(../images/lft.gif) left top no-repeat; } #Footer .mid .rht { background:url(../images/rht.gif) right top no-repeat; }