/* CSS Style Sheet - Contents ------------------------------------------------------ 1. STRUCTURE - dimensions, positioning, and bg for #pageheader, #pagebody, and #pagefooter 2. MAIN MENU - all styles for main menu and sub menu 3. DEFAULT TAG STYLES - styling for tags having no id nor class 4. CUSTOM STYLES - styling for IDs or classes (in alphabetical order) -----------------------------------------------------*/ * {margin:0px; padding:0px;} /* ********* ================================================================ STRUCTURE =============================================================== ********* */ /* ///// Page Header /////*/ #pageheader {width:100%; height:95px/*95*/; background:#FFFFFF; position:relative;} #pageheader_wrap {width:960px/*960*/; height:95px/*95*/; background:#FFFFFF; margin:0px auto; position:relative;} /* ///// Page Body /////*/ #pagebody {width:100%; height:auto; background:#F0EEED; margin-bottom:60px; clear:both;} #pagebody_wrap {width:960px/*960*/; height:auto; margin:0px auto;} #subject {width:571px/*632*/; height:auto; padding:0px 28px 0px 33px; float:left; background:#F0EEED;} #sidebar {width:328px/*328*/; height:auto; padding:0px; float:left; background:#F0EEED;} #pagebody_wrap.onecolumn #subject {width:904px/*960*/; padding:0px 28px; float:none;} /* ///// Page Footer /////*/ #pagefooter {width:100%; height:44px/*44*/; background:#F0EEED; margin-bottom:30px;} #pagefooter_wrap {width:940px/*950*/; height:32px/*44*/; padding:12px 5px 0px 5px; margin:0px auto; background:#A69991 url(../_images/layout/footer_bg.png) no-repeat center center; clear:both;} /* ********* ================================================================ MAIN MENU =============================================================== ********* */ #mainmenu_container {width:100%; height:48px/*48*/; margin-bottom:5px; background:#F0EEED; position:relative; clear:both; z-index:99;} /* --- Main Menu --- */ /*#mainmenu_wrap {width:950px; height:29px; position:relative; clear:both; z-index:99;}*/ #mainmenu_wrap {width:960px/*960*/; height:48px/*48*/; margin:0px auto; position:relative; background:url(../_images/layout/mainmenu_bottomshadow.png) no-repeat left bottom; clear:both; z-index:99;} /*ul#mainmenu {width:950px; height:29px; list-style:none; margin:0px; padding:0px; background:#ffffff; position:absolute; top:0px; left:0px;}*/ ul#mainmenu {width:960px; height:43px; list-style:none; margin:0px; padding:0px; background:transparent; position:absolute; top:0px; left:0px;} /*#mainmenu li {float:left; text-align:left; height:29px; position:absolute;}*/ #mainmenu li {float:left; text-align:left; height:43px; position:absolute;} #mainmenu #about_li {left:0px; top:0px; width:86px;} /*#mainmenu #managedservices_li {left:86px; top:0px; width:178px;}*/ #mainmenu #process_li {left:86px; top:0px; width:94px;} #mainmenu #portfolio_li {left:180px; top:0px; width:100px;} #mainmenu #managedservices_li {left:280px; top:0px; width:178px;} #mainmenu #knowledge_li {left:458px; top:0px; width:120px;} #mainmenu #news_li {left:578px; top:0px; width:150px;} #mainmenu #contact_li {left:728px; top:0px; width:93px;} #mainmenu #blank_li {left:821px; top:0px; width:317px;} #mainmenu a.mainbutton {display:block; height:43px; text-align:center; background:url(../_images/layout/mainmenu.png) no-repeat; font-style:normal;} #mainmenu a.mainbutton span {display:none;} /* idle */ ul#mainmenu a#about {width:86px; background-position:0px 0px;} /*ul#mainmenu a#managedservices {width:178px; background-position:-86px 0px;}*/ ul#mainmenu a#process {width:94px; background-position:-86px 0px;} ul#mainmenu a#portfolio {width:100px; background-position:-180px 0px;} ul#mainmenu a#managedservices {width:178px; background-position:-280px 0px;} ul#mainmenu a#knowledge {width:120px; background-position:-458px 0px;} ul#mainmenu a#news {width:150px; background-position:-578px 0px;} ul#mainmenu a#contact {width:93px; background-position:-728px 0px;} ul#mainmenu a#blank {width:317px; background-position:-821px 0px;} /* hover JQuery drives the hover state for buttons that have a sub menu; such buttons are commented-out here ---------------------------------- ul#mainmenu a#about:hover {width:86px; background-position:0px -86px;} ul#mainmenu a#process:hover {width:94px; background-position:-86px -86px;} ul#mainmenu a#portfolio:hover {width:100px; background-position:-180px -86px;} ul#mainmenu a#knowledge:hover {width:120px; background-position:-280px -86px;}*/ ul#mainmenu a#news:hover {width:150px; background-position:-578px -86px;} ul#mainmenu a#contact:hover {width:93px; background-position:-728px -86px;} ul#mainmenu a#blank:hover {width:317px; background-position:-821px 0px;} /* current */ ul#mainmenu a#about.current {width:86px; background-position:0px -43px;} /*ul#mainmenu a#managedservices.current {width:178px; background-position:-86px -43px;}*/ ul#mainmenu a#process.current {width:94px; background-position:-86px -43px;} ul#mainmenu a#portfolio.current {width:100px; background-position:-180px -43px;} ul#mainmenu a#managedservices.current {width:178px; background-position:-280px -43px;} ul#mainmenu a#knowledge.current {width:120px; background-position:-458px -43px;} ul#mainmenu a#news.current {width:150px; background-position:-578px -43px;} ul#mainmenu a#contact.current {width:93px; background-position:-728px -43px;} ul#mainmenu a#blank.current {width:317px; background-position:-821px 0px;} /* --- Submenus --- */ #mainmenu .positioner {background:transparent; display:none; position:relative;} #about_li .positioner {left:0px; width:165px; height:94px/*94*/; position:relative; left:5px; top:0px;} #process_li .positioner {left:0px; width:165px; height:94px/*94*/;} #portfolio_li .positioner {left:0px; width:265px; height:94px/*94*/;} #knowledge_li .positioner {left:0px; width:165px; height:94px/*94*/;} #managedservices_li .positioner {left:0px; width:165px; height:94px/*94*/;} #mainmenu .submenu_wrap {padding:0px 0px 22px 22px; background:#A1948B; height:94px} #about_li .submenu_wrap {width:143px;} #process_li .submenu_wrap {width:143px;} #portfolio_li .submenu_wrap {width:243px;} #knowledge_li .submenu_wrap {width:143px;} #managedservices_li .submenu_wrap {width:200px; height: 74px;} #mainmenu .submenu_wrap .top {width:auto; height:6px; line-height:6px; background:#A1948B url(../_images/layout/submenu_bg.png) repeat-x;} /* margin value is the width of the li minus 22 (left pad on .submenu_wrap) */ #about_li .submenu_wrap .top {margin-left:59px /*64 - 5px subtracted b/c the .positioner for #about_li is set 5px to the left*/} #process_li .submenu_wrap .top {margin-left:72px;} #portfolio_li .submenu_wrap .top {margin-left:78px;} #knowledge_li .submenu_wrap .top {margin-left:98px;} #managedservices_li .submenu_wrap .top {margin-left:156px;} #mainmenu .submenu_wrap ul.submenu {list-style:none; margin:0px; padding:0px;} #mainmenu .submenu_wrap ul.submenu li {padding:5px 0px; float:none; position:static; height:auto;} /*#about_li ul.submenu li {height:94px;94}*/ /*#process_li ul.submenu li {height:94px;94}*/ /*#portfolio_li ul.submenu li {height:94px;94}*/ /*#knowledge_li ul.submenu li {height:94px;94}*/ #mainmenu .submenu_wrap ul.submenu a {color:#FFFFFF; position:relative; font-size:14px; display:block; background:none; text-align:left;} #mainmenu .submenu_wrap ul.submenu a span {font-size:30px; position:relative; top:10px; padding-right:2px; color:#FFFFFF; display:none;} #mainmenu .submenu_wrap ul.submenu a.current span {display:inline;} #mainmenu .submenu_wrap ul.submenu p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin-top:3px; margin-bottom:0px;} #mainmenu .submenu_wrap ul.submenu img.icon {float:left;} /* ****************** ====================================================== DEFAULT TAG STYLES ===================================================== ****************** */ a {text-decoration:none; font-weight:bold; color:#B0CB4D;} a:visited { color:#B0CB4D;} a:hover {color:#A69991;} blockquote {padding-left:15px; border-left:2px solid #ABC74D; margin-left:35px; margin-bottom:25px; line-height:18px;} body {background:#F0EEED; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363;} cite {font-style:normal; font-weight:bold; padding-left:20px;} h1 /* logo */ {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; position:absolute; top:32px; left:23px;} h1 a {color:#005568;} h1 a span {display:none;} h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#A69991; font-weight:bold; font-size:23px; letter-spacing:-0.5px; padding:26px 0px 12px 20px; border-bottom:1px solid #D6D6D6; margin-bottom:20px; position:relative;} h3 {font-family:Arial, Helvetica, sans-serif; color:#B0CB4D; font-weight:bold; font-size:16px; padding-left:20px; margin-bottom:18px;} h4 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#B0CB4D; font-weight:bold; font-size:23px; letter-spacing:-0.5px; margin-bottom:5px; position:relative;} h4 span {font-size:33px; font-weight:normal; position:absolute; top:-10px;} img {border:none;} ol {line-height:18px; margin-bottom:25px; margin-left:25px; padding-left:25px;} p {line-height:16px; margin-bottom:15px; padding-left:20px;} table {border-collapse:collapse; margin-bottom:25px; border:1px solid #ABC74D; margin-left:20px;} th, td {padding:8px; border:1px solid #ABC74D;} ul {line-height:18px; margin-bottom:25px; margin-left:25px; padding-left:25px;} /* ***************** ========================================================= CUSTOM STYLES =========================================================== ****************** */ a.blue {color:#005568;} a.blue:visited {color:#005568;} a.blue:hover {color:#A69991;} /* ABOUT SIDE MENU: about.php */ #about_sidemenu a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#A69991; font-weight:bold; font-size:21px;} #about_sidemenu {margin-top:67px;} #about_sidemenu img {display:block; margin-bottom:9px;} /* ----------------- */ /* ALL LINK: for blogs, white papers, and case studies */ .all_link {text-align:right;} /* ----------------- */ /* BLOG ARCHIVE: a white block in the side bar on blogs.php */ #blog_archive ul {list-style:none; margin:0px; padding:0px;} #blog_archive .year_tier {margin-left:5px;} #blog_archive .year_tier a {color:#005568;} #blog_archive .year_tier a:visited {color:#005568;} #blog_archive .year_tier a:hover {color:#A69991;} #blog_archive .month_tier {margin-left:10px; display:none;} #blog_archive .month_tier a {color:#005568;} #blog_archive .month_tier a:visited {color:#005568;} #blog_archive .month_tier a:hover {color:#A69991;} #blog_archive .item_tier {margin-left:15px; display:none;} #blog_archive .item_tier a {color:#B0CB4D;} #blog_archive .item_tier a:visited {color:#B0CB4D;} #blog_archive .item_tier a:hover {color:#A69991;} /* ----------------- */ .clearit {clear:both;} .column {float:left;} #contact_php #sidebar {padding-top:35px;} /* EXCERPTS: for blogs, white papers, and case studies */ .excerpt {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #D6D6D6;} .excerpt cite {text-transform:uppercase; color:#C4B9B1;} .excerpt cite.date {padding:3px 10px 3px 20px; border-right:1px solid #D6D6D6; margin-right:10px;} .excerpt .content *:last-child {margin-bottom:0px;} #blog_php .excerpt {margin-bottom:10px;} /* ----------------- */ .floatl {float:left;} .floatr {float:right;} #fma {width:960px/*960*/; height:auto; margin-bottom:18px; font-family:Arial, Helvetica, sans-serif; font-size:24px;} /* GRID BLOCKS: partners.php */ .gridblock_container {width:290px/*290*/; height:239px/*239*/; position:relative; float:left} .gridblock.idle {width:290px/*290*/; height:239px/*239*/; position:absolute; top:0px; left:0px; display:table; overflow:hidden; background:#FFFFFF url(../_images/assets/gridblock_white.png) no-repeat;} .gridblock.idle .positioner {#position:absolute; #top:50%; display:table-cell; vertical-align:middle;} .gridblock.idle .content {#position:relative; #top:-50%;} .gridblock.idle .content img{display:block; margin:0px auto;} .gridblock.hover {width:232px/*290*/; height:165px/*239*/; padding:38px 29px 36px 29px; position:absolute; top:0px; left:0px; color:#FFFFFF; background:#B1CC4E url(../_images/assets/gridblock_green.png) no-repeat; overflow:hidden; display:none;} .gridblock.hover * {padding-left:0px;} .gridblock h3 { color:#FFFFFF; font-size: 22px; line-height: 22px; } .gridblock.hover img {display:block; margin-bottom:14px;} /* ----------------- */ h2 span.back_link {font-size:12px; float:right; text-align:right; position:relative; top:20px;} h3 img {vertical-align:top; margin-right:15px;} #headline {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#A1948B; line-height:33px; letter-spacing:-0.5px; padding:0px 30px; padding-bottom:25px;} #headertab {position:absolute; right:0px; bottom:5px;} #headerbottom {position:absolute; left:0px; bottom:0px;} .hidden {display:none;} img.floatl {margin-right:10px;} img.floatr {margin-left:10px;} .leftcolumn {float:left;} /* NEEDS ASSESSMENT feature: index.php */ #needs {width:960px/*960*/; height:auto; background:#847265; margin-bottom:5px;} #needs * {padding-left:0px;} #needs .top {width:856px/*960*/; height:60px/*93*/; padding:33px 52px 0px 52px; background:#847265 url(../_images/assets/needs_top.png) no-repeat;} #needs .top * {display:inline;} #needs .mid {width:896px/*960*/; height:auto; padding:0px 32px; background:#847265 url(../_images/assets/needs_mid.png) repeat-y;} #needs .dropdown {width:851px/*896*/; height:auto; padding:26px 0px 0px 45px; border-top:1px solid #A69A92; display:none;} #needs .dropdown .leftcolumn {width:490px/*490*/; margin-right:55px;} #needs .dropdown .rightcolumn {} #needs .dropdown .rightcolumn ul {padding:0px; margin:0px; margin-top:10px; list-style:none; font-size:14px; border-top:1px dashed #A69A92;} #needs .dropdown .rightcolumn ul li {padding:5px 0px; border-bottom:1px dashed #A69A92;} #needs .dropdown .close_link {text-align:right; margin-top:20px;} #needs .dropdown .close_link a {font-weight:normal; color:#B8ACA3;} #needs .dropdown .close_link a:hover {color:#FFFFFF;} #needs .dropdown .calltoaction {color:#C4B9B1; font-size:11px; font-weight:bold;} #needs .dropdown .calltoaction img {padding-left:7px;} #needs .bot {width:960px/*960*/; height:29px; line-height:29px; background:#847265 url(../_images/assets/needs_bot.png) no-repeat;} #needs p {color:#FFFFFF;} #needsmenu {width:856px/*856*/; height:33px/*33*/; margin:0px; padding:0px; padding-left:20px; background:transparent; list-style:none;} #needsmenu li {float:left; height:21px; text-align:left;} #needsmenu a {display:block; height:21px; text-align:center; background:url(../_images/assets/needsmenu.png) no-repeat; font-style:normal;} /* idle */ #needsmenu a#security_a {width:192px; background-position:0px -0px;} #needsmenu a#compliance_a {width:235px; background-position:-192px -0px;} #needsmenu a#technology_a {width:233px; background-position:-427px -0px;} #needsmenu a#resource_a {width:196px; background-position:-660px -0px;} /* hover */ #needsmenu a#security_a:hover {width:192px; background-position:0px -21px;} #needsmenu a#compliance_a:hover {width:235px; background-position:-192px -21px;} #needsmenu a#technology_a:hover {width:233px; background-position:-427px -21px;} #needsmenu a#resource_a:hover {width:196px; background-position:-660px -21px;} /* current */ #needsmenu a#security_a.current {width:192px; background-position:0px -21px;} #needsmenu a#compliance_a.current {width:235px; background-position:-192px -21px;} #needsmenu a#technology_a.current {width:233px; background-position:-427px -21px;} #needsmenu a#resource_a.current {width:196px; background-position:-660px -21px;} /* ----------------- */ .nomargin {margin:0px; padding:0px;} /* PAGE FOOTER: all pages */ #pagefooter a {color:#FFFFFF;} #pagefooter a:visited {color:#FFFFFF;} #pagefooter a:hover {color:#FFFFFF;} #pagefooter a#privacylink {position:relative; left:20px;} #pagefooter p {padding-left:33px; margin:0px; color:#FFFFFF;} #partners_php .column {width:290px;} .rightcolumn {float:left;} /* TAG LINKS: knowledge.php, risk-assessment.php */ .tags a {color:#005568; margin-right:5px;} .tags a:visited {color:#005568;} .tags a:hover {color:#A69991;} ul.nobullets {list-style:none; list-style-image:none;} /* WHITE BLOCKS: side bar tiles */ .whiteblock cite {text-transform:uppercase; color:#C4B9B1;} .whiteblock cite.date {padding:3px 10px 3px 20px; border-right:1px solid #D6D6D6; margin-right:10px;} .whiteblock {width:328px/*328*/; height:auto; background:#FFFFFF; margin-bottom:10px;} .whiteblock .bot {width:328px/*328*/; height:10px; line-height:10px; background:#FFFFFF url(../_images/layout/whiteblock_bot.png) no-repeat;} .whiteblock .top {width:328px/*328*/; height:10px; line-height:10px; background:#FFFFFF url(../_images/layout/whiteblock_top.png) no-repeat;} .whiteblock .content {width:272px/*328*/; height:auto; padding:0px 28px; background:#FFFFFF url(../_images/layout/whiteblock_bg.png) repeat-y;} .whiteblock div.all_link {width:272px; height:auto; border-top:1px solid #D6D6D6; padding:10px 0px; margin-top:25px; text-align:right;} .whiteblock h2 {font-size:20px; font-family:Arial, Helvetica, sans-serif; width:252px/*272*/; padding:16px 0px 12px 20px; position:relative;} .whiteblock h2 span {font-size:29px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; position:absolute; left:0px; top:10px;} .whiteblock h3 {font-size:14px;} .whiteblock p {margin-bottom:15px;} .whiteblock ul.tags {margin-bottom:20px; width:267px/*272*/; height:auto; margin:0px; list-style:none; padding:0px; padding-left:5px;} .whiteblock ul.tags li {float:left; width:133px; font-size:11px;} #news_events.whiteblock .excerpt {padding-bottom:15px; margin-bottom:15px;} #news_events.whiteblock .excerpt h3 {margin-bottom:0px;} #news_events.whiteblock div.all_link {border:none; padding:0px 0px 10px 0px; margin:0px;} #contact_php .whiteblock h2 {font-size:16px;} #contact_php .whiteblock .content p, #contact_php .whiteblock .content h2 {padding-left:5px;} #contact_php cite {text-transform:none; color:#A1948B; font-weight:normal; padding-left:0px} form p { margin-bottom: 20px; position: relative; } form label { margin-right: 10px; width: 100px; float: left; text-align: right; display: block; } form label.clear { margin-right: 10px; width:inherit; display:inline; text-align:inherit; float:none; } form input.text-normal { width: 250px; height: 20px; } form input.text-small { width: 100px; height: 20px; } form input.checkbox { margin-right: 10px; } form textarea { width: 400px; height: 150px; }