/* ============================================================================================================== */ /* GENERAL /* ============================================================================================================== */ * { margin:0; padding:0; outline:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; list-style:none; moz-outline:none; } body { width:750px; margin:20px auto 10px auto; } #header { margin-top:30px; height:40px; } #header_logo a { float:left; width:166px; height:28px; background:#fff url(images/logo.gif) no-repeat top left; text-indent:-9999px; display:block; } p { margin-bottom:10px; } a { color:#000; } a:hover { color:#777; } a.linkDisabled:hover { color:#000; } h3 { margin-top:25px; font-size:14px; margin-bottom:5px; padding-bottom:1px; } ul { margin-left:30px; } ul li { list-style-image:url(images/bullet.gif); } blockquote { margin: 12px 50px 8px 0; padding:0 0 0 28px; font-size:12px; color:#666; background:transparent url(images/quote.gif) no-repeat 0px 2px; } /* ============================================================================================================== */ /* NAV /* ============================================================================================================== */ #top-nav {float:right;list-style:none; margin-top: 5px;} #top-nav li {float: left; list-style:none;} #top-nav li a {background:#fff; padding: 3px 35px;font:bold 11px Arial, Helvetica, sans-serif; color:#777; display:block; text-decoration:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;} #top-nav li a:hover {color:#000; background:#f8f8f8;} #top-nav li ul {display: none; background-color: #f8f8f8;} #top-nav li:hover ul, #top-nav li.hover ul {display: block;position: absolute;margin: 0;padding: 0; } #top-nav li:hover li, #top-nav li.hover li {float: none; } #top-nav li:hover li a, #top-nav li.hover li a {font:normal 11px Arial, Helvetica, sans-serif;background-color: #fff;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top:none;color:#777; padding: 3px 19px 3px 10px;} #top-nav li li a:hover {color:#000;background-color: #f8f8f8; } .brd-right {border-right:1px solid #ddd;} .nav { float:right; margin-top:5px; margin-left:0 !important; } .nav ul { margin-left:0 !important; } .nav { font-family:Arial, Helvetica, sans-serif; z-index:100; position:relative; } .nav li { float:left; position:relative; list-style-image:none !important; } .nav a { background:#fff; font:normal 12px Arial, Helvetica, sans-serif; color:#777; display:block; text-decoration:none; } .nav a:hover { color:#000; background:#f8f8f8; } .nav .navFirstLevel { border:1px solid #fff; text-align:center; width:90px; padding:3px 0; } .nav .navFirstLevel:hover { border:1px solid #ddd; } .nav .navNoSubMenu:hover { border:1px solid #fff !important; background:#fff !important; } .nav .navNotLink, .nav .navNotLink:hover { cursor:default; color:#777;} .nav .navDisabled, .nav .navDisabled:hover { cursor:default; color:#ccc; background:#fff; } .nav .navSecondLevel { width:80px; padding:3px 4px 3px 6px; } .nav li:hover .navFirstLevel, .nav li.sfHover .navFirstLevel { background:#fff; border:1px solid #ddd; background:#f8f8f8; } .nav li ul { border-bottom:1px solid #ddd; position:absolute; top:-9999px; left:0px; } .nav li:hover ul, .nav li.sfHover ul { top:22px; } .nav ul li { border:0; float:none; } .nav .navSecondLevel { border:1px solid #ddd; border-bottom:0; font-size:11px; padding:3px 4px 3px 6px; } /* === SELECTED === */ .nav .navFirstSelected { color:#000 !important; } .nav .navSecondSelected { color:#000 !important; cursor:default; background-color:#f8f8f8; } /* ============================================================================================================== */ /* HOME PAGE /* ============================================================================================================== */ body#index { width:750px; } body#index #home_layout { margin-top:46px; } body#index #home_layout td { outline:0px solid #f00; vertical-align:top; } body#index #home_layout .row1 { height:212px; } body#index #home_layout .row2 { height:114px; } body#index #home_layout .col1 { width:244px; } body#index #home_layout .col2 { width:243px; } body#index #home_layout .col3 { width:239px; } body#index #home_layout .col1 a { float:left; vertical-align:middle; cursor:pointer; text-decoration:none;} body#index #home_layout .page_software_box { font-size:12px; margin-right:5px; margin-bottom:5px; width:117px; height:48px; line-height:48px; text-indent:11px; background-color:#6b88b9; color:#fff; } body#index #home_layout .page_software_box:hover { background-color:#809EBC; } body#index #home_layout .page_business_box { font-size:11px; width:239px; height:26px; line-height:26px; text-indent:11px; background-color:#bcbbaf; color:#fff; margin-bottom:1px; margin-right:-6px; } body#index #home_layout .page_business_box:hover { background-color:#93929B; } body#index #home_layout .nav_business_box_first { font-size:12px; border-bottom:0; margin-bottom:0; height:32px; line-height:32px; background-color:#666868;} body#index #home_layout .row1 .boxDisabled, body#index #home_layout .row1 .boxDisabled:hover { cursor:default; background-color:#D58655; color:#E6B89B; } body#index #home_layout .row2 .boxDisabled, body#index #home_layout .row2 .boxDisabled:hover { cursor:default; background-color:#9B9573; color:#C4C0AD; } body#index p { margin-top:4px; font-size:12px; color:#111; line-height:15px; } body#index ul li { font-size:12px; line-height:15px; } body#index #content1 { width:214px; margin:18px 0; padding:0 14px 0 0; float:left; outline:0px solid #f00; } body#index #content2 { width:466px; margin:18px 0; padding:0 10px; float:right; outline:0px solid #00f; } body#index h3.first_h3 { margin-top:0; } body#index h3 { font-size:14px !important; color:#BA8E31 !important; /*border-bottom:1px solid #EDDBB7 !important;*/ margin-bottom:-2px !important; margin-top:15px; } /* ============================================================================================================== */ /* SUB PAGES /* ============================================================================================================== */ #page_header { margin-top:30px; width:100%; height:240px; text-indent:-9999px; background-color:transparent; background-position:top left; background-repeat:no-repeat; } #page_header div { height:100%; float:left; background-color:transparent; background-position:top left; background-repeat:no-repeat; } #midTable { width:100%; padding:0px; border-top:4px solid #eee; clear:both; } #midTable td { padding:0px; height:21px; width:25%; border-right:1px solid #fff; border-top:1px solid #fff; } #midTable td.lastRow { border-right:none; } #midTable td a { color:#fff; text-align:center; font-weight:bold; display:block; text-decoration:none; line-height:21px; vertical-align:middle; width:100%; } #page_content { width:460px; margin:20px 0; float:left; clear:both; } #page_content .intro { font-size:13px; color:#b2b2b2; font-weight:bold; margin-bottom:15px; } .sidebar { margin:20px 0 0 20px; float:right; width:200px; } .sidebar p { color:#333; } .sidebar .logo_standalone { width:43px; height:43px; float:left; padding:0 10px 10px 0; } .sidebar .outlineTable { border:1px solid #333; margin:20px 0 0 0; } .sidebar .outlineTableTitle { padding:3px; font-weight:bold; text-align:center; font-size:11px; border-bottom:1px solid #333; } .sidebar .outlineTableContent { padding:7px 11px; } .sidebar .outlineTableContent a { display:block; margin-bottom:2px; } .sidebar2 { margin:20px 0 0 20px; float:right; width:200px; border:1px solid #888;} .sidebar2 p { color:#333; line-height: 14px; clear:both; margin-bottom:8px;} .sidebar2 a, .sidebar2 a:visited { color:#333; text-decoration:underline;} .sidebar2 a:hover { color:#999; text-decoration:none;} .sidebar2 h5 { font-weight:bold; padding-top:6px; float:left;} .sidebar2 ul { color:#333; line-height: 14px; clear:both; margin: 0 0 8px 0;} .sidebar2 ul li { list-style: inside url(images/bullet.gif); margin: 0; color: #777; font-size: 11px; line-height: 18px;} .block { margin:17px 15px; padding-bottom:7px; border-bottom: 1px solid #ccc;} .block .icon { width:25px; height:25px; float:left; margin-right:7px; margin-bottom:8px;} .block .icon-compass { width:30px; height:30px; float:left; margin-right:7px; margin-bottom:8px;} .block .icon-clock { width:27px; height:27px; float:left; margin-right:7px; margin-bottom:8px;} .last { padding-bottom:0px; border-bottom:none;} #clear_div { clear:both; height:1px; width:100%; background-color:transparent; display:block; } h3 { position:relative; } .course_price { margin-top:3px; font-size:11px; line-height:11px; position:absolute; right:0; bottom:3px; } /* ======================================================= SOFTWARE ======================================================= */ /* ============= INDESIGN ============= */ body#soft_indesign #page_header { } body#soft_indesign #page_header #page_header_left { width:373px; height:230px; background-image:url(images/header_soft_indesign1.gif); } body#soft_indesign #page_header #page_header_right { width:317px; background-image:url(images/header_soft_indesign2.gif); } body#soft_indesign #midTable { border-top:4px solid #CFDABA; } body#soft_indesign #midTable td { background-color:#96B16B; } body#soft_indesign #midTable td a:hover { background-color:#A8B877; } body#soft_indesign .sidebar .outlineTableTitle { background-color:#CFDABA;} body#soft_indesign h3 { color:#96B16B; border-bottom:1px solid #CFDABA; } /* ============= PHOTOSHOP ============= */ body#soft_photoshop #page_header { } body#soft_photoshop #page_header #page_header_left { width:396px; background-image:url(images/header_soft_photoshop1.gif); } body#soft_photoshop #page_header #page_header_right { width:294px; background-image:url(images/header_soft_photoshop2.gif); } body#soft_photoshop #midTable { border-top:4px solid #D7B39B; } body#soft_photoshop #midTable td { background-color:#AC5F40; width:auto; } body#soft_photoshop #midTable td a:hover { background-color:#B06B46; } body#soft_photoshop #midTable td.lastRow { width:35%; } body#soft_photoshop .sidebar .outlineTableTitle { background-color:#D7B39B;} body#soft_photoshop h3 { color:#AC5F40; border-bottom:1px solid #D7B39B; } /* ============= ILLUSTRATOR ============= */ body#soft_illustrator #page_header { margin-top:3px; height:266px; } body#soft_illustrator #page_header #page_header_left { width:405px; background-image:url(images/header_soft_illustrator1.gif); } body#soft_illustrator #page_header #page_header_right { width:285px; background-image:url(images/header_soft_illustrator2.gif); } body#soft_illustrator #midTable { border-top:4px solid #FFEDB5; } body#soft_illustrator #midTable td { background-color:#EDC243; width:auto; } body#soft_illustrator #midTable td a:hover { background-color:#F7C94A; } body#soft_illustrator #midTable td.lastRow { background-color:#EDC243; width:33%; } body#soft_illustrator .sidebar .outlineTableTitle { background-color:#FFEDB5;} body#soft_illustrator h3 { color:#EDC243; border-bottom:1px solid #FFEDB5; } /* ============= ACROBAT ============= */ body#soft_acrobat #page_header { } body#soft_acrobat #page_header #page_header_left { width:393px; background-image:url(images/header_soft_acrobat1.gif); } body#soft_acrobat #page_header #page_header_right { width:297px; background-image:url(images/header_soft_acrobat2.gif); } body#soft_acrobat #midTable { border-top:4px solid #D8E0F7; } body#soft_acrobat #midTable td { background-color:#93A7D5; width:33%; } body#soft_acrobat #midTable td a:hover { background-color:#9DB2E0; } body#soft_acrobat .sidebar .outlineTableTitle { background-color:#D8E0F7; } body#soft_acrobat h3 { color:#93A7D5; border-bottom:1px solid #D8E0F7; } /* ============= FINAL CUT ============= */ body#soft_finalcut #page_header { margin-top:0px; height:270px; } body#soft_finalcut #page_header #page_header_left { width:405px; background-image:url(images/header_soft_finalcut1.gif); } body#soft_finalcut #page_header #page_header_right { width:285px; background-image:url(images/header_soft_finalcut2.gif); } body#soft_finalcut #midTable { border-top:4px solid #BDBED0; } body#soft_finalcut #midTable td { background-color:#767C9C; width:20%; } body#soft_finalcut #midTable td a:hover { background-color:#888FB2; } body#soft_finalcut .sidebar .outlineTableTitle { background-color:#BDBED0; } body#soft_finalcut h3 { color:#767C9C; border-bottom:1px solid #BDBED0; } /* ============= FLASH ============= */ body#soft_flash #page_header { margin-top:6px; height:264px; } body#soft_flash #page_header #page_header_left { width:405px; background-image:url(images/header_soft_flash1.gif); } body#soft_flash #page_header #page_header_right { width:285px; background-image:url(images/header_soft_flash2.gif); } body#soft_flash #midTable { border-top:4px solid #EEDBB1; } body#soft_flash #midTable td { background-color:#D7AF55; width:33%; } body#soft_flash #midTable td a:hover { background-color:#E5BA5C; } body#soft_flash .sidebar .outlineTableTitle { background-color:#EEDBB1; } body#soft_flash h3 { color:#D7AF55; border-bottom:1px solid #EEDBB1; } /* ============= DREAMWEAVER ============= */ body#soft_dreamweaver #page_header #page_header_left { width:373px; background-image:url(images/header_soft_dream1.gif); } body#soft_dreamweaver #page_header #page_header_right { width:317px; background-image:url(images/header_soft_dream2.gif); } /* ============= AFTER EFFECTS ============= */ body#soft_effects #page_header #page_header_left { width:405px; background-image:url(images/header_soft_effects1.gif); } body#soft_effects #page_header #page_header_right { width:285px; background-image:url(images/header_soft_effects2.gif); } /* ============= PRESENTATION ============= */ body#soft_presentation #page_header { margin-top:20px; height:260px; } body#soft_presentation #page_header #page_header_left { width:405px; background-image:url(images/header_soft_presentation1.gif); } body#soft_presentation #page_header #page_header_right { width:285px; background-image:url(images/header_soft_presentation2.gif); } body#soft_presentation #midTable { border-top:4px solid #D1C8B0; } body#soft_presentation #midTable td { background-color:#9E8B5D; width:33%; } body#soft_presentation #midTable td a:hover { background-color:#B29D69; } body#soft_presentation .sidebar .outlineTableTitle { background-color:#EEDBB1; } body#soft_presentation h3 { color:#9E8B5D; border-bottom:1px solid #D1C8B0; } /* ============= BLACKBERRY ============= */ body#soft_blackberry #page_header { margin-top:15px; height:267px; } body#soft_blackberry #page_header #page_header_left { width:373px; background-image:url(images/header_soft_blackberry1.gif); } body#soft_blackberry #page_header #page_header_right { width:317px; background-image:url(images/header_soft_blackberry2.gif); } body#soft_blackberry #midTable { border-top:4px solid #C4C9DC; } body#soft_blackberry #midTable td { background-color:#8290B2; width:33%; } body#soft_blackberry #midTable td a:hover { background-color:#95A5C9; } body#soft_blackberry .sidebar .outlineTableTitle { background-color:#C4C9DC; } body#soft_blackberry h3 { color:#8290B2; border-bottom:1px solid #C4C9DC; } /* ======================================================= CORPO ======================================================= */ /* ============= TRAINING ============= */ body#corp_training #page_header { margin-top:10px; height:270px; } body#corp_training #page_header #page_header_left { width:436px; background-image:url(images/header_corp_training1.gif); } body#corp_training #page_header #page_header_right { width:254px; background-image:url(images/header_corp_training2.gif); } body#corp_training #midTable { border-top:4px solid #F1E7B2; } body#corp_training #midTable td { background-color:#DEC84A; } body#corp_training #midTable td a:hover { background-color:#E5CB57; } body#corp_training .sidebar .outlineTableTitle { background-color:#F1E7B2;} body#corp_training h3 { color:#D4B013; border-bottom:1px solid #F1E7B2; } /* ============= MIGRATION ============= */ body#corp_migration #page_header { } body#corp_migration #page_header #page_header_left { width:417px; background-image:url(images/header_corp_migration1.gif); } body#corp_migration #page_header #page_header_right { width:273px; background-image:url(images/header_corp_migration2.gif); } body#corp_migration #midTable { border-top:4px solid #BBB8B3; } body#corp_migration #midTable td { background-color:#73716B; } body#corp_migration #midTable td a:hover { background-color:#85837D; } body#corp_migration .sidebar .outlineTableTitle { background-color:#BBB8B3;} body#corp_migration h3 { color:#73716B; border-bottom:1px solid #BBB8B3; } /* ============= WORKFLOW ============= */ body#corp_workflow #page_header { margin-top:0px; height:270px; } body#corp_workflow #page_header #page_header_left { width:405px; background-image:url(images/header_corp_workflow1.gif); } body#corp_workflow #page_header #page_header_right { width:285px; background-image:url(images/header_corp_workflow2.gif); } body#corp_workflow #midTable { border-top:4px solid #E8CAB6; } body#corp_workflow #midTable td { background-color:#BE623E; } body#corp_workflow #midTable td a:hover { background-color:#D16A45; } body#corp_workflow .sidebar .outlineTableTitle { background-color:#E8CAB6;} body#corp_workflow h3 { color:#BE623E; border-bottom:1px solid #E8CAB6; } /* ======================================================= MAIN PAGES ===================================================== */ /* ============= ABOUT ============= */ body#about #page_header { } body#about #page_header #page_header_left { width:400px; background-image:url(images/header_about1.gif); } body#about #page_header #page_header_right { width:290px; background-image:url(images/header_about2.gif); } body#about #midTable { border-top:4px solid #DEDDE6; } body#about #midTable td { background-color:#AFABC2; } body#about #midTable td a:hover { background-color:#B9B8CC; } body#about .sidebar .outlineTableTitle { background-color:#DEDDE6;} body#about .sidebar .outlineTable p { margin-bottom:0; } body#about h3 { color:#AFABC2; border-bottom:1px solid #DEDDE6; } /* ============= CONTACT ============= */ body#contact #page_content { width:100%; margin-top:0px; } body#contact #page_header { margin-top:10px; height:294px; } body#contact #page_header #page_header_left { width:416px; background-image:url(images/header_contact1.gif); } body#contact #page_header #page_header_right { width:274px; background-image:url(images/header_contact2.gif); } body#contact form { width:100%; } body#contact .contact_box { float:left; outline:0px solid #00f; } body#contact input.size1 { width:144px; } body#contact input.size2 { width:323px; } body#contact .padding_right { padding-right:27px; } body#contact label { display:block;} body#contact input, body#contact textarea, body#contact #contact_kind_box { border:1px solid #333; padding:5px 3px; margin-bottom:14px; } body#contact .contact_box textarea { width:502px; height:116px; } body#contact .contact_box #contact_kind_box { width:138px; height:66px; margin-bottom:18px; padding:10px 0 0 12px; } body#contact .contact_box #send_button { border:0; padding:0; margin:0; } body#contact #contact_kind_box label { float:left; padding-left:4px; } body#contact #contact_kind_box input { float:left; clear:left; margin-bottom:8px; } body#contact #content_privacy { clear:both; color:#58585A; } /* ============= CONTACT - SENT ============= */ body#contact_sent #page_header { margin-top:10px; height:280px; } body#contact_sent #page_header #page_header_left { width:416px; background-image:url(images/header_contact1.gif); } body#contact_sent #page_header #page_header_right { width:274px; background-image:url(images/header_contact2.gif); } body#contact_sent #page_content { width:100%; margin:40px auto 20px auto; border:1px solid #666; background-color:#eee; font-size:12px; float:none; padding:20px; } body#contact_sent #page_content p { margin:0; } /* ======================================================= HACKS ===================================================== */ /* ======== SAFARI ======== */ .course_price { margin-top:-14px;# } /* raises by 14px for all but safari */ .newburst { position: absolute; display: block; margin: 105px 0 0 -3px; } #main { margin-top: 30px;} #main-left {float: left; width: 402px; margin-top: 45px;} #main-right {float: right; width: 279px;} #divider { clear: both; width: 750px; height: 29px; padding-top: 15px;} #content-left { width: 500px; float: left; margin-top: 20px;} #content-left em {font-size: 12px; line-height: 17px; color: #777; font-style: normal; font-weight: bold;} #content-left p {font-size: 11px; line-height: 15px; color: #777;} #content-left h3 {font-size: 12px; line-height: 15px; color: #000; font-weight: bold; padding: 0; margin: 20px 0 10px 0;} #content-left h4 {font-size: 11px; color: #000; font-weight: bold; padding: 0; margin-bottom: 5px;} #content-left ul {margin-bottom: 12px; margin: 0; padding: 0;} #content-left ul li { list-style: inside url(images/bullet.gif); margin: 0; color: #777; font-size: 11px; line-height: 15px; margin-bottom: 3px;}