@charset "UTF-8"; /* HTML TAGS */ body { font: 12px Arial, Verdana, Helvetica, sans-serif; background: #000000; margin: 0; padding: 0; text-align: center; color: #000000; } img { border: none; } p { margin: 0; padding: 20px 0 0 0; } p.first { padding: 0; } h1 { color:#FFFFFF; font-size: 12px; font-weight: bold; } h2 { margin: 0; padding: 20px 0 0 0; color:#000000; font-weight: bold; } h2.whoTitle { color:#3C6469; font-weight: bold; } h2.whatTitle { color:#7D7C4E; font-weight: bold; } h2.solutionsTitle { color:#523E59; font-weight: bold; } h2.solutionsTitle a { color:#523E59; text-decoration: none; } h2.resourcesTitle { color:#AA773C; font-weight: bold; } h2.resourcesTitle a { color:#AA773C; text-decoration: none; } h2.newTitle { color:#363; font-weight: bold; } h3 { margin: 0; padding: 20px 0; color:#000000; font-weight: bold; } /* GLOBAL PAGE STRUCTURE */ .container { width: 898px; background: #FFFFFF; margin: 0 auto; border: none; text-align: left; } .header { background: #000000; padding: 0 10px 0 20px; background-image: url(../images/hdr_hyperactive.jpg); background-position: bottom right; background-repeat: no-repeat; height: 100px; } .headercontact { float:right; margin: 0; padding: 15px 20px 0 5px; font-size: 10px; font-weight: normal; } .header a { margin: 0; padding: 10px 5px; color: #FFFFFF; font-weight:bold; font-size: 11px; } .headertitle { width:300px; float:left; margin: 0; padding: 15px 0 0 5px; color: #298C92; font-size: 16px; font-weight: bold; } .headertitle a { width:300px; float:left; margin: 0; padding: 15px 0 0 5px; color: #298C92; font-size: 16px; font-weight: bold; } .mainContent { padding: 5px 30px; background: #FFFFFF; background-image: url(../images/hyperactive-full-bg.jpg); background-repeat: no-repeat; } .footer { padding: 10px 10px; background:#000000; text-align: center; font-style: normal; font-size: 10px; } .footer p { margin: 0; padding: 5px 0; color: #FFFFFF; } .footer a { margin: 20px 5px; color: #FFFFFF; } /* HOME PAGE */ .zygologo { width:75px; float:left; margin: 0; padding: 0 15px 0 0; } .who { font-size:11px; width:172px; float:left; margin: 0 10px 0 0; padding: 15px; background: #FFFFFF; background-image: url(../images/bg_2px-who-we-are.jpg); background-position: top left; background-repeat: repeat-x; } .whopic { margin: 0 0 0 17px; padding: 0; } .wholink { font-size:14px; font-weight:bold; color:#47787E; } .what { font-size:11px; width:172px; float:left; margin: 0 10px 0 0; padding: 15px; background: #FFFFFF; background-image: url(../images/bg_2px-what-we-do.jpg); background-position: top left; background-repeat: repeat-x; } .whatpic { margin: 0 0 0 10px; padding: 0; } .whatlink { font-size:14px; font-weight:bold; color:#848256; } .solutions { font-size:11px; width:172px; float:left; margin: 0 10px 0 0; padding: 15px; background: #FFFFFF; background-image: url(../images/bg_2px-solutions.jpg); background-position: top left; background-repeat: repeat-x; } .solutionslink { font-size:14px; font-weight:bold; color:#594496; } .resources { font-size:11px; width:172px; float:left; margin: 0; padding: 15px; background: #FFFFFF; background-image: url(../images/bg_2px-resources.jpg); background-position: top left; background-repeat: repeat-x; } .resourceslink { font-size:14px; font-weight:bold; color:#A66F2F; } /* SUB PAGES */ .whoMainContent { padding: 5px 30px; background-image: url(../images/bg_sub_who-we-are-2px.jpg); background-repeat: repeat-x; background-color: #CDEEF2; } .whatMainContent { padding: 5px 30px; background-image: url(../images/bg_sub_what-we-do-2px.jpg); background-repeat: repeat-x; background-color: #F3F0CD; } .solutionsMainContent { padding: 5px 30px; background-image: url(../images/bg_sub_solutions-2px.jpg); background-repeat: repeat-x; background-color: #D1CFDF; } .resourcesMainContent { padding: 5px 30px; background-image: url(../images/bg_sub_resources-2px.jpg); background-repeat: repeat-x; background-color: #E1D1BD; } .newMainContent { padding: 5px 30px; background-image: url(../images/bg_sub_whats-new-2px.jpg); background-repeat: repeat-x; background-color: #C5F2CA; } .subsubMainContent { padding: 5px 30px; background-image: url(../images/bg_sub_sub-2px.jpg); background-repeat: repeat-x; background-color: #FFFFFF; } .subLeftCol { width: 150px; float: left; margin: 0; padding: 0; border: none; text-align: left; } .subLeftCol p { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 5px 0 0 5px; } .subLeftCol ul { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 5px; } .subLeftCol li { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; } .subRightCol { width: 670px; float: right; margin: 0; padding: 0; border: none; text-align: left; } .subLeftColCGI { width: 200px; float: left; margin: 0; padding: 0; border: none; text-align: left; } .subLeftColCGI p { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 5px 0 0 5px; } .subLeftColCGI ul { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 5px; } .subLeftColCGI li { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; } .subLeftColHyper { width: 185px; float: left; margin: 0; padding: 0; border: none; text-align: left; } .subLeftColHyper p { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 5px 0 0 5px; } .subLeftColHyper ul { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 5px; } .subLeftColHyper li { font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; } .subRightColCGI { width: 620px; float: right; margin: 0; padding: 0; border: none; text-align: left; } .subOneCol { width: 836px; float: right; margin: 0; padding: 0; border: none; text-align: left; } .return { font: 9px Arial, Verdana, Helvetica, sans-serif; margin: -20px 0 0 0; padding: 40px 0 40px 0; } .zygoBanner { margin:10px 0 10px 0; } /* UTILITIES */ .white { color:#FFFFFF; } .floatPicLeft { float: left; margin: 0; padding: 0; } .floatPicRight { float: right; margin: 10px 0 10px 10px; padding: 0; } .floatPicRightFat { float: right; margin: 20px 50px 0 0; padding: 0; } .centered { text-align: center; margin: 0; padding: 0; }