/************************************************** * Body * **************************************************/ body { background:#fff; color:#333; font:100.1%/1 Verdana, Arial, sans-serif; margin:0; padding:0; text-align:center; } /************************************************** * General * **************************************************/ a { text-decoration:none; } a:hover { } abbr { border-bottom:1px dotted #666; cursor:help; } acronym { border-bottom:1px dotted #00196b; cursor:default; } img { border:0; } /************************************************** * General > Classes * **************************************************/ .ImageFloatLeft { border:1px solid #ddd; display:block; float:left; margin:0 10px 0 0; padding:4px; } .ImageFloatRight { border:1px solid #ddd; display:block; float:right; margin:0 0 0 10px; padding:4px; } /************************************************** * Container * **************************************************/ #container { background:url('../img/background/container.jpg') repeat-y; font-size:62.5%; line-height:1.2; margin:0 auto; position:relative; text-align:left; width:900px; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Container > Header * **************************************************/ #header { background:url('../img/background/header.jpg') no-repeat; background-position:0 0; height:213px; width:900px; } /************************************************** * Container > Header > Breadcrumbs * **************************************************/ #header .breadcrumbs { clear:both; } #header .breadcrumbs p { color:#004494; font:1.1em/16px Arial, sans-serif; height:16px; margin:0; padding:10px 15px 11px 10px; width:575px; } #header .breadcrumbs p a { border-bottom:1px dotted #004494; color:#004494; text-decoration:none; } #header .breadcrumbs p a:hover { border-bottom-style:solid; } /************************************************** * Container > Header > Logo * **************************************************/ #header .logo { display:block; height:140px; margin:0; padding:0; text-indent:-9999px; width:900px; } /************************************************** * Container > Header > Navigation * **************************************************/ #header .navigation { clear:both; height:36px; padding:0 0 0 12px; width:888px; } #header .navigation ul { float:left; list-style:none; margin:0; padding:0; } #header .navigation ul li { background:#004489 url('../img/background/header_ul_li.jpg') repeat-x; background-position:0 0; float:left; margin:0 5px 0 0; position:relative; z-index:20; } #header .navigation ul li a { color:#fff; display:block; font:Bold 1.2em/36px 'Century Gothic', 'Avant Garde', sans-serif; padding:0 11px; text-decoration:none; } #header .navigation ul li a:hover { color:#ddd; } #header .navigation ul li.selected { background-color:#084a8d; background-position:0 -36px; } #header .navigation ul li ul { background:#004489; display:none; height:auto; left:0; margin:-1px 0 0; padding:0 0 5px; position:absolute; top:36px; } #header .navigation ul li ul li { background:#004489; clear:both; } #header .navigation ul li ul li a { line-height:2; white-space:nowrap; } #header .navigation ul li:hover ul { display:block; } #header .navigation ul.microsites { float:right; margin:0 150px 0 0; _margin:0 75px 0 0; width:150px; } #header .navigation ul.microsites li { background:0; margin:0; text-align:center; } #header .navigation ul.microsites li a { padding:0 35px 0 1px; width:114px; } #header .navigation ul.microsites li ul { width:150px; } #header .navigation ul.microsites li ul li { background:0; text-align:left; } #header .navigation ul.microsites li ul li a { background:#004489; padding:0 8px; width:134px; } /************************************************** * Container > Header > Navigation > Group Sites * **************************************************/ #header .navigation .group-sites { background:0; margin:0; position:absolute; right:0; top:140px; width:150px; } #header .navigation .group-sites ul { } #header .navigation .group-sites ul li { background:0; margin:0; text-align:center; } #header .navigation .group-sites ul li a { padding:0 35px 0 1px; width:114px; } #header .navigation .group-sites ul li ul { width:150px; } #header .navigation .group-sites ul li ul li { background:0; text-align:left; } #header .navigation .group-sites ul li ul li a { background:#004489; padding:0 8px; width:134px; } /************************************************** * Container > Navigation * **************************************************/ #navigation { background:url('../img/background/navigation.jpg') no-repeat; background-position:bottom right; clear:both; float:left; padding:0 0 110px; width:150px; } #navigation ul { border-right:1px solid #9eb8c5; font-size:1.2em; line-height:1.1; list-style:none; margin:0; padding:0; } #navigation ul li { background:url('../img/background/navigation_ul_li.jpg') no-repeat; background-position:bottom left; overflow:hidden; padding:0 8px 0 0; width:141px; } #navigation ul li a { background:url('../img/background/navigation_ul_li_a.jpg') no-repeat; background-position:0 50%; color:#333; display:block; padding:9px 0 10px 13px; } #navigation ul li a em { font-style:normal; font-weight:bold; } #navigation ul li a:hover { color:#ee801b; } #navigation ul li a:hover em { color:#004489; } #navigation ul li ul { border:0; display:none; height:0; visibility:hidden; } #navigation ul li ul li { font-weight:400; padding:0 8px 0 0; width:115px; } #navigation ul li ul li a { background:0; padding:7px 0 8px 0; } #navigation ul li ul li.selected { font-weight:bold; } #navigation ul li.selected { font-weight:600; } #navigation ul li.selected ul { display:block; font-size:.9em; height:auto; margin:-10px 0 0; padding:0 0 0 13px; visibility:visible; width:126px; } #navigation ul li.selected ul li ul { width:123px; } #navigation ul li.selected ul li ul li { width:115px; } #navigation ul li.selected ul li ul li a { width:110px; } /************************************************** * Container > Navigation > RadTreeView * **************************************************/ #navigation .RadTreeView { padding:0; } #navigation .RadTreeView div { padding:0; } #navigation .RadTreeView ul { font-size:1.2em; } #navigation .RadTreeView ul li { } #navigation .RadTreeView ul li a { background-position:0 14px; font-family:Arial, sans-serif; } #navigation .RadTreeView ul li ul { display:block; font-size:.9em; height:auto; margin:-10px 0 0; padding:0 0 0 13px; visibility:visible; } #navigation .RadTreeView ul li ul li { padding:0 0 0 5px; width:152px; } #navigation .RadTreeView ul li ul li a { background:0; padding:7px 0 8px 0; } #navigation .RadTreeView .rtHover { } #navigation .RadTreeView .rtHover a { border:0; } #navigation .RadTreeView .rtMinus { display:block; height:0; margin:0; padding:0; visibility:hidden; } #navigation .RadTreeView .rtSelected { } #navigation .RadTreeView .rtSelected a { border:0; font-weight:bold; } #navigation .RadTreeView .rtSp { display:block; height:0; margin:0; padding:0; visibility:hidden; } /************************************************** * Container > Content * **************************************************/ #content { float:left; line-height:1.5; overflow:hidden; padding:10px; position:relative; width:580px; z-index:10; } #content a { color:#004489; text-decoration:none; } #content a:hover { text-decoration:underline; } #content blockquote { background:#fed28c url('../img/background/content_blockquote.jpg') no-repeat; background-position:0 0; color:#332510; margin:0 10px 10px; width:560px; } #content blockquote p { background:url('../img/background/content_blockquote_p.jpg') no-repeat; background-position:bottom left; font-style:italic; margin:0; padding:6px; text-indent:22px; } #content h1 { color:#004489; font:400 2.4em/1 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:10px 0 15px; width:580px; } #content h1 span { color:#f58025; } #content h1.homepage { background:url('../img/background/content_h2-homepage.png') no-repeat; background-position:right 10px; height:32px; width:730px; } #content h2 { color:#004489; font:400 2.4em/1 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:10px 0 15px; width:580px; } #content h2 span { color:#f58025; } #content h3 { font-size:1.2em; font-weight:bold; line-height:1.1; margin:0 0 10px; padding:0; } #content img { display:block; } #content img.left { float:left; padding:0 10px 0 0; } #content img.right { float:right; padding:0 0 0 10px; } #content ol { font-size:1.1em; list-style:decimal inside; margin:0 0 10px; padding:0; } #content ol li { } #content ol li ol { font-size:1em; margin:0 0 0 15px; } #content p { font-size:1.1em; margin:0 0 10px; padding:0; } #content p.contact-details { height:32px; position:absolute; right:10px; top:20px; width:205px; } #content p.contact-details a { border:0; display:block; height:32px; width:205px; } #content p.contact-details a span { display:none; } #content table { border-collapse:collapse; font-size:1.2em; margin:0 0 10px; padding:0; width:580px; } #content table tr { } #content table tr td { padding:5px; } #content table tr th { font-weight:bold; } #content ul { font-size:1.1em; margin:0 0 10px 20px; padding:0; } #content ul li { } #content ul li ul { font-size:1em; margin:0 0 0 15px; } /************************************************** * Container > Content > Boxes * **************************************************/ #content ul.boxes { background:url('../img/background/content_ul-boxes.jpg') no-repeat; clear:both; height:200px; list-style:none; margin:0; padding:0; width:730px; } #content ul.boxes a:hover { text-decoration:none; } #content ul.boxes li { float:left; height:200px; margin:0 12px 0 0; padding:0; width:174px; } #content ul.boxes li a { border:0; display:block; height:200px; text-indent:-9999px; width:100%; } #content ul.boxes li.consultancy-services { } #content ul.boxes li.security-training { } #content ul.boxes li.research { width:173px; } #content ul.boxes li.software-products { margin:0; width:173px; } /************************************************** * Container > Content > Form * **************************************************/ #content .form { overflow:hidden; width:570px; } #content .form input { font-size:1.1em; margin:0 0 5px; } #content .form input.submit { clear:both; display:block; margin:5px 0 10px 308px; } #content .form input.text { background:#fff; border:1px solid #ccc; float:right; padding:2px; width:255px; } #content .form input.text:focus { background:#ffd; } #content .form label { clear:both; float:left; font-size:1.1em; padding:2px 10px 0 0; width:288px; } #content .form label em { color:#f00; font-size:.9em; } #content .form p { clear:both; margin:0 0 5px; } #content .form p.error { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b; display:block; padding:5px; text-align:center; } #content .form p.success { background:#e2f9e3; border-bottom:1px solid #9c9; border-top:1px solid #9c9; clear:both; color:#080; display:block; padding:5px; text-align:center; } #content .form span { } #content .form span.checkbox { display:block; float:left; padding:5px 0 0 11px; } #content .form span.checkbox input { float:left; } #content .form select { background:#fff; border:1px solid #ccc; font-size:1.1em; float:right; margin:0 0 5px; padding:2px 2px 2px 0; width:261px; } #content .form select:focus { background:#ffd; } #content .form select optgroup { font-style:normal; } #content .form textarea { background:#fff; border:1px solid #ccc; font:1.1em Verdana, Arial, sans-serif; float:right; margin:0 0 5px; padding:2px; width:255px; } #content .form textarea:focus { background:#ffd; } /************************************************** * Container > Content > Form > Captcha * **************************************************/ #content .form .captcha { border:1px solid #ccc; clear:both; height:30px; margin:0 0 5px 309px; overflow:hidden; padding:2px; width:255px; } #content .form .captcha img { display:block; margin:-1px 0; } /************************************************** * Container > Content > Form > Summary * **************************************************/ #content .form .summary { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b !important; cursor:help; display:block; margin:0 0 10px; padding:5px 15px; width:540px; } #content .form .summary ul { color:#be0b0b; margin:5px 0 0 15px; padding:0; } /************************************************** * Container > Content > Logos * **************************************************/ #content .logos { clear:both; height:60px; width:730px; } #content .logos ul { list-style:none; margin:0; padding:0 3px; } #content .logos ul li { float:left; padding:0 13px; } #content .logos ul li a { } #content .logos ul li img { display:block; } /************************************************** * Container > Content > News List * **************************************************/ #content ul.sf_newsList { list-style:none; margin:0; padding:10px 0 0; } #content ul.sf_newsList li { border-bottom:1px solid #ccc; clear:both; _height:1px; margin:0 0 15px; padding:0 0 35px; position:relative; } #content ul.sf_newsList li h2 { font:1.2em Arial, sans-serif; margin:0 0 2px; padding:0 0 10px; } #content ul.sf_newsList li p { margin:0; padding:0; } #content ul.sf_newsList li p.sf_newsAuthor { display:block; height:0; padding:0; visibility:hidden; } #content ul.sf_newsList li p.sf_newsDate { color:#666; font-size:.9em; margin:-8px 0 0; padding:2px 0 9px; } #content ul.sf_newsList li p.sf_newsThumbnail { } #content ul.sf_newsList li p.sf_postCategory { bottom:15px; padding:0; position:absolute; right:0; } #content ul.sf_newsList li p.sf_postTags { display:block; height:0; padding:0; visibility:hidden; } #content ul.sf_newsList li p.sf_readMore { bottom:15px; left:0; padding:0; position:absolute; } /************************************************** * Container > Content > Pagination * **************************************************/ #content ol.sf_pager { list-style:none; margin:0; padding:5px 0 0; } #content ol.sf_pager li { float:left; padding:0 5px 0 0; } #content ol.sf_pager li a { border:1px solid #d1d1d1; color:#666; display:block; padding:0 5px; } #content ol.sf_pager li a:hover { border-color:#666; color:#000; } #content ol.sf_pager li a.sf_PagerItem { } #content ol.sf_pager li a.sf_PagerSelItem { border-color:#999; color:#000; } /************************************************** * Container > Content > Search Results * **************************************************/ #content dl.searchResults { font-size:1.1em; margin:0; padding:0; } #content dl.searchResults dd { margin:0; } #content dl.searchResults dd em { display:block; padding:0 0 10px; } #content dl.searchResults dd em a { } #content dl.searchResults dt { border-top:1px solid #ddd; padding:5px 0 0; } #content dl.searchResults dt strong { } #content dl.searchResults dt strong a { border:0; } /************************************************** * Container > Content > Single News Item * **************************************************/ #content .sf_singleNews { padding:0 0 24px; position:relative; } #content .sf_singleNews a { } #content .sf_singleNews a.sf_back { padding:0; position:absolute; right:0; top:-30px; } #content .sf_singleNews a.sf_back a:hover { } #content .sf_singleNews h2 { } #content .sf_singleNews h2.sf_NewsTitle { font-size:1.6em; margin:0; } #content .sf_singleNews p.sf_postComments { float:right; padding:0; } #content .sf_singleNews p.sf_postDate { color:#fff; padding:0 0 5px; } #content .sf_singleNews p.sf_postBookmark { padding:0; } #content .sf_singleNews p.sf_postBookmark a { border:0; float:left; margin:0 5px 0 0; } #content .sf_singleNews p.sf_postBookmark a img { display:block; } /************************************************** * Container > Content > Sitemap * **************************************************/ #content .sitemap { line-height:1.8; } /************************************************** * Container > Sidebar * **************************************************/ #sidebar { float:right; margin:-37px 0 0; overflow:hidden; padding:0 0 10px 1px; width:149px; } #sidebar ul { font-size:1.2em; line-height:1.1; list-style:none; margin:0; padding:0; } #sidebar ul li { background:url('../img/background/sidebar_ul_li.jpg') no-repeat; background-position:bottom left; overflow:hidden; padding:0 0 0 8px; width:141px; } #sidebar ul li a { background:url('../img/background/sidebar_ul_li_a.jpg') no-repeat; background-position:0 50%; color:#333; display:block; padding:9px 0 10px 13px; } #sidebar ul li a em { font-style:normal; font-weight:bold; } #sidebar ul li a:hover { color:#ee801b; } #sidebar ul li a:hover em { color:#004489; } #sidebar ul li.selected { font-weight:600; } #sidebar ul li ul { display:none; height:0; visibility:hidden; width:auto; } #sidebar ul li.selected ul { display:block; font-size:.9em; height:auto; margin:-10px 0 0; padding:0 0 0 13px; visibility:visible; } #sidebar ul li.selected ul li { font-weight:400; padding:0; width:126px; } #sidebar ul li.selected ul li a { background:0; padding:7px 0 8px 0; } #sidebar ul li.selected ul li.selected { font-weight:bold; } /************************************************** * Container > Sidebar > Events * **************************************************/ #sidebar .events { padding:10px 0 0; } #sidebar .events h4 { background:#f27072 url('../img/background/sidebar_events_h4.jpg') no-repeat; color:#fff; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 0 8px; width:141px; } #sidebar .events h4 a { color:#fff; display:block; line-height:26px; } #sidebar .events ul { font-size:1em; margin:0 0 -11px; } #sidebar .events ul li { line-height:1.1; padding:0; } #sidebar .events ul li a { background:0; padding:8px 0 8px 8px; } #sidebar .events ul li a:hover { } /************************************************** * Container > Sidebar > Latest News * **************************************************/ #sidebar .latest-news { padding:10px 0 0; } #sidebar .latest-news h4 { background:#efb458 url('../img/background/sidebar_latest-news_h4.jpg') no-repeat; color:#fff; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 0 8px; width:141px; } #sidebar .latest-news h4 a { color:#fff; display:block; font-weight:bold; line-height:26px; } #sidebar .latest-news ul { font-size:1em; margin:0 0 -11px; } #sidebar .latest-news ul li { line-height:1.1; padding:0; } #sidebar .latest-news ul li a { background:0; padding:8px 0 8px 8px; } #sidebar .latest-news ul li a em { line-height:1.3; } #sidebar .latest-news ul li a:hover { } #sidebar .latest-news ul li a:hover em { color:#333; text-decoration:underline; } /************************************************** * Container > Sidebar > Search * **************************************************/ #sidebar .search { padding:13px 0 0; } #sidebar .search input { border:1px solid #ccc; font-size:1.1em; margin:0 8px; padding:2px; width:127px; } #sidebar .search input:focus { background:#ffd; } #sidebar .search input.submit { background:0; border:0; color:#f58025; cursor:pointer; margin:5px 0 0 8px; padding:0; text-align:right; width:135px; } #sidebar .search label { color:#004489; display:block; margin:0; padding:0 0 3px 8px; } /************************************************** * Container > Sidebar > Testimonials * **************************************************/ #sidebar .testimonials { padding:10px 0; } #sidebar .testimonials h4 { background:#bfd283 url('../img/background/sidebar_testimonials_h4.jpg') no-repeat; color:#fff; font:bold 1.2em/26px 'Century Gothic', 'Avant Garde', sans-serif; margin:0; padding:0 0 0 8px; width:141px; } #sidebar .testimonials h4 a { color:#fff; display:block; font-weight:bold; line-height:26px; } #sidebar .testimonials p { font-size:1em; line-height:1.1; margin:0 0 -11px; padding:8px 0 8px 8px; } #sidebar .testimonials p a { color:#004489; } #sidebar .testimonials p a:hover { text-decoration:underline; } /************************************************** * Container > Footer * **************************************************/ #footer { background:#fff url('../img/background/footer.jpg') no-repeat; background-position:0 0; clear:both; color:#004489; height:129px; padding:1px 150px 0 0; width:750px; } #footer p { font-size:1em; line-height:1.2; margin:0; padding:15px 10px 15px 0; position:relative; width:740px; } #footer p a { border-bottom:1px dotted #004489; color:#004489; } #footer p a:hover { border-bottom-style:solid; } #footer p span { position:absolute; right:90px; top:15px; } /************************************************** * Home * **************************************************/ #home #container #header { height:176px; } #home #container #content { clear:both; width:730px; } #home #container #sidebar { margin:0; } /************************************************** * Group Sites * **************************************************/ .asia #container #header { background-image:url('../img/background/header-asia.jpg'); } .australia #container #header { background-image:url('../img/background/header-australia.jpg'); } .united-states #container #header { background-image:url('../img/background/header-unitedstates.jpg'); }