/* =============================== */ /* = Eric Meyer's Reset Reloaded = */ /* =============================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background:#fff url(../images/bg.png) repeat-x; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a{color:#0069AA;} a:hover{color:#4088BF;} strong, em, b, i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } strong{font-weight:bold;} em{font-style:italic;} h1, h2, h3, h4, h5, h6, address { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } h3{font-weight:bold; font-size:18px; border-bottom:1px dotted #ccc; padding:0 0 5px 0; margin:0 0 15px 0;} h4{font-weight:bold; font-size:14px; border-bottom:1px dotted #004b79; padding:0 0 5px 0; margin:0 0 15px 0; color:#0069aa;} h5{font-weight:bold; font-size:12px; border-bottom:1px dotted #666; padding:0 0 5px 0; margin:0 0 15px 0; color:#666;} label{display:block; font-size:11px; font-weight:bold;} address{display:block; width:45%; float:left;} hr{border:none; border-bottom:1px dotted #666;} #contentHolder ul{margin:5px 0 20px 0; padding:0 20px; list-style-type:square;} #contentHolder li{} .ErrorMessage{background:#ffd7d7; color:#8c2a2a; font-size:11px;} .clear{clear:both;} #container{width:778px; margin:0 auto; position:relative;} #logo a{display:block; height:99px; width:170px; background:url(../images/logo.png); text-indent:-9999px;} #headerTab{position:absolute; left:590px; top:0; height:17px; width:159px; background:url(../images/header_tab.png); padding:20px 0 0 0; text-align:center; color:#a8a8a8; font-size:9px;} #headerTab a{color:#a8a8a8; text-decoration:none; text-transform:uppercase; padding:0 5px;} #headerTab a:hover{color:#fff;} #nav{display:block; position:absolute; top:99px; left:8px; height:39px; width:770px; background:url(../images/nav_bg.png);} #nav li{display:block; float:left; height:39px; width:93px; margin:0 30px;} #nav li.active{background:url(../images/nav_shadow.png) no-repeat top center;} #nav li#home a{display:block; height:39px; width:93px; background:url(../images/nav_home.png) no-repeat center center; text-indent:-9999px;} #nav li#home:hover{background:url(../images/nav_shadow.png) no-repeat bottom center;} #nav li#about a{display:block; height:39px; width:93px; background:url(../images/nav_about.png) no-repeat center center; text-indent:-9999px;} #nav li#about:hover{background:url(../images/nav_shadow.png) no-repeat bottom center;} #nav li#services a{display:block; height:39px; width:93px; background:url(../images/nav_services.png) no-repeat center center; text-indent:-9999px;} #nav li#services:hover{background:url(../images/nav_shadow.png) no-repeat bottom center;} #nav li#portfolio a{display:block; height:39px; width:93px; background:url(../images/nav_portfolio.png) no-repeat center center; text-indent:-9999px;} #nav li#portfolio:hover{background:url(../images/nav_shadow.png) no-repeat bottom center;} #nav li#contact a{display:block; height:39px; width:93px; background:url(../images/nav_contact.png) no-repeat center center; text-indent:-9999px;} #nav li#contact:hover{background:url(../images/nav_shadow.png) no-repeat bottom center;} #billboard{position:absolute; top:137px; left:8px; height:234px; width:770px;} #edge{position:absolute; top:353px; left:0; height:49px; width:8px; background:url(../images/edge.png);} #edge hr{display:none;} #solutions h3{display:block; position:absolute; top:371px; left:8px; height:27px; width:451px; background:url(../images/solutionsweoffer.png); text-indent:-9999px;} #solutions h4{border:0 !important;} #hilltop{position:absolute; top:398px; left:8px; height:220px; width:451px; background:url(../images/hilltopcms.jpg);} #hilltop h4{text-indent:-9999px;} #hilltop p{font-size:11px; color:#666; width:240px; margin:80px 0; padding:0 0 0 19px; line-height:14px;} #sitedirector{position:absolute; top:398px; left:234px; height:220px; width:225px; background:url(../images/sitedirector.jpg);} #sitedirector h4{text-indent:-9999px;} #sitedirector p {font-size:11px; color:#fff; width:90px; margin:25px 0; padding:0 0 0 25px; line-height:14px;} .learnmore{display:block; height:19px; width:75px; background:url(../images/btn_learnmore.png); text-indent:-9999px; margin:10px 0 0 0;} .learnmore:hover{background-position:bottom;} .readmore{display:block; height:19px; width:75px; background:url(../images/btn_readmore.png); text-indent:-9999px; margin:10px 0 0 0;} .readmore:hover{background-position:bottom;} #recentupdates{position:absolute; top:371px; left:459px; width:319px; height:247px; background:#ededed url(../images/recentupdates_footer.png) no-repeat bottom center;} #recentupdates h4{display:block; height:27px; width:319px; background:url(../images/recentupdates.png); text-indent:-9999px; border:0 !important; padding:0;} #recentupdates p{margin:10px 0; padding:0 10px 0 15px; font-size:11px; line-height:14px;} #recentupdates img{background:#fff; border:1px solid #c2c2c2; padding:2px; float:left; margin:0 5px 0 0;} #recentupdates strong{color:#123247; font-weight:bold;} #recentupdates hr{height:2px; border:0; margin-right:10px; border-top:1px solid #fff; border-bottom:1px solid #e6e6e6;} #container.fuseaction_home_home #footer{position:absolute; top:630px; width:770px; text-align:center; color:#b9b9b9; font-size:9px; display:block;} #footer{position:absolute; bottom:20px; width:770px; text-align:center; color:#b9b9b9; font-size:9px; display:none;} #contentHolder{position:absolute; top:150px; left:8px; width:770px; font-size:12px; line-height:18px; text-align:justify;} #contentHolder p{margin:0 0 20px 0;} #contentHolder.fuseaction_aboutgsl_home{background:#ededed url(../images/content_mission.jpg) no-repeat !important;} #contentHolder.fuseaction_aboutgsl_merger{background:#ededed url(../images/content_merger.jpg) no-repeat !important;} #contentHolder.fuseaction_ourservices_home{background:#ededed url(../images/content_customized.jpg) no-repeat !important;} #contentHolder.fuseaction_portfolio_home{background:#ededed url(../images/content_portfolio.jpg) no-repeat !important;} #contentHolder.fuseaction_contactus_contactus{background:#ededed url(../images/content_contact.jpg) no-repeat !important;} #contentHolder.fuseaction_aboutgsl_employment{background:#ededed url(../images/content_jobs.jpg) no-repeat !important;} #contentHolder.fuseaction_ourservices_sitedirector{background:#ededed url(../images/content_sitedirector.jpg) no-repeat !important;} #contentHolder.fuseaction_ourservices_hilltop{background:#ededed url(../images/content_hilltop.jpg) no-repeat !important;} #contentHolder.fuseaction_clientspotlight_home{background:#ededed url(../images/content_spotlight.jpg) no-repeat !important;} #contentHolder.fuseaction_clientspotlight_home img{margin:0 0 3px 5px; padding:5px; border:1px solid #ccc; background:#ededed;} #contentHolder.fuseaction_login_clientlogin{background:#ededed url(../images/content_login.jpg) no-repeat !important;} #contentHolder.circuit_clientlogin{background:#ededed url(../images/content_support.jpg) no-repeat !important;} #contentHolder.circuit_clientprojects{background:#ededed url(../images/content_support.jpg) no-repeat !important;} #contentHolder.circuit_clientsupport{background:#ededed url(../images/content_support.jpg) no-repeat !important;} #contentHolder.fuseaction_portfolio_list{background:#ededed url(../images/content_spotlight.jpg) no-repeat !important;} #content{margin-top:100px; padding-left:25px; width:450px; min-height:400px;} #subNav{position:absolute; top:138px; left:8px; z-index:5; background:#000; height:12px; width:770px;} #subNav ul{display:block; height:15px; z-index:10; margin-top:9px;} #subNav li{display:block; padding:0 0 3px 0; float:left; list-style-type:none; height:12px; background-color:#000;} #subNav a{display:block; padding:0 15px 0 15px; margin:0 0 ; float:left; color:#fff; font-size:10px; text-decoration:none;} .subNavStart{display:block; margin-top:3px; float:left; height:12px; width:10px; background:transparent url(../images/subnav_start.png) no-repeat !important; text-indent:-9999px;} .subNavEnd{display:block; margin-top:3px; float:left; height:12px; width:10px; background:transparent url(../images/subnav_end.png) no-repeat !important; text-indent:-9999px;} .subnav_aboutgsl{margin-left:120px;} .subnav_ourservices{margin-left:230px;} .subnav_contactus{margin-left:520px;} .subnav_clientspotlight{margin-left:380px;} .subnav_portfolio{display:none !important;} .subnav_login{display:none !important;} .subnav_clientlogin{margin-left:20px;} .subnav_clientprojects{margin-left:20px;} .subnav_clientsupport{margin-left:20px;} #footerContent{position:relative; height:10px; width:770px; background:url(../images/content_footer.png);} /* ============= */ /* = Portfolio = */ /* ============= */ #viewerSection{position:absolute; top:85px; left:30px; color:#bbbbbb;} #viewerSection a{color:#bbbbbb; text-decoration:none;} #viewerSection a.active{color:#fff;} #viewer{position:absolute; top:109px; left:29px; height:200px; width:450px;} #prev{z-index:10; position:absolute;} #next{z-index:10; position:absolute; left:342px;} #imageSlider{position:absolute; top:20px; left:110px; width:450px; height:160px;} #imageSlider2{position:absolute; top:20px; left:0; width:75px; height:200px; overflow:hidden;} #imageSlider3{position:absolute; top:20px; left:375px; width:74px; height:200px; overflow:hidden;} #imageDescription{position:absolute; top:180px; left:110px; width:230px; color:#fff; font-size:9px; font-weight:bold; } #sectionDesc{position:absolute; left:500px; top:105px; color:#bbbbbb; width:250px;} #sectionDesc h4{font-weight:bold; font-size:12px; color:#fff; margin:0 0 10px 0;} .fuseaction_portfolio_list li{text-align:left;} /* =========== */ /* = Support = */ /* =========== */ #loginForm{padding:20px; width:300px; margin:20px auto 100px auto; background:#e3e3e3; border:5px solid #c0c0c0;} #addSupport{position:absolute; left:510px; top:100px;} textarea{margin:0 0 20px 0;}