/* This is the main css page for Go2ITGroup.com Design by Go2IT Group Website Solutions Last Updated: Oct 27, 2009 */ /* Site Colors: Headings: Sub Heading: Main Area Text: Links: */ /* ******************************************************************************************************* * Template Layout * ********************************************************************************************************* */ /* Site Container */ /* Main Wrapper */ #SiteWrapper { position: absolute; top: 0px; left: 10%; width: 945px; height: 780px; } /* Header */ #Header { position: absolute; top: 0px; left: 0%; width: 100%; height: 109px; } #Header-Inside-Left { position: absolute; left: 0%; width: 205px; height: 71px; bottom:1px } #Header-Inside-Right { position: absolute; width: 113px; height: 64px; right: 1px; bottom:1px } #HeaderLoginBox { position: absolute; width: 84px; height: 55px; right: 350px; bottom:-9px } #HeaderDivBar { position: absolute; width: 5px; height: 55px; right: 340px; bottom:-12px } #HeaderTechPortal { position: absolute; width: 84px; height: 55px; right: 250px; bottom:-8px } #headerfacebook { position: absolute; width: 84px; height: 55px; right: 165px; bottom:-8px } /* Menu Bar */ #MenuBar { position: absolute; top: 113px; left: 0%; width: 100%; height: 32px; overflow:visible; z-index:500 } /* Main Content Box */ /* This box will hold all the content for both the main page and all sub pages. */ #MainContentBox { position: absolute; top: 150px; left: 0%; width: 100%; height:425px; float:left } /* Main Content - Main Page -*/ #sliderbox { position: absolute; left: 0%; width: 58%; height:auto } #newsbox { position: absolute; left: 60%; width: 40%; height:auto } /* Main Content - Sub Pages -*/ /* Footer */ #Footer { position: absolute; bottom: 1px; left: 0%; width: 100%; height:100px; clear:both; background-image: url('../go2itimages/FooterBG.png'); background-repeat:no-repeat } /* ****************************************************************************************************** * Main Page Layout * ******************************************************************************************************** */ #MainPageWrapper { position: absolute; top: 0px; left: 0%; width: 100%; height: 530px; } #MainPageSlider { position: absolute; top: 3px; left: 0%; width: 445px; height: 300px; z-index:0 } #MainPageRightTabs { position: absolute; top: 0px; right: 2px; width: 488px; height: 300px; } #MainPageRightTabsWrapper { position: absolute; top: 2px; width: 100%; height: 207px; } #MainPageDivide { position: absolute; top: 310px; width: 100%; height: 10px; } #MainPageServicesBox1 { position: absolute; bottom: 15px; width: 221px; height: 176px; } #MainPageServicesBox2 { position: absolute; left: 240px; bottom: 15px; width: 221px; height: 176px; } #MainPageServicesBox3 { position: absolute; left: 475px; bottom: 15px; width: 221px; height: 176px; } #MainPageServicesBox4 { position: absolute; left: 720px; bottom: 15px; width: 221px; height: 176px; } #MainPageSlashPrices { position: absolute; bottom: 23px; width: 100%; height: 84px; } /* ****************************************************************************************************** * Sub Page Layout * ******************************************************************************************************** */ /* Subpage Wrapper */ #SubPageWrapper { position: absolute; top: 0px; width: 943px; height: 550px;} /* Menu Tab*/ #SubMenuContainer { position: absolute; width: 761px; height: 106px; float:left; top:2px; background-image:url('../go2itimages/SubMenuHeader.png')} #SubMenuOverView { position: absolute; width: 75px; height: 47px; float:left; bottom: 24px; left: 187px} #SubMenuBasic { position: absolute; width: 52px; height: 47px; float:left; bottom:24px; left: 276px} #SubMenuAdvanced { position: absolute; width: 70px; height: 47px; float:left; bottom:24px; left: 330px} #SubMenuSignature { position: absolute; width: 60px; height: 47px; float:left; bottom:24px; left: 407px} #SubMenuTagLine { position: absolute; width: 481px; height: 24px; float:left; left: 0px; bottom: 0px} #SubMenuImage { position: absolute; width: 280px; height: 106px; float:left; right: 0px;} /* Center Area*/ #SubCenterAreaContainer { position: absolute; width: 761px; height: 400px; float:left; top:111px } #SubCenterAreaTopBar { position: absolute; width: 761px; height: 39px; float:left; top:1px; background-image:url('../go2itimages/TopBar.png') } #SubCenterMidBar { position: absolute; padding-left:5px; width: 761px; height: 336px; float:left; top:40px; background-image:url('../go2itimages/MidBar.png') } #SubCenterBottomBar { position: absolute; width: 761px; height: 39px; float:left; top:374px; background-image:url('../go2itimages/BottomBar.png'); z-index:-1 } /* Right Side*/ #SubRightSideContainer { position: absolute; width: 175px; height: 504px; top:2px; right: 0px; } #SubRightChatNow{ position: absolute; width: 175px; height: 75px; top:2px; right: 0px; } #SubRightContactUs{ position: absolute; width: 175px; height: 255px; top:90px; right: -2px; background-image:url('../go2itimages/contactusbg.png'); background-repeat:no-repeat} #SubContactUsForm{ position: absolute; width: 175px; height: 150px; top:85px; left: 5px} #SubRightCostSavings { position: absolute; width: 175px; height: 171px; top:350px; right: 0px;} /* Manged Services Page */ #MainBoxcenterCCBasic { position: absolute; width: 180px; height: 98px; float:right; top:-15px; right: 15px; } #ManCenterInfo { position: absolute; width: 98%; height: 100px; float:right; bottom:2px; } #MainBoxCenterBottom { position: absolute; width: 73%; height: 93px; top: 275px; z-index:100; overflow:visible;} #MainBoxCenterCCAdvantage { position: absolute; width: 180px; height: 70px; float:right; top:115px; right: 9px; } #MainBoxCenterCCSignature { position: absolute; width: 180px; height: 98px; float:right; top:240px; right: 9px;} #MainBoxcenterBlueBar { position: absolute; width: 10px; height: 300px; float:right; top:-15px; right: 190px; } #MainBoxcenterCC1 { position: absolute; width: 180px; height: 71px; float:right; top:-15px; right: 15px; } #MainBoxCenterCC2 { position: absolute; width: 180px; height: 70px; float:right; top:60px; right: 9px; } #MainBoxCenterCC3 { position: absolute; width: 180px; height: 74px; float:right; top:135px; right: 9px;} #MainBoxCenterCC4 { position: absolute; width: 180px; height: 74px; float:right; top:205px; right: 9px;} #MainBoxCenterCC5 { position: absolute; width: 180px; height: 74px; float:right; top:297px; right: 9px;} /* Contactus Page */ #ContactUsBox { position: absolute; width: 332px; height: 190px; float:right; bottom:30px; right: 15px; border-color:#2D4B79; border-left-width:medium } /* About Us Page */ #SubMenuContainerAboutUs { position: absolute; width: 761px; height: 106px; float:left; top:2px; background-image:url('../go2itimages/aboutusheader.png'); background-repeat:no-repeat} /* Client Login-in Page */ #SubMenuContainerClientLogin { position: absolute; width: 761px; height: 106px; float:left; top:2px; background-image:url('../go2itimages/clientloginheader.png'); background-repeat:no-repeat} /* Contact Us Page */ #SubMenuContainerContactUs { position: absolute; width: 761px; height: 106px; float:left; top:2px; background-image:url('../go2itimages/contactusheader.png'); background-repeat:no-repeat} /* Government Page */ #SubMenuContainerGovernment { position: absolute; width: 761px; height: 106px; float:left; top:2px; background-image:url('../go2itimages/governmentheader.png'); background-repeat:no-repeat} #GovernmentSideBar { position: absolute; width: 173px; height: 65px; top: -15px; z-index:100; overflow:visible; right: 12px } /* Services Page */ #SubMenuContainerServices { position: absolute; width: 761px; height: 106px; float:left; top:0px; background-image:url('../go2itimages/servicesheader.png'); background-repeat:no-repeat} #MainBoxCenterBottomServices { position: absolute; width: 218px; height: 143px; top: 215px; z-index:100; overflow:visible; left: 25% } #SubServicesRightManagedServices { position: absolute; width: 173px; height: 65px; top: -15px; z-index:100; overflow:visible; right: 12px } #SubServicesRightMaintenance { position: absolute; width: 175px; height: 60px; top: 80px; z-index:100; overflow:visible; right: 12px } #SubServicesRightFieldServices { position: absolute; width: 175px; height: 71px; top: 175px; z-index:100; overflow:visible; right: 12px } #SubServicesRightProServices{ position: absolute; width: 177px; height: 68px; bottom: 0px; z-index:100; overflow:visible; right: 12px } /* Professional Services Page */ #SubMenuContainerProfessionalServices { position: absolute; width: 761px; height: 106px; float:left; top:0px; background-image:url('../go2itimages/proservicesheader.png'); background-repeat:no-repeat} #MainBoxCenterBottomProfessionalServices { position: absolute; width: 369px; height: 128px; top: 240px; z-index:100; overflow:visible; left: 15% } #SubProfesstioanlServicesITStaffing { position: absolute; width: 178px; height: 89px; top: -15px; z-index:100; overflow:visible; right: 12px } #SubProfessionalServicesRightWebDesign { position: absolute; width: 178px; height: 60px; top: 115px; z-index:100; overflow:visible; right: 12px } #SubProfesstionalServicesRightPayrollSolutions { position: absolute; width: 178px; height: 103px; bottom: -10px; z-index:100; overflow:visible; right: 12px } /* IT Staffing Page */ #MainBoxCenterBottomITStaffing { position: absolute; width: 100%; height: 225px; bottom: -40px; z-index:100; overflow:visible; left: 15px } /* Website Solutions Page */ #MainBoxCenterBottomWebsiteSolutions { position: absolute; width: 555px; height: 125px; top: 240px; z-index:100; overflow:visible; left: 10px } /* Field Services */ #SubMenuContainerFieldServices { position: absolute; width: 761px; height: 106px; float:left; top:0px; background-image:url('../go2itimages/fieldservicesheader.png'); background-repeat:no-repeat} #SubFieldServicesUpgrades { position: absolute; width: 180px; height: 67px; top: -15px; z-index:100; overflow:visible; right: 12px } #SubFieldServicesDeployments { position: absolute; width: 180px; height: 69px; top: 130px; z-index:100; overflow:visible; right: 12px } #SubFieldServicesDeinstalls { position: absolute; width: 180px; height: 87px; bottom: -10px; z-index:100; overflow:visible; right: 12px } #MainBoxCenterBottomFieldServices { position: absolute; width: 555px; height: 135px; top: 210px; z-index:100; overflow:visible; left: 10px } /* Maintenance & Support */ #SubMenuContainerMaintenance { position: absolute; width: 761px; height: 106px; float:left; top:0px; background-image:url('../go2itimages/maintsupportheader.png'); background-repeat:no-repeat} #SubMaintenanceServerRepair { position: absolute; width: 178px; height: 105px; top: -15px; z-index:100; overflow:visible; right: 12px } #SubMaintenanceHardware { position: absolute; width: 180px; height: 71px; top: 130px; z-index:100; overflow:visible; right: 12px } #SubMaintenanceEmergency { position: absolute; width: 180px; height: 56px; bottom: -10px; z-index:100; overflow:visible; right: 12px } #MainBoxCenterBottomMaintenance { position: absolute; width: 555px; height: 135px; top: 210px; z-index:100; overflow:visible; left: 10px } /* Cost Savings Calculator Page */ #MainBoxCenterBottomCostSavings { position: absolute; width: 747px; height: 1000px; top: 75px; z-index:100; overflow:visible;} /* Cost Savings Results */ #CostSavingsSiteWrapper { position: absolute; top: 0px; left: 10%; width: 945px; height: 1080px; } #CostSavingsSubCenterMidBar { position: absolute; padding-left:5px; width: 761px; height: 636px; float:left; top:40px; background-image:url('../go2itimages/MidBar.png') } #CostSavingsSubCenterBottomBar { position: absolute; width: 761px; height: 39px; float:left; top:674px; background-image:url('../go2itimages/BottomBar.png'); z-index:-1 } #CostSavingsMenuBar { position: absolute; top: 0px; left: 0%; width: 100%; height: 32px; overflow:visible; z-index:500 } #CostSavingsSubPageWrapper { position: absolute; top: 0px; width: 943px; height: 1000px;} #CostSavingsSubCenterAreaContainer { position: absolute; width: 761px; height: 1000px; float:left; top:111px } #CostSavingsCompare { position: absolute; width: 370px; height: 370px; z-index: 1; background-image:url('http://www.go2itgroup.com/go2itimages/comparebg.png'); background-repeat: no-repeat; left: 375px; top: 285px} #CostSavingsSpecial1 { position: absolute; width: 362px; height: 115px; z-index: 1; background-image:url('http://www.go2itgroup.com/go2itimages/leftsideimg1.png'); background-repeat: no-repeat; left: 7px; top: 283px} #CostSavingsSpecial2 { position: absolute; width: 362px; height: 115px; z-index: 1; background-image:url('http://www.go2itgroup.com/go2itimages/leftsideimg2.png'); background-repeat: no-repeat; left: 7px; top: 413px} #CostSavingsSpecial3 { position: absolute; width: 362px; height: 115px; z-index: 1; background-image:url('http://www.go2itgroup.com/go2itimages/leftsideimg3.png'); background-repeat: no-repeat; left: 7px; top: 541px} #CSS1 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 366px} #CSS2 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 392px} #CSS3 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 419px} #CSS4 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 445px} #CSS5 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 471px} #CSS6 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 497px} #CSS7 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 523px} #CSS8 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 549px} #CSS9 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 575px} #CSS10 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 601px} #CSS11 { position: absolute; width: 16px; height: 22px; z-index: 3; left: 614px; top: 627px} #CostSavingsSubContactUsForm{ position: absolute; width: 175px; height: 150px; left: 5px; top:85px} #CostSavingsGo2ITCanHelp { position: absolute; width: 175px; height: 293px; top:528px; right: 0px; background-image:url('http://www.go2itgroup.com/go2itimages/canhelpbg.png'); background-repeat: no-repeat; } #CostSavingsITBudget {position: absolute; width: 334px; height: 152px; top:0px; left: 20px; background-image:url('http://www.go2itgroup.com/go2itimages/itbudgetbg.png'); background-repeat: no-repeat; } #CostSavingsStaff {position: absolute; width: 334px; height: 152px; top:0px; right:20px; background-image:url('http://www.go2itgroup.com/go2itimages/staffbg.png'); background-repeat: no-repeat; } #CostSavingsEquipment {position: absolute; width: 726px; height: 63px; top:155px; left:20px; background-image:url('http://www.go2itgroup.com/go2itimages/equipmentbg.png'); background-repeat: no-repeat; padding-top:15px; padding-left:10px } #CostSavingsServices {position: absolute; width: 729px; height: 143px; top:220px; left:20px; background-image:url('http://www.go2itgroup.com/go2itimages/servicebg.png'); background-repeat: no-repeat; padding-top:5px; padding-left:10px } #AuditForm {position: absolute; width: 729px; height: 143px; top:25%; left:25%; z-index:1000; display:none } /* Save 15% to 50% Page */ #BigSavingsMainBoxCenterCCAdvantage { position: absolute; width: 180px; height: 70px; float:right; top:115px; right: 9px; } #BigSavingsMainBoxCenterCCSignature { position: absolute; width: 100px; height: 98px; top:170px; left: 600px;} #BigSavingsMainBoxcenterCCBasic { position: absolute; width: 180px; height: 98px; float:right; top:-15px; right: 15px; } #CCEvalTop { position: absolute; width: 100%; height: 60px; float:right; top:-30px; left: 0px; } #CCEvalMidQuestion { position: absolute; width: 100%; height: 130px; float:right; top:50px; left: 0px; } #CCEvalResponceYes { position: absolute; width: 95%; height: 150px; float:right; top:185px; left: 0px; padding-left:10px; padding-right: 5px; display:none } #CCEvalResponceNo { position: absolute; width: 95%; height: 150px; float:right; top:185px; left: 0px; padding-left:10px; padding-right: 5px; display:none } #CCEvalResponceNotSure { position: absolute; width: 95%; height: 150px; float:right; top:185px; left: 0px; padding-left:10px; padding-right: 5px; display:none } #CCEvalStatusBar { position: absolute; width: 100%; height: 40px; float:right; top:325px; left: 0px; } #CCEvalResponce { position: absolute; width: 95%; height: 150px; float:right; top:185px; left: 0px; padding-left:10px; padding-right: 5px; } #CCEvalMidQuestion1 { position: absolute; width: 95%; height: 130px; float:right; top:50px; left: 20px; } #disclaimer { position: absolute; width: 95%; height: 130px; float:right; top: 1100px; left: 10% } /* Submit Ref */ #SubmitRefSiteWrapper { position: absolute; top: 0px; left: 10%; width: 945px; height: 1625px; } #SubmitRefMainContentBox { position: absolute; top: 150px; left: 0%; width: 100%; height:425px; float:left } #SubmitRefSubCenterMidBar { position: absolute; padding-left:5px; width: 761px; height: 1150px; float:left; top:40px; background-image:url('../go2itimages/MidBar.png') } #SubmitRefSubCenterBottomBar { position: absolute; width: 761px; height: 39px; float:left; top:1190px; background-image:url('../go2itimages/BottomBar.png'); z-index:-1 } #SubmitRefSubPageWrapper { position: absolute; top: 0px; width: 943px; height: 550px;} /* AboutUs */ #SiteWrapperAboutUs { position: absolute; top: 0px; left: 10%; width: 945px; height: 950px; } #MainContentBoxAboutUs { position: absolute; top: 150px; left: 0%; width: 100%; height:425px; float:left } #SubCenterMidBarAboutUs { position: absolute; padding-left:5px; width: 761px; height: 500px; float:left; top:40px; background-image:url('../go2itimages/MidBar.png') } #SubCenterBottomBarAboutUs { position: absolute; width: 761px; height: 39px; float:left; top:530px; background-image:url('../go2itimages/BottomBar.png'); z-index:-1 } #SubPageWrapperAboutUs { position: absolute; top: 0px; width: 943px; height: 550px;} /* Online Backup */ #SubMenuContainerOnlineBackup { position: absolute; width: 761px; height: 106px; float:left; top:0px; background-image:url('../go2itimages/onlinebackupheader.png'); background-repeat:no-repeat} #MainBoxcenterOB1 { position: absolute; width: 180px; height: 71px; float:right; top:-15px; right: 10px; } #MainBoxCenterOB2 { position: absolute; width: 180px; height: 70px; float:right; top:125px; right: 9px; } #MainBoxCenterOB4 { position: absolute; width: 180px; height: 74px; float:right; top:250px; right: 9px;} #SubPageWrapperFreeTrial { position: absolute; top: 0px; width: 950px; height: 850px;} #MainContentBoxFreeTrial { position: absolute; top: 150px; left: 0%; width: 100%; height:900px; float:left } #SubCenterMidBarFreeTrial { position: absolute; padding-left:5px; width: 950px; height: 800px; float:left; top:40px; background-image:url('../go2itimages/FTMidBar.png') } #SubCenterBottomFreeTrial { position: absolute; width: 950px; height: 43px; float:left; top:840px; background-image:url('../go2itimages/FTBotBar.png'); z-index:-1 } #SiteWrapperFreeTrial { position: absolute; top: 0px; left: 10%; width: 950px; height: 1250px; } #SubCenterAreaTopBarFreeTrial { position: absolute; width: 950px; height: 39px; float:left; top:1px; background-image:url('../go2itimages/FTTopBar.png') } }