/* Copyright 2008 Netvolution Experimental Theme Global CSS */ div.surname { display: none; } /* /Themes/1/Default/CSS/formating.css */ /* ---------- style reset ---------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }:focus { outline: 0 } body { line-height: 1.5em } table { border-collapse: separate; border-spacing: 0 } caption, th, td { text-align: left; font-weight: normal } table, td, th { vertical-align: middle } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: "" "" } button { cursor: pointer } a img { border: none } /* ---------- default body declarations ---------- */ body { font-size: 75%; font-family: Arial, Helvetica, sans-serif; color: #636363 } h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.1em; color: #000 } h1 { font-size: 2.1em; margin-bottom: 0.4em } h2 { font-size: 1.7em; margin-bottom: 0.5em } h3 { font-size: 1.3em; margin-bottom: 0.6em } h4 { font-size: 1.2em; margin-bottom: 0.7em } h5 { font-size: 1.1em; margin-bottom: 0.2em } h6 { font-size: 1em; margin-bottom: 0.15em } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0 } p { margin: 0 0 1em 0 } p img { float: left; margin: 1px 10px 5px 0; padding: 0 } img.right-align { float:right; margin:1px 0px 5px 10px; padding:0 } img.middle-align { float:none; clear:both; margin:0; padding:0 } a { text-decoration: underline; color: #000 } a:visited, a:active { text-decoration: underline } a:hover { text-decoration: none } hr { margin: 2em 0; width: 100%; height: 1px; color: #dfdfdf; background-color: #dfdfdf; border: none } * html hr { margin: 1em 0 } *+html hr { margin: 1em 0 } blockquote { margin:1em 0; padding:1em 0 0 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.333em; font-style:italic; line-height:1.3em; } blockquote.left-quote { float:left; width:150px; margin-right:1em; } blockquote.right-quote { float:right; width:150px; margin-left:1em; } strong, b { font-weight: bold } em, dfn { font-style: italic; color: #6e6e6e } dfn { font-weight: bold } sup, sub { line-height: 0 } abbr, acronym { border-bottom: 1px dotted #666 } address { margin: 0 0 1.5em 0; font-style: italic } del { color: #a3a3a3 } ins { color: #555 } pre, code { margin: 1.5em 0; white-space: pre } pre, code, tt { font: 1em 'Andale Mono', 'Lucida Console', monospace; line-height: 1.5 } samp, kbd { font: 1em 'Courier New', Courier, monospace } li ul { margin: 0 1.5em } li ol { margin: 0 2em } ul, ol { margin: 0 1.5em 1.5em 1.8em } ul { list-style-type: disc } ol { margin-left: 2.5em; list-style-type: decimal } dl { margin: 0 0 1.5em 0 } dl dt { font-weight: bold } dd { margin-left: 1.5em } table { border-collapse: collapse; margin-bottom: 1em } thead td, th { font-weight: bold } thead td { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf } th, td { padding: .3em 10px .3em 5px; vertical-align: top } tr.even td { background-color: #fdf3f3 } tfoot { font-style: italic } caption { margin-bottom: .2em; padding-left: 5px; font-weight: bold; color: #000 } input.field { border: 1px solid #dedede } input, button, select, option, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000 } input.button, button { margin: 1px; cursor: pointer; color: #c4c4c4; text-shadow: #333 1px 1px 0; outline: 1px solid #cfcfcf; border: 1px solid #111; background-color: #484747 } button:active { color: #fff } optgroup { font-weight: bold; font-style: normal; color: #636363 } textarea { max-width: 650px } /* /Themes/1/Default/CSS/structure.css */ body { background: #0D0D0D } /* url('/Themes/1/Default/Media/Layout/bg_top.gif') repeat-x center top */ .left { float: left } .clear { clear: both } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; font-size: 1px; line-height: 1px } .hidden { display: block; visibility: hidden; position: absolute; width: 1px; height: 1px; top: 0; left: 0; overflow: hidden } /* ---------- Header ------------- */ #header-holder { position: relative; float: left; width: 100%; z-index: 4; background: #4e0002 url('/Themes/1/Default/Media/Layout/bg_header.jpg') no-repeat center top } div.header-stripes, div.header-stripes-home { position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; font-size: 1px; line-height: 1px; z-index: 1; background: url('/Themes/1/Default/Media/Layout/header_stripes_home.png') repeat-x left bottom } * html div.header-stripes { bottom: 0 } * html div.header-stripes-home { bottom: -4px } #header { overflow: visible; margin: 0 auto; width: 980px } * html #header { margin-bottom: -3px; } #logo { float: left; margin: 39px 0 1.2em; width: 270px; padding-right:50px; height: 70px; background: url('/Themes/1/Default/Media/Layout/atcom_logo.png') no-repeat left top } /* EDITED 280509 */ #logo a { position:relative; float:left; width:270px; height:70px; } #logo a span { position:absolute; top:17px; right:-70px; display:none; float:left; width:65px; height:21px; overflow:hidden; text-indent:-999px; background:url(/Themes/1/Default/Media/Layout/bg_home.png) no-repeat;} * html #logo a span { background:url(/Themes/1/Default/Media/Layout/bg_home.gif) no-repeat; left:290px; display:block; } #logo a:hover span { display:block; } #logo img { display: none } #nav-header { float: left; clear: left; width: 980px } *+html #nav-header { padding-bottom: 1em } /* ---------- Footer --------- */ #footer-top-holder { position: relative; float: left; clear: left; width: 100%; z-index: 3; background:#ffffff; } div.footer-stripe { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; font-size: 1px; line-height: 1px; z-index: 1; background: url('/Themes/1/Default/Media/Layout/transparent_black_40.png') repeat left bottom } #footer-top { overflow: auto; margin: 0 auto; width: 980px; font-size: .9em; text-align: right; background: #fff url('/Themes/1/Default/Media/Layout/bg_main.gif') repeat-y left top } #footer-blog-top { overflow: auto; margin: 0 auto; width: 980px; font-size: .9em; text-align: right; background: #fff url('/Themes/1/Default/Media/Layout/bg_blog_main.gif') repeat-y left top } #footer-top a, #footer-blog-top a { cursor: pointer; float: right; overflow: visible; margin: 0 15px 0 0; min-height: 22px; text-decoration: none; white-space: nowrap; color: #fff } #footer-top a span, #footer-blog-top a span { float: left; vertical-align: bottom; background: url('/Themes/1/Default/Media/Layout/transparent_black_15.png') repeat left top } #footer-top a:hover span, #footer-blog-top a:hover span { background-image: url('/Themes/1/Default/Media/Layout/transparent_black_40.png') } * html #footer-top a:hover { background: #ccc } * html #footer-blog-top a:hover { background: #ccc } #footer-top a span.side, #footer-blog-top a span.side { margin-top: 1px; width: 1px; min-height: 21px; font-size: 1px; line-height: 1px } * html #footer-top a span.side { height: 21px } * html #footer-blog-top a span.side { height: 21px } #footer-top a span.main, #footer-blog-top a span.main { padding: 1px 8px 0 8px; min-height: 21px } * html #footer-top a span.main { padding-top: 3px } * html #footer-blog-top a span.main { padding-top: 3px } #footer-top a img, #footer-blog-top a img { margin: 0 .5em 0 0 } #footer-holder { position: relative; float: left; clear: left; width: 100%; z-index: 1; background-color: #0d0d0d } #footer { overflow: auto; margin: 0 auto; width: 980px; color: #5b5b5b; background: #0d0d0d url('/Themes/1/Default/Media/Layout/bg_footer.gif') repeat-y left top } #footer a { color: #858585 } #footer-main { float: left; padding: 1.9em 0 0 0; width: 680px } #footer-sec { float: left; padding: 1.9em 20px 0 20px; width: 260px; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em } #footer-tools { float: left; clear: left; margin-top: 2em; padding-bottom: 2em; width: 980px } #footer-tools-main { float: left; width: 680px } #footer-tools-sec { float: left; padding: 0 20px; width: 260px; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em } /* ---------- Main pages --------- */ #main-holder { position: relative; float: left; clear: left; width: 100%; z-index: 2; background:#ffffff; } #main { overflow: auto; margin: 0 auto; width: 980px; background: #fff url('/Themes/1/Default/Media/Layout/bg_main.gif') repeat-y left top } #blog-main { overflow: auto; margin: 0 auto; width: 980px; background: #fff url('/Themes/1/Default/Media/Layout/bg_blog_main.gif') repeat-y left top } #column-main { float: left; padding: 2em 10px 1em 0; width: 670px } #column-sec { float: left; padding: 1.8em 10px; width: 280px } div.column-main-content { float: left; width: 665px; background: url('/Themes/1/Default/Media/Layout/dash_main_ver_grey.gif') repeat-y left top } div.column-main-content div.main-content { float: left; padding: 0 2px; width: 430px } div.column-main-content div.side-content { float: left; padding-left: 35px; width: 195px } div.column-main-content div.side-content-full { float: left; width: 230px } /* ---------- Global ------------- */ .red { color: #d11919 } .orange { color: #fe7817 } .blue { color: #008eb3 } .external { padding-right: 10px; background: url('/Themes/1/Default/Media/Layout/icon_external.gif') no-repeat right center } img.border-black { margin-bottom: 1em; border: 1px solid #000 } /* ---------- Buttons ------------- */ a.button { float: left; display: block } .button-small { display: block; width: 35px; min-height: 17px; font-size: .8em; text-align: center; text-decoration: none !important; text-shadow: #940000 1px 1px 0; color: #f1dfdf; background: url('/Themes/1/Default/Media/Layout/button_small_red.gif') repeat-x left top } * html .button-small{ padding-bottom: .2em; line-height: 1.6em } *+html .button-small{ padding-bottom: .2em; line-height: 1.6em } /* ---------- Custom Lists --------- */ ul.list-ora, ul.list-grey, ul.list-blue { list-style: none; margin-left: 0 } ul.list-ora li { padding-left: 15px; background: url('/Themes/1/Default/Media/Layout/tick_orange.gif') no-repeat 0 .45em } ul.list-grey li { padding-left: 15px; background: url('/Themes/1/Default/Media/Layout/tick_grey.gif') no-repeat 0 .45em } ul.list-blue li { padding-left: 15px; background: url('/Themes/1/Default/Media/Layout/tick_blue.gif') no-repeat 0 .45em } /* ---------- Text captions --------- */ div.caption { float: left; padding-top: .5em; width: 160px } div.caption img { margin-bottom: 1em; border: 1px solid #dfdfdf } div.caption p { margin-bottom: .4em; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3 } div.caption p.title { font-size: .8em; font-weight: bold } div.caption-side { float: left; width: 270px } div.caption-wide { float: left; margin: 1em 0 2em; width: 430px } * html div.caption-wide { margin-bottom: 1em } div.caption-wide img { float: left; margin-right: 30px } div.caption-wide p { margin: 1em 0 0 0; font-style: italic } /* /Themes/1/Default/CSS/modules.css */ /************ HEADER ************/ /* ---------- Header Main Navigation ------------- */ #nav-main { position: relative; float: left; list-style: none; margin: 0 0 1em 0; width: 680px; z-index: 6 } #nav-main li { position: relative; float: left; margin: 0; color: #fff; background: none } #nav-main li a { float: left; padding: .5em 12px; text-decoration: none; color: #fff } #nav-main li a:hover { background-color: #430301 } #nav-main div.submenu { display: none; position: absolute; left: -2px; top: 2.5em; margin: 0; padding: .5em 0; width: 184px; z-index: 99; border: 1px solid #d9d9d9; border-top: none; background-color: #fff } #nav-main div.double { width: 368px } #nav-main li:hover a, #nav-main li.over a { background-color: #430301 } #nav-main li:hover ul a, #nav-main li.over ul a { background: none } #nav-main li:hover div, #nav-main li.over div { display: block } #nav-main ul { list-style: none; float: left; margin: 0; padding: 0 12px; width: 160px; font-size: .9em } #nav-main ul li { float: none; color: #000 } #nav-main ul li a { float: none; padding: 0; color: #000 } #nav-main ul li a:hover { z-index: 99; color: #d21a1a; background: none } #nav-main ul li p { margin-bottom: .5em; line-height: 1.1em; color: #909090 } #nav-main ul li p.title { margin-bottom: 0; font-weight: bold; line-height: 1.7em; color: #222 } #nav-main ul li p.title a { color: #222 } #nav-main ul li p.title a:hover { color: #d11919 } /* ---------- Header Main Navigation :: test 2 ------------- */ #nav-main div.double_2 { width: 368px } #nav-main div.double_2 div.category { float: left; width: 184px } #nav-main div.category a { float: none; padding: 0; color: #000; background: none } #nav-main div.category a:hover { z-index: 99; color: #d21a1a; background: none } #nav-main div.category p { margin-bottom: .5em; padding-left: 12px; font-size: .9em; line-height: 1.1em; color: #909090 } #nav-main div.category p.title { margin-bottom: 0; font-weight: bold; line-height: 1.7em; color: #222 } #nav-main div.category p.title a { color: #222 } #nav-main div.category p.title a:hover { color: #d11919 } #nav-main div.category ul { width: 60px; font-size: .9em } /* ---------- Header Main Navigation :: test 3 ------------- */ #nav-main div.double_3 { width: 368px } #nav-main div.double_3 div.category_3 { float: left; clear: left; margin-bottom: 1em; width: 368px } #nav-main div.category_3 a { float: none; padding: 0; color: #000; background: none } #nav-main div.category_3 a:hover { z-index: 99; color: #d21a1a; background: none } #nav-main div.category_3 p { margin-bottom: .5em; padding-left: 12px; font-size: .9em; line-height: 1.1em; color: #909090 } #nav-main div.category_3 p.title { margin-bottom: 0; font-weight: bold; line-height: 1.7em; color: #222 } #nav-main div.category_3 p.title a { color: #222 } #nav-main div.category_3 p.title a:hover{ color: #d11919 } #nav-main div.category_3 ul { width: 160px; font-size: .9em } /* ---------- Header Right Navigation Tools ------------- */ #nav-tools { list-style: none; float: right; margin: 0 0 1em 0; padding-top: .3em; width: 298px } *+html #nav-tools { margin-bottom: .2em } #nav-tools li { display: inline; float: right; margin: 0 0 0 5px } #nav-tools a { cursor: pointer; min-height: 26px; text-decoration: none; white-space: nowrap; color: #b67d7b } #nav-tools a span { float: left; vertical-align: middle } #nav-tools a span.lf { width: 1px; height: 26px; font-size: 1px; line-height: 1px; background: url('/Themes/1/Default/Media/Layout/button_nav_tools_left.png') no-repeat left top } #nav-tools a span.rg { width: 1px; height: 26px; font-size: 1px; line-height: 1px; background: url('/Themes/1/Default/Media/Layout/button_nav_tools_right.png') no-repeat left top } #nav-tools a span.main { padding: 4px 10px 5px; height: 17px; background: url('/Themes/1/Default/Media/Layout/button_nav_tools_bg.png') repeat-x left top } * html #nav-tools a span.main { padding: 4px 10px 0 10px } #nav-tools a:hover { color: #fff } /* ---------- Header Home Promotional Project ------------- */ #home-promo { position: relative !important; float: left; clear: left; padding-top: 3px; width: 980px; background: url('/Themes/1/Default/Media/Layout/transparent_white_10.png') repeat left top } #home-promo div.promo-main { position: relative; float: left; overflow: hidden; width: 680px; height: 313px } #home-promo div.promo-main .alt-holder { position: relative } #home-promo div.promo-main .alt-holder .overlay { position: absolute; left: 0; top: 0; padding: 5px 10px; font-weight: bold; color: #fff; background-color: #000 } #home-promo div.promo-title { position: absolute !important; top: 3px; right: 0; width: 980px; height: 88px; z-index: 5 } #home-promo div.promo-descr { float: left; margin-top: 100px; padding: 0 20px; width: 260px; min-height: 125px; color: #fff } * html #home-promo div.promo-descr { height: 125px } #home-promo div.promo-descr p { margin-bottom: 0; line-height: 1.3em; color: #fff } #home-promo div.promo-links { float: right; margin-top: .5em; padding: .5em 20px 0; width: 260px; color: #fff; background: url('/Themes/1/Default/Media/Layout/promo_links_line.gif') repeat-y 170px 0 } #home-promo div.promo-links p { margin-bottom: .5em; color: #fff } #home-promo div.promo-links p a { text-decoration: none; color: #fff } #home-promo div.promo-links p a:hover { text-decoration: underline } #home-promo div.promo-links div.project { float: left; padding-top: .5em; width: 150px } #home-promo div.promo-links div.project p { display: block; padding: 0 0 3px 30px; min-height: 22px; background: url('/Themes/1/Default/Media/Layout/promo_links_button.png') no-repeat 0 0 } #home-promo div.promo-links div.web-2 { float: left; padding-left: 15px; width: 95px; font-size: .9em } #home-promo div.promo-links div.web-2 p { padding-left: 20px } #home-promo div.promo-links div.web-2 p.rss { background: url('/Themes/1/Default/Media/Layout/promo_links_rss.gif') no-repeat 0 .4em } #home-promo div.promo-links div.web-2 p.delicious { background: url('/Themes/1/Default/Media/Layout/promo_links_delicious.gif') no-repeat 1px .4em } #home-promo div.promo-links div.web-2 p.i-love-this { background: url('/Themes/1/Default/Media/Layout/promo_links_ilovethis.gif') no-repeat 2px .4em } #home-promo div.promo-links div.web-2 p.facebook { background: url('/Themes/1/Default/Media/Layout/promo_links_facebook.gif') no-repeat 0 .4em } #home-promo div.promo-links div.web-2 p.digg { background: url('/Themes/1/Default/Media/Layout/promo_links_digg.gif') no-repeat 0 .4em } /* ---------- Header Sub Navigation ------------- */ #nav-submenu { position: relative; margin: 0 auto; width: 980px; z-index: 1 } #nav-submenu ul { position: relative; float: left; clear: left; list-style: none; margin: .5em 0 0 0; width: 980px; z-index: 1; background: url('/Themes/1/Default/Media/Layout/transparent_white_10.png') repeat left top } #nav-submenu li { position: relative; float: left; margin: 0; color: #cda7a6; background: none } #nav-submenu li a { float: left; padding: .45em 14px .5em; text-decoration: none; color: #cda7a6 } #nav-submenu li a:hover { background-color: #430301 } #nav-submenu li.active { color: #430301; background-color: #fff } #nav-submenu li.active a{ color: #430301 } #nav-submenu li.active a:hover { background-color: #fff } /************ FOOTER ************/ /* ---------- Footer left Recentry lists ------------- */ #footer-main div.recents { float: left; padding: 0 10px 2em; width: 660px; font-family: Tahoma, Geneva, Verdana, sans-serif; background: url('/Themes/1/Default/Media/Layout/dash_ver_dark_grey.gif') repeat-y 330px 0 } #footer-main div.recent-view, #footer-main div.recent-comments { float: left } #footer-main div.recent-view { margin-right: 40px; width: 300px } #footer-main div.recent-comments { width: 310px } #footer-main div.recent-view p, #footer-main div.recent-comments p { float: left; width: 100%; margin-bottom: 1em } #footer-main div.recent-view dl, #footer-main div.recent-comments dl { margin-bottom: .7em } #footer-main div.recent-view dt, #footer-main div.recent-comments dt { font-size: .9em; font-weight: normal; color: #848484 } #footer-main div.recent-view dd, #footer-main div.recent-comments dd { margin: 0; line-height: 1.3em } /* ---------- Footer Main Search ------------- */ #search-main { padding-bottom: 1.8em; width: 260px; border-bottom: 1px solid #212121 } #search-main legend { margin: 0 0 .5em 2px } * html #search-main legend { margin-left: -5px } *+html #search-main legend { margin-left: -5px } #search-main label { display: none; visibility: hidden } #search-main div.search { display: block; float: left; margin-top: 1px; padding-left: 2px; background: url('/Themes/1/Default/Media/Layout/footer_search_field_lf.gif') no-repeat left bottom } #search-main div.search div { display: block; float: left; padding: 0 2px 0 0; background: url('/Themes/1/Default/Media/Layout/footer_search_field_rg.gif') no-repeat right bottom } #search-main input { float: left; margin: 0; padding: 5px 2px; width: 176px; min-height: 16px; font-size: 1.2em; outline: none; border: none; background: #fff url('/Themes/1/Default/Media/Layout/footer_search_field_bg.gif') repeat-x left bottom } * html #search-main input { height: 16px } #search-main div.submit { display: block; float: left; margin-left: 5px; padding-left: 3px; background: url('/Themes/1/Default/Media/Layout/footer_search_submit_lf.gif') no-repeat left bottom } #search-main div.submit div { display: block; float: left; padding: 0 3px 0 0; background: url('/Themes/1/Default/Media/Layout/footer_search_submit_rg.gif') no-repeat right bottom } #search-main button { float: left; margin: 0; padding: 5px 2px; width: 65px; min-height: 28px; font-size: 1.1em; outline: none; border: none; background: url('/Themes/1/Default/Media/Layout/footer_search_submit_bg.gif') repeat-x left bottom } #search-main button:hover { color: #fff } * html #search-main button { height: 28px } *+html #search-main button { height: 18px } #search-main p { float: left; clear: left; margin: 1em 0 0 0; width: 260px; line-height: 1.3em } /* ---------- Footer Web 2.0 links ------------- */ #web-2 { float: left; clear: left; margin-top: 1.4em; padding-bottom:1.8em; width: 260px; border-bottom: 1px solid #212121 } #web-2 p.title { float: left; margin-bottom: .8em; width: 260px } #web-2 ul { list-style: none; clear: left; margin: 0 } #web-2 li { padding: 0 0 .6em 25px; background-repeat: no-repeat; background-position: 0 .3em } #web-2 li.facebook { background-image: url('/Themes/1/Default/Media/Layout/icon_facebook.gif') } #web-2 li.twitter { background-image: url('/Themes/1/Default/Media/Layout/icon_twitter.gif') } #web-2 li.rss { background-image: url('/Themes/1/Default/Media/Layout/icon_rss.gif') } #web-2 li a { text-decoration: none; color: #5b5b5b } #web-2 li a:hover { text-decoration: underline } /* ---------- Footer atcom technology ------------- */ #atcom-technology { float:left; clear:left; margin-top:1.4em; width:260px; } #atcom-technology span.title img { float:left; margin-top:.3em; } #atcom-technology span.num { float:left; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#5b5a5a; font-weight:bold; } /* ---------- Footer Main Navigation ------------- */ #nav-footer { list-style: none; float: left; clear: left; margin: 0 0 1.5em 0; width: 640px; border-top: 1px solid #181818; border-bottom: 1px solid #181818 } #nav-footer li { float: left; margin: 0; padding: .8em 5px .8em 0; color: #6e6e6e } #nav-footer li a { float: left; padding: .4em 10px; text-decoration: none; color: #6e6e6e } #nav-footer li a:hover { color: #fff; background-color: #252525 } /* ---------- Footer Copyright notes & Other links ------------- */ #nav-infos { float: left; clear: left; margin-bottom: 1.8em; padding: 0 10px; width: 640px; font-size: .9em; color: #333 } #nav-infos a { text-decoration: none; color: #5b5b5b } #nav-infos a:hover { text-decoration: underline } #nav-infos p { float: left; margin: 0 } #nav-infos ul { list-style: none; float: left; margin: 0 } #nav-infos li { float: left; margin-left: 10px; padding-left: 12px; background: url('/Themes/1/Default/Media/Layout/bullet_grey_small.gif') no-repeat 0 .7em } /* ---------- Footer Association Icons ------------- */ ul.associations { list-style: none; float: left; clear: left; margin: 0; padding: 0 10px; width: 640px } ul.associations li { float: left; margin: 0 20px 0 0 } /* ---------- Footer Atcom Navigation ------------- */ #nav-atcom { list-style: none; float: left; clear: left; margin: 0 0 1.5em 0; width: 260px; border-top: 1px solid #212121; border-bottom: 1px solid #212121 } #nav-atcom li { float: left; margin: 0 10px 0 0; padding: 1.4em 10px 1.4em 0; color: #5b5b5b; background: url('/Themes/1/Default/Media/Layout/bullet_grey_small.gif') no-repeat right center } #nav-atcom li.title { margin-right: 5px; background: none } #nav-atcom li.title img { float: left; margin-top: 4px; vertical-align: baseline } #nav-atcom li.last { margin-right: 0; background: none } #nav-atcom li a { text-decoration: none; color: #5b5b5b } #nav-atcom li a:hover { color: #fff } /* ---------- Footer Validation & Bug links ------------- */ #validation { float: left; clear: left; margin-bottom: 1.8em; width: 260px } #validation p { margin: 0; color: #333 } #validation p.valid { float: left } #validation p.bug { float: right; padding-right: 15px; background: url('/Themes/1/Default/Media/Layout/footer_bug.gif') no-repeat right center } #validation a { text-decoration: none; color: #5b5b5b } #validation a:hover { text-decoration: underline } #validation p.bug a { color: #333 } #validation p.bug a:hover { color: #5b5b5b } /* ---------- Footer Build Info ------------- */ #build { float: left; clear: left; margin-top: 1em; width: 260px } /************ HOMEPAGE ************/ /* ---------- Homepage Products --------- */ div.homepage div.products { float: left; margin-bottom: 1.8em; padding-bottom: 2.5em; border-bottom: 1px solid #dfdfdf } * html div.homepage div.products { padding-bottom: 1.2em } *+html div.homepage div.products { padding-bottom: 1.2em } div.homepage div.products h1 { margin-bottom: .1em } div.homepage div.products-preview { float: left; padding-top: .2em; width: 670px; background: url('/Themes/1/Default/Media/Layout/dash_ver_grey.gif') repeat-y 330px 0 } div.homepage div.netvolution { float: left; padding: .5em 35px 0 0; width: 310px } div.homepage div.m-volution { float: left; padding: .5em 15px 0 0; width: 310px } div.homepage div.netvolution h2, div.homepage div.m-volution h2 { margin-bottom: .9em } div.homepage div.netvolution p, div.homepage div.m-volution p { margin-bottom: .4em } div.homepage div.netvolution p.tags, div.homepage div.m-volution p.tags { margin-bottom: 1.5em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; color: #a3a3a3 } div.homepage div.netvolution p.tags a, div.homepage div.m-volution p.tags a { color: #a3a3a3 } div.homepage div.netvolution p.details, div.homepage div.m-volution p.details { overflow: auto; margin-bottom: 0; padding-top: .8em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; color: #a3a3a3 } div.homepage div.netvolution p.details a, div.homepage div.m-volution p.details a { margin-left: 10px } div.homepage div.netvolution p.details a.button, div.homepage div.m-volution p.details a.button { margin: -.8em 10px 0 0 } /* ---------- Homepage Solutions --------- */ div.homepage div.solutions { float: left; margin-bottom: 1.8em; padding-bottom: 2.5em; border-bottom: 1px solid #dfdfdf } * html div.homepage div.solutions { padding-bottom: 1.2em } *+html div.homepage div.solutions { padding-bottom: 1.2em } div.homepage div.solutions h1 { margin-bottom: .5em } div.solutions-container { position: relative; overflow: visible; margin-bottom: .8em; width: 668px; height: 20em } #horScroll-Wraper { clear: both; width: 668px; height: 17em } #horScroll-Content { width: 668px; height: 17em } #horScroll-ScrollBox { overflow: hidden; position: absolute; left: 0; top: 0; width: 668px; height: 17em } #horScroll-BigBox { position: absolute; width: 3340px; height: 17em } #horScroll-BigBox div.box-content { overflow: hidden; float: left; padding: 0 50px; width: 568px; height: 17em } #horScroll-Menu { position: absolute; left: 0; top: 17em; width: 628px; height: 3em; z-index: 3 } #horScroll-Menu ul { list-style: none; margin: 0; padding: .5em 20px; width: 628px; height: 1.8em; } #horScroll-Menu ul li { cursor: pointer; display: inline; padding: 10px 20px 10px 20px; border:none; border-top:1px solid #cecece; } #horScroll-Menu ul li.active { cursor: pointer; display: inline; padding: 10px 20px 10px 20px; border-bottom:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; border-top:none; } #horScroll-Menu ul li a { text-decoration: none; color: #686868; font-weight:normal } #horScroll-Menu ul li.active a { text-decoration: none; color: #686868; font-weight:bold } .Page1, .Page2, .Page3, .Page4, .Page5 { color: #696969 } .Page1Over, .Page2Over, .Page3Over, .Page4Over, .Page5Over { font-weight: bold; color: #696969 } div.homepage div.solutions div.photo { float: left; padding-top: 1em; width: 200px } div.homepage div.solutions div.content { float: left; width: 368px } div.homepage div.solutions div.content p { margin-bottom: 1em; font-size: 1.1em; color: #636363 } div.homepage div.solutions div.content p.title { margin-bottom: .8em; font-size: 1.7em; color: #d11919 } div.homepage div.solutions div.content p.tags { margin-bottom: .4em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; color: #999 } div.homepage div.solutions div.content p.tags a { color: #999 } /* ---------- Homepage Projects --------- */ div.homepage div.projects { position: relative; float: left; margin-bottom: 1em } * html div.homepage div.projects { padding-bottom: 1.2em } *+html div.homepage div.projects { padding-bottom: 1.2em } div.homepage div.projects h1 { margin-bottom: .4em } div.homepage div.projects div.rss { position: absolute; top: .8em; right: 10px } /************ RIGHT COLUMN ************/ /* ---------- Right Column Tabbed panel --------- */ #contect-tabbed { float: left; padding-bottom: 10px; width: 280px; background: url('/Themes/1/Default/Media/Layout/column_sec_box_shadow.jpg') no-repeat left bottom } #contect-tabbed ul { list-style: none; float: left; margin: 0; padding-bottom: 8px; width: 280px; background: url('/Themes/1/Default/Media/Layout/content_tabbed_bg.jpg') no-repeat left bottom } #contect-tabbed li { float: left; margin-right: -16px; padding:0 8px; } /* EDITED 270509 */ #contect-tabbed li span { float: left; } /* EDITED 270509 */ #contect-tabbed li span span { padding: .6em 8px 1em 0; } /* EDITED 270509 */ #contect-tabbed li.active { margin: 0 -8px 0 -8px; padding-right: 8px; background: url('/Themes/1/Default/Media/Layout/content_tabbed_shd_rg.png') no-repeat right bottom } /* EDITED 270509 */ * html #contect-tabbed li.active{ background: none } #contect-tabbed li.active span { float: left; padding-left: 8px; background: url('/Themes/1/Default/Media/Layout/content_tabbed_shd_lf.png') no-repeat left bottom } * html #contect-tabbed li.active span { background: none } #contect-tabbed li.active span span { padding: .6em 7px 1em 8px; background: #fff url('/Themes/1/Default/Media/Layout/content_tabbed_active_top.jpg') no-repeat center top } /* EDITED 270509 */ #contect-tabbed li.first { padding:0 8px 0 0; } #contect-tabbed li.first span { background: none } #contect-tabbed li.rss { float: right; margin-right: 0; padding: 5px 5px 0 0; width: 20px } #contect-tabbed li a {} #contect-tabbed li img { float: left } #contect-tabbed div.content { float: left; clear: left; padding: .8em 15px 0; width: 250px; background-color: #fff } #contect-tabbed dl { } #contect-tabbed dt { color: #d11917 } #contect-tabbed dt a { text-decoration: none; color: #d11917 } #contect-tabbed dt a:hover { text-decoration: underline } #contect-tabbed dd { margin: 0 0 .8em 0; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 1.3em; color: #686868 } #contect-tabbed dd.date, #contect-tabbed dd.tags { font-size: .9em; color: #a3a3a3 } #contect-tabbed dd.tags a { color: #a3a3a3 } #contect-tabbed div.nav { float: left; clear: left; padding: 1.2em 15px 1em; width: 250px; font-size: .9em; text-align: right; color: #a4a4a4; background: #fff url('/Themes/1/Default/Media/Layout/content_tabbed_nav.jpg') no-repeat right top } #contect-tabbed div.nav em { margin: 0 2px; font-size: .8em; font-style: normal; color: #d21a1c } #contect-tabbed div.nav img { margin-left: 2px; vertical-align: middle } /* ---------- Right Column Panels --------- */ div.panel { float: left; clear: left; padding: 2px 15px 1.5em; width: 250px; background: #fff url('/Themes/1/Default/Media/Layout/column_sec_box_shadow.jpg') no-repeat left bottom } div.panel div.inner { float: left; padding: 1em 0 .2em; width: 250px; background: #fff url('/Themes/1/Default/Media/Layout/column_sec_box_inner_shadow.jpg') no-repeat right top } * html div.panel div.inner { padding-bottom: .5em } *+html div.panel div.inner { padding-bottom: .5em } /* ---------- Right Column Panels with left stripe --------- */ div.panel-stripe { float: left; clear: left; padding: 2px 2px 12px 2px; width: 276px; background: #fff url('/Themes/1/Default/Media/Layout/column_sec_box_shadow.jpg') no-repeat left bottom } div.panel-stripe div.inner { float: left; padding: 1em 0 .2em; width: 268px; background: #fff url('/Themes/1/Default/Media/Layout/column_sec_box_inner_shadow.jpg') no-repeat right top } * html div.panel-stripe div.inner{ padding-bottom: .5em } *+html div.panel-stripe div.inner{ padding-bottom: .5em } div.panel-stripe div.icon { float: left; width: 68px; text-align: center } div.panel-stripe div.content { float: left; padding: .3em 20px 0 0; width: 180px } div.panel-stripe div.content h1 { margin-bottom: .2em; line-height: 0 } div.panel-stripe div.content p { margin-bottom: 0; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; line-height: 1.3em } div.panel-stripe div.content p a{ padding-left: 15px; background: url('/Themes/1/Default/Media/Layout/tick_green.gif') no-repeat left center } /* ---------- Right Column Latest Updates panel --------- */ #latest-updates div.inner { border-left: 8px solid #f8d3b6 } /* ---------- Right Column Hotel Owner panel --------- */ #hotelOwner div.inner { border-left: 8px solid #e2e5cc } #hotelOwner div.content p { margin-bottom: 1em } #hotelOwner div.content p a { padding-left: 0; background: none } /* ---------- Right Column Tell us panel --------- */ #tell-us div.inner { border-left: 8px solid #e2deec } #tell-us div.content p { margin-bottom: 1em } #tell-us div.content p a { padding-left: 0; background: none } /* ---------- Right Column Skroutz panel --------- */ #skroutz div.inner { border-left: 8px solid #e2deec } #skroutz div.skroutz-search { float:left; margin:10px 0 10px 15px; } * html #skroutz div.skroutz-search { display:inline; } #skroutz div.skroutz-search fieldset input.text { float:left; padding:7px 5px; width:141px; height:16px; border:0; background:url(/Themes/1/Default/Media/Layout/input_text_skroutz.gif) no-repeat; } #skroutz div.skroutz-search fieldset input.submit { float:left; width:87px; height:30px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; cursor:pointer; border:0; background:url(/Themes/1/Default/Media/Layout/button_skroutz_it.gif) no-repeat; } /* ---------- Right Column Empoy (our people & job openings) panel --------- */ #employ h1 { position: relative; padding-bottom: .8em; font-size: 1.3em; border-bottom: 1px solid #dedede } #employ h1.sp_top { margin-top: 1.5em } #employ h1 .rss { position: absolute; top: .2em; right: 0 } #employ p { clear: left; margin-bottom: .5em; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 1.3em } #employ dl { float: left; clear: left; margin: .5em 0; width: 250px } #employ dt { float: left; margin-bottom: .8em; padding-left: 15px; width: 130px; min-height: 17px; font: normal 1em Tahoma, Geneva, Verdana, sans-serif; background: url('/Themes/1/Default/Media/Layout/tick_red.gif') no-repeat left center } * html #employ dt { height: 17px } #employ dd { float: left; margin: 0 0 .8em 0; width: 60px; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; text-align: right; color: #a2a2a2 } #employ dd.new { clear: left; margin-right: 10px; width: 35px; font-size: 1em; text-align: left } /* ---------- Right Column Products panel --------- */ #products-sec h1 { padding-bottom: .4em; border-bottom: 1px solid #dedede } #products-sec h2 { margin-bottom: .2em } #products-sec p { font: normal .9em/1.3em Tahoma, Geneva, Verdana, sans-serif } #products-sec p.sub { font-size: 1em; color: #000 } /* ---------- Right Column Solutions Expertise panel --------- */ #solutions-sec h1 { padding-bottom: .6em; font-size: 1.35em; border-bottom: 1px solid #dedede } #solutions-sec p { font: normal .9em/1.3em Tahoma, Geneva, Verdana, sans-serif } #solutions-sec p.sub { font-size: 1em; color: #909090 } div.solution-sec-container { position: relative; overflow: visible; width: 250px; height: 12em } #solutions-sec #horScroll-Wraper { width: 250px; height: 8em } #solutions-sec #horScroll-Content { width: 250px; height: 8em } #solutions-sec #horScroll-ScrollBox { left: 0; top: 0; width: 250px; height: 8em } #solutions-sec #horScroll-BigBox { width: 750px; height: 8em } #solutions-sec #horScroll-BigBox div.box-content { padding: 0; width: 250px; height: 8em } #solutions-sec #horScroll-BigBox div.photo { float: left; padding-top: .2em; width: 100px; text-align: center } #solutions-sec #horScroll-BigBox div.content { float: left; width: 150px } #solutions-sec #horScroll-BigBox div.content p { font-size: .9em; color: #636363 } #solutions-sec #horScroll-BigBox div.content p.title{ margin-bottom: .5em; font-size: 1em; font-weight: bold; color: #d11919 } #solutions-sec #horScroll-Menu { left: 0; top: 8em; width: 250px; height: 3em } #solutions-sec #horScroll-Menu ul { padding: .8em 0 0 0; width: 250px; height: 2.2em } #solutions-sec #horScroll-Menu ul li{ padding: 5px 10px 5px 10px; font-size: .9em } #solutions-sec .Page1Over, #solutions-sec .Page2Over, #solutions-sec .Page3Over, #solutions-sec .Page4Over, #solutions-sec .Page5Over { font-weight: normal; color: #000 } /* ---------- Right Column Latest Projects panel --------- */ #works-sec { padding-left: 0; padding-right: 0; width: 280px } #works-sec div.inner { padding-left: 15px; padding-right: 15px; width: 250px } #works-sec h1 { margin-bottom: .6em; padding-bottom: .6em; font-size: 1.35em; border-bottom: 1px solid #dedede } #works-sec dl { float: left; margin: 0 0 1.6em 0; width: 250px } #works-sec dt { float: right; width: 152px; line-height: 2em } #works-sec dt a { text-decoration: none; color: #d0191b } #works-sec dt a:hover { text-decoration: underline } #works-sec dd { float: left; clear: both; margin: 0; width: 250px; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; line-height: 1.3em } #works-sec dd.photo { overflow: hidden; clear: none; margin-right: 10px; padding-bottom: 9px; width: 88px; background: #ff0000 url('/Themes/1/Default/Media/Layout/photo_shadow_100.jpg') no-repeat center bottom } #works-sec dd.photo a img { float: left; border: 1px solid #000 } #works-sec dd.photo a:hover img { border-color: #d11919 } #works-sec dd.date { float: right; clear: right; width: 152px; color: #a3a3a3 } #works-sec div.nav { float: left; clear: left; padding: 1.2em 15px .4em 15px; width: 250px; font-size: .9em; color: #a4a4a4; background: #fff url('/Themes/1/Default/Media/Layout/content_tabbed_nav.jpg') no-repeat right top } #works-sec div.nav p { margin: 0 } #works-sec div.nav p.nav { float: right; width: 120px; text-align: right } #works-sec div.nav span.buttons { margin-left: 5px; white-space: nowrap } #works-sec div.nav em { margin: 0 2px; font-size: .9em; font-style: normal; color: #d21a1c } #works-sec div.nav img { float: none; margin: 0 0 0 2px; vertical-align: middle } /* ---------- Right Column Clients panel --------- */ #clients-sec h1 { padding-bottom: .6em; font-size: 1.35em; border-bottom: 1px solid #dedede } #clients-sec p { font-size: .9em; color: #909090 } #clients-sec ul { list-style: none; float: left; margin: 0 0 1em 0; width: 250px } * html #clients-sec ul { margin-bottom: 0 } *+html #clients-sec ul { margin-bottom: .6em } #clients-sec li { position: relative; float: left; padding: 1px; border-left: 1px dashed #cfcfcf; border-bottom: 1px dashed #cfcfcf } #clients-sec li.clear { border-left: none } #clients-sec li.last { border-bottom: none } #clients-sec li a { display: block; width: 80px; height: 80px } /* ---------- Right Column Awards panel --------- */ #awards-sec h1 { padding-bottom: .6em; font-size: 1.35em; border-bottom: 1px solid #dedede } #awards-sec h2 { font: normal 1em Tahoma, Geneva, Verdana, sans-serif; color: #d11919 } #awards-sec p { font-size: .9em; color: #909090 } #awards-sec dl { position: relative; margin: 1em 0 0 0; padding: 0 0 5px 90px; min-height: 80px; font-family: Tahoma, Geneva, Verdana, sans-serif } * html #awards-sec dl { height: 80px } #awards-sec dt { margin-bottom: .2em; padding-top: 1em; color: #000 } #awards-sec dd { margin: 0; font-size: .8em; font-weight: bold; line-height: 1.6em; color: #ababab } #awards-sec dd em { padding-left: 10px; font-size: 1.1em; font-style: normal; font-weight: normal } #awards-sec dd.photo { position: absolute; left: 0; top: 0 } /* ---------- Right Column Partners panel --------- */ #partners-sec h1 { padding-bottom: .6em; font-size: 1.35em; border-bottom: 1px solid #dedede } #partners-sec p { font-size: .9em; color: #909090 } #partners-sec ul { list-style: none; float: left; margin: 0 0 1em 0; width: 250px } * html #partners-sec ul { margin-bottom: 0 } *+html #partners-sec ul { margin-bottom: .6em } #partners-sec li { position: relative; float: left; padding: 1px; border-left: 1px dashed #cfcfcf; border-bottom: 1px dashed #cfcfcf } #partners-sec li.clear { border-left: none } #partners-sec li.last { border-bottom: none } #partners-sec li a { display: block; width: 80px; height: 80px } /************ VARIOUS GLOBAL ************/ /* ---------- Links with image arrow --------- */ div.preview-clmn-more { float: left; clear: left; margin: 1em 0; padding-left: 15px; min-height: 12px; width: 650px; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_black.gif') no-repeat left center } div.preview-clmn-more a { margin: 0 5px } div.homepage div.solutions div.content p.links { margin-bottom: 0; padding-left: 10px; min-height: 12px; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_black.gif') no-repeat 0 .3em } div.homepage div.solutions div.content p.links a { margin: 0 5px } div.product-container div.box-content p.links { margin-bottom: .2em; padding-left: 12px; min-height: 10px; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .3em } div.product-container div.box-content p.links a { margin: 0 } div.about div.nav-article p.links { float: left; margin-bottom: .2em; padding: 0 0 .4em 12px; min-height: 10px; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .25em } div.about div.nav-article p.links a { margin: 0 } div.works div.matrix dd.links { font: normal .9em Tahoma, Geneva, Verdana, sans-serif } div.works div.matrix dd.links p { margin: .5em 0 0 0; padding-left: 12px; width: 188px; min-height: 10px; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .2em } div.about dl.news dd.links { margin: 0; padding: 0 0 .4em 12px; width: 415px; min-height: 10px; font-size: .9em; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .25em } div.about dl.news dd.links a{ margin: 0 } div.side-content p.links { margin-bottom: .2em; padding: 0 0 .4em 12px; min-height: 10px; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .25em } div.side-content p.links a { margin: 0; color: #000 !important } #column-sec p.links { clear: left; margin-bottom: 0; padding-left: 12px; min-height: 10px; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .4em } #column-sec p.links span { margin: 0 5px } #column-sec p.links-s { padding-left: 12px; min-height: 10px; font-size: .9em; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .3em } #column-sec p.links-s span { margin: 0 5px } #column-sec div.nav p.links { float: left; padding-left: 12px; width: 100px; min-height: 10px; font-family: Tahoma, Geneva, Verdana, sans-serif; text-align: left; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .45em } /* ---------- Tags --------- */ /* ---------- Sort Navigation bar --------- */ div.nav-sort { float: left; margin-bottom: .5em; padding-bottom: .5em; width: 430px; font-size: .9em; border-bottom: 1px solid #dfdfdf } div.nav-sort div.menu { float: left; color: #a3a3a3 } div.nav-sort div.menu div.title { float: left; margin-right: 10px; padding: 3px 0 8px 0 } #nav-sort { list-style: none; position: relative; float: left; margin: 0; z-index: 1 } #nav-sort a { text-decoration: none !important; color: #626262 } #nav-sort a:hover { color: #d21819 } #nav-sort li { float: left; position: relative; vertical-align: baseline } #nav-sort li.normal { margin: 0 10px; padding: 3px 0 8px 0 } #nav-sort li a.arrow { float: left; margin-right: 5px; padding-right: 10px; background: url('/Themes/1/Default/Media/Layout/arrow_down_grey.gif') no-repeat right center } #nav-sort div { display: none; position: absolute; left: -5px; top: 0; margin: 0; padding-top: 2em; z-index: -1; background-color: #fff } #nav-sort li:hover a, #nav-sort li.over a { color: #d11718 } #nav-sort li:hover div, #nav-sort li.over div { display: block } #nav-sort li.active { margin: 0 5px; vertical-align: baseline } #nav-sort li.active span { float: left; padding: 0 0 0 2px; background: url('/Themes/1/Default/Media/Layout/nav_sort_active_bg_l.gif') no-repeat left top } #nav-sort li.active span span { padding: 0 2px 0 0; background: url('/Themes/1/Default/Media/Layout/nav_sort_active_bg_r.gif') no-repeat right top } #nav-sort li.active span span span { padding: 3px 3px 8px 3px; color: #d11a16; background: url('/Themes/1/Default/Media/Layout/nav_sort_active_bg.gif') repeat-x left top } #nav-sort li.active a { color: #d11919 } #nav-sort li.active a.arrow { margin-right: 0 } #nav-sort ul { list-style: none; display: block; margin: 0; padding: .5em 0; background-color: #fff } #nav-sort ul li { display: block; float: none; margin: 0; padding: 0 10px; white-space: nowrap } #nav-sort ul a { color: #626262 !important } #nav-sort ul a:hover { color: #d21819 !important } div.nav-sort div.icons { float: right; padding-bottom: 6px; color: #a3a3a3 } div.nav-sort div.icons div.arrows, div.nav-sort div.icons div.buttons, div.nav-sort div.icons div.ver-line { display: inline; vertical-align: top } div.nav-sort div.icons div.arrows a, div.nav-sort div.icons div.buttons a, div.nav-sort div.icons div.arrows span, div.nav-sort div.icons div.buttons span { display: block; float: left; text-indent: 9999px } div.nav-sort div.icons div.arrows a, div.nav-sort div.icons div.arrows span { overflow: hidden; margin-top: 6px; margin-left: 8px; width: 11px; height: 7px; background-repeat: no-repeat } div.nav-sort div.icons div.arrows a.degressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_down.gif'); background-position: 0 0 } div.nav-sort div.icons div.arrows a.regressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_up.gif'); background-position: 0 0 } div.nav-sort div.icons div.arrows span.degressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_down.gif'); background-position: 0 -8px } div.nav-sort div.icons div.arrows span.regressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_up.gif'); background-position: 0 -8px } div.nav-sort div.icons div.buttons a, div.nav-sort div.icons div.buttons span { overflow: hidden; margin-left: 1px; width: 23px; height: 23px; background-repeat: no-repeat } div.nav-sort div.icons div.buttons a.tiles { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_1.gif'); background-position: 0 0 } div.nav-sort div.icons div.buttons a.matrix { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_2.gif'); background-position: 0 0 } div.nav-sort div.icons div.buttons a.list { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_3.gif'); background-position: 0 0 } div.nav-sort div.icons div.buttons span.tiles { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_1.gif'); background-position: 0 -24px } div.nav-sort div.icons div.buttons span.matrix { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_2.gif'); background-position: 0 -24px } div.nav-sort div.icons div.buttons span.list { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_3.gif'); background-position: 0 -24px } div.nav-sort div.icons div.ver-line span { display: block; float: left; padding: 0 10px } /* ---------- Page Navigation bar --------- */ ul.nav-pager { list-style: none; float: left; clear: left; margin: 0 0 2em 0; width: 430px } ul.nav-pager li { float: left; margin: 0 0 0 5px; color: #000; border-bottom: 1px solid #e5e5e5 } ul.nav-pager li a { float: left; padding: 3px 0; width: 25px; text-align: center; text-decoration: none !important; color: #000; border: 1px solid #d1d1d1; background-color: #fff } ul.nav-pager li:hover { cursor: pointer; color: #d11919 } ul.nav-pager li:hover a, ul.nav-pager li a:hover { color: #d11919 } ul.nav-pager li.active { color: #fff; border-color: #ccc } ul.nav-pager li.active a { color: #fff; border-color: #d11919; background-color: #d11919 } ul.nav-pager li.active:hover, ul.nav-pager li.active a:hover { color: #000 } ul.nav-pager li.previous, ul.nav-pager li.next { width: auto; font-weight: bold; color: #686868; border-bottom: none } ul.nav-pager li.previous { margin: 0 15px 0 0 } ul.nav-pager li.next { margin: 0 0 0 15px } ul.nav-pager li.previous a, ul.nav-pager li.next a { width: auto; text-decoration: underline !important; color: #686868; border: none } ul.nav-pager li.previous a:hover, ul.nav-pager li.next a:hover{ text-decoration: none !important } /* ---------- Main Column Content tags --------- */ div.column-main-content p.tags { margin-bottom: .4em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; color: #999 } div.column-main-content p.tags a { color: #999 } /* ---------- Preview columns with images section --------- */ div.preview-clmn { float: left; padding: .2em 0 .5em; width: 670px; background: url('/Themes/1/Default/Media/Layout/dash_double_ver_grey.gif') repeat-y 215px 0 } div.preview-clmn dl { float: left; margin-bottom: 0; padding-right: 30px; width: 200px } div.preview-clmn dl.last { padding-right: 0 } div.preview-clmn dt { margin-bottom: .2em; font-size: 1.3em; font-weight: normal; color: #cf1918 } div.preview-clmn dt a { text-decoration: none !important; color: #cf1918 } div.preview-clmn dt a:hover { text-decoration: underline !important } div.preview-clmn dd { margin: 0 0 1em 0; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 1.25em; color: #686868 } div.preview-clmn dd.photo { margin-bottom: -14px; padding-bottom: 22px; background: url('/Themes/1/Default/Media/Layout/photo_shadow_200.jpg') no-repeat 0 121px } div.preview-clmn dd.photo img { overflow: hidden; width: 198px; height: 118px; border: 1px solid #000 } div.preview-clmn dd.photo a:hover img { border-color: #d11919 } div.preview-clmn dd.date { margin-bottom: .2em; font-size: .9em; color: #a3a3a3 } div.preview-clmn dd.cat { font-size: .9em; color: #191919 } div.preview-clmn dd.tags { font-size: .9em; color: #a2a2a2 } div.preview-clmn dd.tags a { color: #a2a2a2 } /* ---------- Main content Preview columns with images section --------- */ div.main-content div.preview-clmn { padding-bottom: 0; width: 430px; background: url('/Themes/1/Default/Media/Layout/dash_main_inner_ver_grey.gif') repeat-y left top } div.main-content div.preview-clmn dd.tags { margin-bottom: 0 } div.main-content div.preview-clmn-more { margin-top: 2.2em; width: 415px } /* ---------- Main content Bookmark panel --------- */ div.bookmark-panel { float: left; margin-top: 2em; width: 427px; background: #ebebeb url('/Themes/1/Default/Media/Layout/bookmarks_title.gif') no-repeat left top } div.bookmark-panel p { margin: 65px 0 0 0; padding: 0 20px; font: bold .9em Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3 } div.bookmark-panel ul { list-style: none; float: left; margin: 10px 0 0 0; padding: 0 10px; width: 407px; background: url('/Themes/1/Default/Media/Layout/bookmarks_menu_bg.gif') no-repeat left bottom } div.bookmark-panel li { float: left; margin: 0; padding: 20px 0 8px; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; text-align: center } div.bookmark-panel li a { display: block; overflow: hidden; padding: 8px 0 8px 20px; height: 15px; color: #595959; background-color:#ccc } div.bookmark-panel li a.digg { width: 112px; background: url('/Themes/1/Default/Media/Layout/buttons_digg.gif') no-repeat 0 0 } div.bookmark-panel li a.delicious { padding-left: 26px; width: 117px; background: url('/Themes/1/Default/Media/Layout/buttons_delicious.gif') no-repeat 0 0 } div.bookmark-panel li a.facebook { width: 112px; background: url('/Themes/1/Default/Media/Layout/buttons_facebook.gif') no-repeat 0 0 } div.bookmark-panel li a:hover.digg, div.bookmark-panel li a:hover.delicious, div.bookmark-panel li a:hover.facebook { color: #5c5c5c; background-position: 0 -32px } /* ---------- Side content Navigation list section --------- */ div.side-content-full h2, div.side-content-full p, div.side-content-full hr { margin-left: 35px } div.side-content-full h2 { font-size: 1.35em !important; line-height: 2.2em !important } div.side-content-full p { font-size: .9em } div.side-content-full hr { width: 195px } div.side-content-full ul.nav-side { list-style: none; margin: 0; width: 230px; line-height: 1.2em } div.side-content-full ul.nav-side li { display: table; overflow: hidden; margin-bottom: 2px; width: 230px; height: 35px; background: url('/Themes/1/Default/Media/Layout/nav_side_bg.gif') no-repeat right top } * html div.side-content-full ul.nav-side li { position: relative; margin-bottom: 0 } *+html div.side-content-full ul.nav-side li { position: relative } div.side-content-full ul.nav-side li span { display: table-cell; padding: 2px 10px 0 65px; vertical-align: middle } * html div.side-content-full ul.nav-side li span{ position: absolute; top: 50% } *+html div.side-content-full ul.nav-side li span{ position: absolute; top: 50%; padding-top: 1px } div.side-content-full ul.nav-side li a { text-decoration: none } * html div.side-content-full ul.nav-side li a { position: relative; top: -50% } *+html div.side-content-full ul.nav-side li a { position: relative; top: -50% } div.side-content-full ul.nav-side li.active { margin-left: 5px; font-weight: bold; background: url('/Themes/1/Default/Media/Layout/nav_side_active_bg.gif') no-repeat right top } * html div.side-content-full ul.nav-side li.active { margin: 0 -5px 0 5px } div.side-content-full ul.nav-side li.active span{ padding-left: 50px } div.side-content-full ul.nav-side li.active a { text-decoration: none; color: #fff } div.side-content-full ul.nav-side li a:hover, div.side-content-full ul.nav-side li.active a:hover { color: #d11919 } /* ---------- Side content Tags section --------- */ div.side-content div.tags h2 { font-size: 1.35em } div.side-content div.tags p { font-size: .9em; line-height: 1.3em; color: #a2a2a2 } div.side-content div.tags p a { color: #a2a2a2 } div.side-content div.tags hr { margin: 1em 0 } /************ PRODUCTS ************/ /* ---------- Products page --------- */ div.products div.preview { float:left; margin-bottom: 1em; padding: 0 0 23px 5px; background: url('/Themes/1/Default/Media/Layout/box_shadow.jpg') no-repeat left bottom } div.products div.preview img { float:left; display: block; margin: 0; border: 1px solid #000 } div.products div.preview object { float:left; display: block; margin: 0; border: 1px solid #000 } /* EDITED 290509 */ div.products div.preview div.promo, div.products div.preview div.promo-mvolution { float:left; padding:20px; width:175px; height:166px; background:url(/Themes/1/Default/Media/Layout/bg_product_promo.gif) no-repeat; } div.products div.preview div.promo p, div.products div.preview div.promo-mvolution p { color:#ffffff; } div.products div.preview div.promo p em { font-style:normal; font-weight:bold; color:#ff7618; } div.products div.preview div.promo-mvolution p em { font-style:normal; font-weight:bold; color:#0092b6; } div.products div.preview div.promo p.button a { display:block; width:122px; height:35px; overflow:hidden; text-indent:-999px; background:url(/Themes/1/Default/Media/Layout/button_official_website.gif) no-repeat; } div.products div.preview div.promo-mvolution p.button a { display:block; width:122px; height:35px; overflow:hidden; text-indent:-999px; background:url(/Themes/1/Default/Media/Layout/button_official_mvolution.gif) no-repeat; } div.products div.preview div.promo p.link a, div.products div.preview div.promo-mvolution p.link a { padding-left: 12px; min-height: 10px; font-size: .9em; color: #a3a3a3; background: url('/Themes/1/Default/Media/Layout/arrow_gt_white.gif') no-repeat 0 .3em } div.products hr { margin: 0 0 2em 0 } /* ---------- Products page :: Product Details section --------- */ div.product-container { position: relative; overflow: visible; margin-top: 3em; width: 430px; height: 18em } div.product-container #horScroll-Wraper { width: 430px; height: 18em } div.product-container #horScroll-Content { width: 430px; height: 18em } div.product-container #horScroll-ScrollBox { left: 0; top: 4em; width: 430px; height: 14em } div.product-container #horScroll-BigBox { width: 1720px; height: 14em } div.product-container #horScroll-BigBox div.box-content { padding: 0; width: 430px; height: 14em } div.product-container #horScroll-Menu { left: 0; top: 0; width: 430px; height: 3em } div.product-container #horScroll-Menu ul { padding: .8em 20px 0; width: 390px; height: 2.2em; } div.product-container #horScroll-Menu ul li { cursor: pointer; display: inline; padding: 10px 20px 10px 20px; border:none; border-bottom:1px solid #cecece; } div.product-container #horScroll-Menu ul li.active { cursor: pointer; display: inline; padding: 10px 20px 10px 20px; border-top:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:none } div.product-container div.box-content p { font-style: italic } /* ---------- Products page :: Projects Preview section --------- */ div.products div.projects h2 { margin-bottom: 1.2em; font-size: 1.35em } div.products div.projects h2 span { font-size: .75em; color: #a3a3a3 } /* ---------- Products page :: Side section --------- */ div.products div.side-content h2 { margin-bottom: .8em; font-size: 1.35em } div.products div.side-content h3 { margin-bottom: .4em; font-size: 1em; font-weight: bold; color: #008fb3 } div.products div.side-content h3.ora { color:#FE7817 !important; } div.products div.side-content ul.list-ora, div.products div.side-content ul.list-blue { margin-bottom: .8em; font-size: .9em } div.products div.side-content ul.list-ora li, div.products div.side-content ul.list-blue li { margin-bottom: .2em } div.products div.side-content hr { margin: 1.2em 0 } * html div.products div.side-content hr { margin: .5em 0 } *+html div.products div.side-content hr { margin: .5em 0 } div.products div.side-content p.note { color: #a3a3a3 } /************ SOLUTIONS ************/ /* ---------- Solutions page --------- */ div.solutions h2 { margin-bottom: .2em; font-size: 2.1em; line-height: 1.5em } div.solutions p.image { margin: 2em 0 } div.solutions p.image img { float: none; margin: 0 } div.solutions h3 { margin-bottom: 1.2em; font-size: 1.35em } div.solutions h3.tick { margin: 1.5em 0 .5em; padding-left: 15px; background: url('/Themes/1/Default/Media/Layout/tick_red.gif') no-repeat left center } /* ---------- Solutions page :: Side section --------- */ div.solutions div.side-content h2 { margin-bottom: .4em; font-size: 1em; font-weight: bold; color: #d21819 } div.solutions div.side-content ul li { margin-bottom: .5em; color: #000 } /************ WORKS ************/ /* ---------- Works page --------- */ div.works div.nav-sort { margin-bottom: .8em; width: 660px } div.works ul.nav-pager { width: 660px } div.works div.rss { float: left; clear: left; margin-bottom: .5em; width: 660px; height: 15px; text-align: right } div.works hr { clear: both } /* ---------- Works page :: Tiles view Projects --------- */ div.works dl.tile { float: left; clear: left; margin: 0 0 2.6em 0; padding-bottom: .5em; width: 660px; border-bottom: 1px solid #dfdfdf } div.works dl.tile dt { float: right; margin: .4em 0 .2em; width: 194px; font-size: 1.35em; font-weight: normal } div.works dl.tile dt a { text-decoration: none !important; color: #d21917 } div.works dl.tile dt a:hover { text-decoration: underline !important } div.works dl.tile dd { float: right; clear: right; margin: .5em 0; width: 194px; line-height: 1.3em; color: #676767 } div.works dl.tile dd.photo { overflow: hidden; float: left; clear: none; margin: 0 20px 0 0; padding-bottom: 23px; width: 446px; background: url('/Themes/1/Default/Media/Layout/photo_shadow_400.jpg') no-repeat center bottom } div.works dl.tile dd.photo a img { float: left; margin-bottom:0; border: 1px solid #000 } div.works dl.tile dd.photo a:hover img { border-color: #d11919 } div.works dl.tile dd.sub { margin: 0 0 .5em 0; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #181818 } div.works dl.tile dd.details { margin: 0 0 .2em 0; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3 } div.works dl.tile dd.details dl { float: left; margin: 0; width: 200px } div.works dl.tile dd.details dt { float: left; clear: none; margin: 0 0 .2em 0; width: 140px; font-size: 1em } div.works dl.tile dd.details dd { float: left; clear: left; margin: 0 0 .2em 0; width: 60px; font-size: .9em; font-weight: bold; color: #a3a3a3 } div.works dl.tile dd.tags { font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a2a2a2 } div.works dl.tile dd.tags a { color: #a2a2a2 } /* ---------- Works page :: Matrix view Projects --------- */ div.works div.matrix { float: left; clear: left; margin-bottom: 2em; width: 670px; background: url('/Themes/1/Default/Media/Layout/dash_double_ver_grey.gif') repeat-y 215px 0 } * html div.works div.matrix { margin-bottom: 0 } *+html div.works div.matrix { margin-bottom: 0 } div.works div.matrix dl { float: left; margin: 0 30px 0 0; width: 200px } div.works div.matrix dl.last { margin-right: 0 } div.works div.matrix dt { position: relative; float: left; clear: left; margin: -.8em 0 .2em; width: 200px; font-size: 1.35em; font-weight: normal } div.works div.matrix dt a { text-decoration: none !important; color: #d21917 } div.works div.matrix dt a:hover { text-decoration: underline !important } div.works div.matrix dd { float: left; clear: left; margin: .5em 0; width: 200px; line-height: 1.3em; color: #676767 } div.works div.matrix dd.photo { overflow: hidden; padding-bottom: 22px; background: url('/Themes/1/Default/Media/Layout/photo_shadow_200.jpg') no-repeat center bottom } div.works div.matrix dd.photo a img { float: left; border: 1px solid #000 } div.works div.matrix dd.photo a:hover img { border-color: #d11919 } div.works div.matrix dd.sub { margin: 0 0 .8em 0; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #181818 } div.works div.matrix dd.details { margin: 0 0 .2em 0; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3 } div.works div.matrix dd.details dl { float: left; margin: 0; width: 200px } div.works div.matrix dd.details dt { float: left; clear: none; margin: 0 0 .2em 0; width: 140px; font-size: 1em } div.works div.matrix dd.details dd { float: left; clear: left; margin: 0 0 .2em 0; width: 60px; font-size: .9em; font-weight: bold; color: #a3a3a3 } div.works div.matrix dd.tags { font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a2a2a2 } div.works div.matrix dd.tags a { color: #a2a2a2 } /* ---------- Works page :: List view Projects --------- */ div.works table.list { float: left; clear: left; margin: -5px 0 1.8em; width: 660px; font-size: .9em; border-bottom: 1px solid #dfdfdf } div.works table.list caption { display: none } div.works table.list a { text-decoration: none } div.works table.list th { padding-top: 10px; padding-bottom: 0; font-size: 0; line-height: 0 } div.works table.list td { padding-top: .4em; padding-bottom: .4em } div.works table.list td.icons { text-align: right } div.works table.list thead tr:hover { background: none } div.works table.list thead td { border-top: none } div.works table.list thead td, div.works table.list thead td a { color: #636363 } div.works table.list thead td.icons { padding-right: 0 } div.works table.list thead td.sort, div.works table.list thead td.sort a { color: #d0191b } div.works table.list tbody { padding-top: 50px } div.works table.list tbody td { vertical-align: middle } div.works table.list tbody th.category, div.works table.list tbody td.category { background-color: #fdf3f2 } div.works table.list tbody tr:hover th { background-color: #fff } div.works table.list tbody tr:hover th.category { background-color: #fdf3f2 } div.works table.list tbody tr:hover td.category { background-color: } div.works table.list tbody td, div.works table.list tbody td a { color: #636363 } div.works table.list tbody tr:hover td { } div.works table.list tbody tr:hover td a{ color: #fff } div.works table.list tbody td.icons { padding-right: 5px; white-space: nowrap } div.works table.list tbody td.icons a { float: right; display: block; overflow: hidden; margin-left: 5px; width: 14px; height: 15px; text-indent: 9999px; background-repeat: no-repeat; background-position: 0 0 } * html div.works table.list tbody td.icons a { margin-left: 8px } *+html div.works table.list tbody td.icons a { margin-left: 8px } div.works table.list tbody td.icons a.info { background-image: url('/Themes/1/Default/Media/Layout/icons_info.gif') } div.works table.list tbody td.icons a.more { background-image: url('/Themes/1/Default/Media/Layout/icons_more.gif') } div.works table.list tbody tr:hover td.icons a { background-position: 0 -15px } /* ---------- Work / Project page --------- */ div.work h1 { margin-bottom: .6em; color: #d11917 } div.work div.details { float: left; width: 670px } div.work div.details .preview { float: left; margin-right: 20px; padding-bottom: 23px; width: 446px; background: url('/Themes/1/Default/Media/Layout/photo_shadow_400.jpg') no-repeat center bottom } div.work div.details .preview * { float: left } div.work div.details .descr, div.work div.details .button { float: left; width: 200px } div.work div.details .descr { margin-bottom: 1em; padding-bottom: .5em; font-family: Tahoma, Geneva, Verdana, sans-serif; border-bottom: 1px solid #dfdfdf } div.work div.details .button { padding: .6em 0; text-align: center } div.work div.details .descr h2 { font-size: 1.35em } div.work div.details .descr p { margin-bottom: .3em; font-size: .9em; color: #a3a3a3 } div.work div.details .descr p.category { margin-bottom: .8em; font-weight: bold; color: #d52f31 } div.work div.details .descr p span { float: left; margin-right: 5px; min-width: 55px; font-size: .9em; font-weight: bold } * html div.work div.details .descr p span { width: 55px } div.work div.details .descr dl { float: left; margin: 0; width: 200px; font-size: .9em; line-height: 1.4em; color: #a3a3a3 } div.work div.details .descr dt { float: left; margin: 0 0 .3em 0; width: 140px; font-weight: normal } div.work div.details .descr dd { float: left; margin: 0 0 .3em 0; width: 60px; font-size: .9em; font-weight: bold } div.work div.projects { float:left; } /************ ABOUT ************/ /* ---------- About page :: Title arrows --------- */ div.about h1 { position: relative } div.about h1 .arrows { position: absolute; top: .3em; right: 0 } div.about h1 .arrows a, div.about h1 .arrows span { display: block; float: left; text-indent: 9999px } div.about h1 .arrows a, div.about h1 .arrows span { overflow: hidden; margin-top: 6px; margin-left: 8px; width: 11px; height: 7px; background-repeat: no-repeat } div.about h1 .arrows a.degressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_down.gif'); background-position: 0 0 } div.about h1 .arrows a.regressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_up.gif'); background-position: 0 0 } div.about h1 .arrows span.degressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_down.gif'); background-position: 0 -8px } div.about h1 .arrows span.regressive { background-image: url('/Themes/1/Default/Media/Layout/arrows_red_up.gif'); background-position: 0 -8px } /* ---------- About page :: History section --------- */ div.about dl { padding: .7em 0 1.5em; border-bottom: 1px solid #dfdfdf } div.about dl.last { padding-bottom: 0; border-bottom: none } div.about dt { float: left; margin-bottom: .5em; font-size: 1.35em; font-weight: normal; color: #000 } div.about dt img { float: left; margin-right: 10px; vertical-align: middle } div.about dt span { float: left; padding-top: 2px; width: 370px } div.about dt span a { color: #000 } div.about dd { clear: left; margin: 0 0 .8em 0; color: #646464 } div.about dd.sec { margin: 0 0 .3em 0; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em } div.about dd.sec, div.about dd.sec a { color: #a2a2a2 } /* ---------- About page :: News page --------- */ div.about div.details { float: left; margin-bottom: .5em; width: 100% } div.about div.details p { font: normal .9em/1em Tahoma, Geneva, Verdana, sans-serif; color: #a4a4a4 } div.about div.details p.date { float: left } div.about div.details p.num { float: right; padding-left: 15px; background: url('/Themes/1/Default/Media/Layout/icon_wave.gif') no-repeat left bottom } div.about h2.subtitle { clear: both; margin-bottom: 1.5em; font: normal 1em/1.2em Tahoma, Geneva, Verdana, sans-serif; color: #676767 } * html div.about h2.subtitle { margin-top: -1em } *+html div.about h2.subtitle { margin-top: -1em } div.about div.nav-article { float: left; clear: both; margin-top: 2.5em; padding-top: 2em; width: 100%; font: normal .9em Tahoma, Geneva, Verdana, sans-serif; color: #a3a3a3; border-top: 1px solid #dfdfdf } div.about div.nav-article p.nav-article { float: right } div.about div.nav-article p.nav-article span { margin: 0 5px } div.about div.nav-sort { margin-bottom: .8em; padding-bottom: .2em } div.about div.nav-sort div.menu div.title { margin-right: 0 } div.about div.rss { width: 430px; text-align: right } div.about dl.news { float: left; clear: left; margin-bottom: 2em; padding: 0 0 2em 0; width: 430px } div.about dl.news dt { float: left; clear: left; margin-bottom: 0; width: 430px; font-size: 1em; font-weight: bold; color: #d21916 } div.about dl.news dt a { text-decoration: none; color: #d21916 } div.about dl.news dt a:hover { text-decoration: underline } div.about dl.news dd { float: left; clear: left; margin-bottom: 1.2em; width: 430px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 1.2em } div.about dl.news dd.date { margin-bottom: 1.5em; font-size: .9em; color: #a3a3a3 } div.about dl.news dd.date .date { float: left } div.about dl.news dd.date .num { float: right; padding-left: 15px; background: url('/Themes/1/Default/Media/Layout/icon_wave.gif') no-repeat left bottom } div.about dl.news dd.tags { margin-bottom: 1.2em; font-size: .9em; color: #a3a3a3 } div.about dl.news dd.tags a { color: #a3a3a3 } /* ---------- About page :: Clients page --------- */ div.clients div.nav-sort, div.clients div.rss { width: 660px } div.clients #nav-sort li.normal { margin: 0 5px } div.clients div.nav-sort div.buttons a.matrix { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_2_alt.gif'); background-position: 0 0 } div.clients div.nav-sort div.buttons span.matrix { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_2_alt.gif'); background-position: 0 -24px } div.clients dl.tile { position: relative; padding-left: 165px; width: 495px; min-height: 128px } * html div.clients dl.tile { height: 128px } div.clients dl.tile dt { font-weight: bold } div.clients dl.tile dt a { text-decoration: none; color:#000000; } div.clients dl.tile dt a:hover { text-decoration: underline } div.clients dl.tile dd { color: #636363 } div.clients dl.tile dd.photo { position: absolute; left: 0; top: 0; padding-left: 18px } div.clients dl.tile dd.tags { margin-bottom: .4em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; color: #999 } div.clients dl.tile dd.tags a { color: #999 } div.clients ul.matrix { list-style: none; float: left; margin: 0 0 2em 0; padding-bottom: 2em; width: 660px; border-bottom: 1px solid #dfdfdf } div.clients ul.matrix li { position: relative; float: left; padding: 1px; border-left: 1px dashed #cfcfcf; border-bottom: 1px dashed #cfcfcf } div.clients ul.matrix li.clear { border-left: none } div.clients ul.matrix li.last { border-bottom: none } div.clients ul.matrix li a { float: left; width: 128px; height: 128px } div.clients ul.matrix li img { float: left; width: 128px; height: 128px } div.clients ul.matrix li a span { position:absolute; display:none; top:1px; left:1px; padding:10px; width:108px; height:108px; color:#ffffff; font-weight:bold; cursor:pointer; background:url(/Themes/1/Default/Media/Layout/transparent_black_90.png); } div.clients ul.matrix li a:hover span { display:block; } /* ---------- About page :: Awards page --------- */ div.awards div.nav-sort, div.awards div.rss { width: 660px } div.awards dl { position: relative; padding-left: 165px; width: 495px; min-height: 128px } * html div.awards dl { height: 128px } div.awards dt { font-weight: bold } div.awards dt a { text-decoration: none !important } div.awards dt a:hover { text-decoration: underline !important } div.awards dd { color: #636363 } div.awards dd.photo { position: absolute; left: 0; top: 0; padding-left: 18px } div.awards dd.details { overflow: auto; margin-bottom: 1em; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #000 } div.awards dd.details p { float: left; clear: left; width: 495px; margin-bottom: 0 } div.awards dd.details p span { float: left; width: 110px; font-size: .9em; color: #a3a3a3 } div.awards dd.details p strong { color: #d11919 } div.awards dd.details p em { font-style: normal; color: #000 } div.awards dd.details p a { font-size: .9em } div.awards dd.tags { margin-bottom: .4em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; color: #999 } div.awards dd.tags a { color: #999 } /* ---------- About page :: Partners page --------- */ div.partners div.nav-sort, div.partners div.rss { width: 660px } div.partners #nav-sort li.normal{ margin: 0 5px } div.partners div.nav-sort div.buttons a.matrix { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_2_alt.gif'); background-position: 0 0 } div.partners div.nav-sort div.buttons span.matrix { background-image: url('/Themes/1/Default/Media/Layout/buttons_view_2_alt.gif'); background-position: 0 -24px } div.partners dl { position: relative; padding-left: 165px; width: 495px; min-height: 128px } * html div.partners dl { height: 128px } div.partners dt { font-weight: bold } div.partners dt a { text-decoration: none !important } div.partners dt a:hover { text-decoration: underline !important } div.partners dd { color: #636363 } div.partners dd.photo { position: absolute; left: 0; top: 0; padding-left: 18px } div.partners dd.tags { margin-bottom: .4em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .9em; color: #999 } div.partners dd.tags a { color: #999 } /* ---------- About page :: Side section --------- */ div.about div.side-content h2 { margin-bottom: .6em; font-size: 1em; font-weight: bold; color: #d41816 } div.about div.side-content img.border-black { margin-bottom: .2em } div.about div.side-content hr { margin: 1.2em 0 } * html div.about div.side-content hr { margin: .6em 0 } *+html div.about div.side-content hr { margin: .6em 0 } /************ JOB OPENINGS ************/ div.job-openings { float:left; padding:1em 0; width:430px; } div.job-openings p.location { font-family: Tahoma, Geneva, Verdana, sans-serif; color:#d11919; } div.job-openings p.refcode { font-size:0.833em; } div.job-openings div.description { margin-bottom:1.5em; } div.job-openings p.knowledge-title { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size:0.917em; color:#191919; } div.job-openings div.knowledge { font-family: Tahoma, Geneva, Verdana, sans-serif; color:#686868; } div.job-openings p.apply-for-job { float:right; margin:2em 0 1em 0; } div.job-openings p.apply-for-job a { float:left; width:106px; height:30px; text-indent:-999px; overflow:hidden; background:url(/Themes/1/Default/Media/Layout/button_applyForJob.gif) no-repeat; } div.job-openings hr { float:left; clear:both; margin:1em 0; } /************ PRESS KIT ************/ div.press-kit { float:left; margin:1em 0 0 0; width:670px; } div.press-kit div.left { float:left; clear:left; margin:0 16px 0 0; width:300px; text-align:right; } div.press-kit div.image { float:right; padding:0 0 23px 0; background:url(/Themes/1/Default/Media/Layout/bg_pressKit_shadow.gif) no-repeat right bottom; } div.press-kit div.image img { float:left; border:1px solid #000000; } div.press-kit hr { float:left; clear:left; } div.press-kit div.right { float:left; width:354px; } div.press-kit div.right a { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size:0.917em; } div.press-kit div.right a.arrow { padding-left: 12px; min-height: 10px; font-size: .9em; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .3em } div.press-kit dl dt { font-size:1.333em; font-weight:normal; color:#cc0000;} div.press-kit dl dd { margin:0; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size:0.917em; color:#999999; } div.press-kit dl dd.subtitle { margin:0 0 1.5em 0; color:#000000; } div.press-kit dl dd a { color:#999999; } /************ CONTACT FORM & CLIENT AREA ************/ div.contact-form, div.client-area { width:430px; background:url(/Themes/1/Default/Media/Layout/bg_contact_shadow.gif) no-repeat; } div.comment-form { float:left; width:100%; } div.comment-form fieldset { width:430px; margin:0 auto; } div.comment-form img { border:0 !important; } div.contact-form div.left, div.comment-form div.left { float:left; margin:0 20px 0 0; width:205px; } div.contact-form div.right, div.comment-form div.right { float:left; width:205px; } div.contact-form div.full, div.comment-form div.full, div.client-area div.full { float:left; width:430px; } div.contact-form div.full-margin, div.comment-form div.full-margin { float:left; width:430px; margin:2em 0 0 0; } div.client-area div.full { margin:2em 0 0 0; } div.contact-form label, div.client-area label, div.comment-form label { float:left; margin:2em 0 .5em 0; width:205px; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size:0.917em; font-weight:bold; color:#000000; } div.client-area label { width:130px; line-height:2.8em; text-align:right; margin:0 25px 0 0; } div.contact-form input.text, div.client-area input.text, div.comment-form input.text { padding:9px 5px; width:195px; height:16px; border:0; background:url(/Themes/1/Default/Media/Layout/input_text_contact.gif) no-repeat; } div.comment-form input.text-full { padding:9px 5px; width:420px; height:16px; border:0; background:url(/Themes/1/Default/Media/Layout/input_text_full.gif) no-repeat; } div.contact-form textarea, div.comment-form textarea { padding:5px; width:420px; max-width:430px; height:94px; max-height:104px; border:0; background:url(/Themes/1/Default/Media/Layout/input_area_contact.gif) no-repeat; } * html div.contact-form textarea { width:418px; border:1px solid #999999; background:none; } *+html div.contact-form textarea { width:418px; border:1px solid #999999; background:none; } * html div.comment-form textarea { width:418px; border:1px solid #999999; background:none; } *+html div.comment-form textarea { width:418px; border:1px solid #999999; background:none; } div.contact-form div.error span, div.client-area div.error span, div.comment-form div.error span { float:left; padding:0 0 0 20px; line-height:2em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size:0.917em; color:#d11919; background:url(/Themes/1/Default/Media/Layout/icon_error.gif) no-repeat 0 2px; } div.client-area div.error span { margin:0 0 0 155px; } div.contact-form div.attach-file { float:left; margin:2em 0; width:430px; } div.contact-form div.attach-file input { float:left; margin:0 10px 0 0; width:73px; height:24px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d11919; border:0; cursor:pointer; background:url(/Themes/1/Default/Media/Layout/button_attachFile.gif) no-repeat; } div.contact-form div.attach-file span.text { float:right; line-height:1em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size:0.917em; color:#000000; } div.contact-form input.submit, div.client-area input.submit, div.comment-form input.submit { float:right; width:57px; height:30px; text-indent:-999px; overflow:hidden; font-size:0; line-height:0; cursor:pointer; border:0; background:url(/Themes/1/Default/Media/Layout/button_submit.gif) no-repeat; } div.client-area input.submit { margin:0 70px 0 0; } /************ OFFICES ************/ div.google-map { float:left; width:399px; height:292px; margin:1em 0 0 0; border:10px solid #eeeeee; } /************ BLOG ************/ #blog-header { position: relative !important; float: left; clear: left; width: 980px; height:207px; background: url('/Themes/1/Default/Media/blog_header.jpg') no-repeat left top } * html #blog-header { padding:3px 0 0 0; } #blog-header div.chameleon { position:absolute; top:86px; right:20px; } div.blog div.nav-sort { width:660px; margin-bottom:2.5em; } div.blog div.nav-sort a.subscribe { float:left; margin:.42em 0 0 0; padding:0 0 1px 20px; color:#636363; text-decoration:none; line-height:1.25em; background:url(/Themes/1/Default/Media/Layout/icon_rss_shadow.gif) no-repeat; } div.blog div.nav-sort a.subscribe:hover { color:#D11718; } div.blog ul.nav-pager { margin:0 0 2em 130px; } * html div.blog ul.nav-pager { display:inline; } div.post div.by { float:left; margin:0 20px 0 0; padding:1.6em 30px 0 0; width:80px; background:url(/Themes/1/Default/Media/Layout/bg_blog_postBy.gif) no-repeat; } div.post div.by div.date { float:left; margin:0 0 .75em 0; } div.post div.by span.day { float:left; margin:0 5px 0 0; padding:0 5px 0 0; line-height:1em; font-size:2.167em; color:#000000; border-right:1px solid #d3d3d3; } div.post div.by span.year { float:left; margin:0.2em 0 0 0; line-height:1em; text-transform:uppercase; font-size:.917em; color:#000000; } div.post div.by p.comments { font-size:0.75em; text-transform:uppercase; } div.post div.by div.image { float:left; padding:0 0 1.8em 0; background:url(/Themes/1/Default/Media/Layout/bg_blog_postBy_shadow.gif) no-repeat center bottom; } div.post div.by div.image img { float:left; border:3px solid #ffffff; } div.post div.by p.name { float:left; clear:left; width:70px; margin:-1.25em 0 0 0; color:#000000; font-size:0.917em; line-height:1.2em; } div.post div.by p.name span { float:left; font-size:0.833em; color:#636363; } div.post div.entry, div.post div.entry div.info { float:left; width:502px; } div.post div.entry h1 { font-size:2.333em; line-height:1.22em; color:#ffffff; } div.post div.entry h1 span { background:#d11919; } div.post div.entry div.info p.category { float:left; font-size:0.917em; color:#999999; } div.post div.entry div.info p.category a { color:#999999; } div.post div.entry div.info p.flag { float:right; } div.post div.entry div.info p.flag img { float:left; margin:0; padding:0; border:0; } div.post div.entry img { padding:1px; border:1px solid #828282; } div.post div.entry div.foot { margin:2em 0 3em 0; } div.post div.entry div.foot p.tags { font-size:.917em; color:#999999; } div.post div.entry div.foot p.tags a { color:#999999; } div.post div.entry div.foot p.more a { padding-left: 12px; min-height: 10px; font-size: .917em; background: url('/Themes/1/Default/Media/Layout/arrow_gt_grey.gif') no-repeat 0 .3em } div.post div.entry div.bloggers-post { float:right; margin:3em 0; } div.post div.entry div.bloggers-post a { color:#ffffff; font-size:0.833em; text-transform:uppercase; text-decoration:none; background:#000000; } div.latest-posts { padding:6em 15px 1.5em 15px; width:250px; } div.latest-posts h1, div.latest-comments h1, div.popular-posts h1, div.categories h1, div.archive h1, div.tags h1, div.blog-roll h1 { margin:0 0 .5em -25px; } div.latest-posts dl, div.latest-comments dl, div.popular-posts dl { margin:0; } div.latest-posts dl dt a, div.popular-posts dl dt a { color:#636363; } div.latest-posts dl dd, div.latest-comments dl dd, div.popular-posts dl dd { margin:0; font-weight:bold; color:#000000; } div.latest-posts dl dd span.date, div.latest-comments dl dd span.date, div.popular-posts dl dd span.date { font-weight:normal; color:#636363; } div.latest-posts hr, div.latest-comments hr, div.popular-posts hr { margin:1em 0; } div.latest-comments, div.popular-posts { float:left; padding:0 15px 1.5em 15px; width:250px; } div.categories, div.archive, div.tags, div.blog-roll { float:left; padding:0 15px 2.5em 15px; width:250px; } div.latest-comments dl dt { font-weight:normal; } ul.cat-left { float:left; margin:0 30px 0 0; padding:0; width:110px; list-style:none; } ul.cat-right { float:left; margin:0; padding:0; width:110px; list-style:none; } ul.cat-left li, ul.cat-right li { display:block; width:110px; line-height:2.2em; border-bottom:1px solid #e1e1e1; } ul.cat-left li a, ul.cat-right li a, div.blog-roll ul li a { font-weight:bold; color:#636363; text-decoration:none; } ul.cat-left li.active, ul.cat-right li.active { background:#e1e1e1; } div.tags span.bold13 { font-size:1.083em; font-weight:bold; } div.tags span.norm13 { font-size:1.083em; } div.tags span.norm11 { font-size:0.917em; } div.blog-roll ul { margin:0; padding:0; list-style:none; } div.blog-roll ul li { line-height:2em; } /* ---------- BLOG COMMENTS --------- */ div.comments { float:left; padding:2em 0; border-top:1px solid #dfdfdf; } div.comments img { border:0 !important; } div.comments dl { float:left; clear:left; padding:1.5em 0; width:502px; border-bottom:1px dashed #d1d1d1; } div.comments dl dd { margin:0; } div.comments dl dd.photo { float:left; margin:0 20px 0 0; } div.comments dl dt { font-weight:normal; color:#000000; } div.comments dl dd.date { font-size:.917em; color:#929191; } div.comments dl dd.date a { color:#929191; } div.comments dl dd.date span { font-weight:bold; } /************ SEARCH RESULTS ************/ div.search-results { margin-bottom:.8em; border-bottom:1px solid #DFDFDF; } div.search-results fieldset.search { padding:2em 0 0 135px; width:292px; height:66px; background:url(/Themes/1/Default/Media/Layout/bg_search.gif) no-repeat left top; } div.search-results p { margin:1em 0; font-family: Tahoma, Geneva, Verdana, sans-serif; color:#686868; } div.search-results p strong { color:#000000; } div.search-results p.no-result { text-indent:20px; color:#000000; background:url(/Themes/1/Default/Media/Layout/icon_error.gif) no-repeat; } div.search-results fieldset.search input.text { float:left; padding:9px 5px; width:195px; height:16px; border:0; background:url(/Themes/1/Default/Media/Layout/input_text_search.gif) no-repeat; } div.search-results fieldset.search input.submit { float:left; margin:2px 0 0 12px; width:56px; height:30px; text-indent:-999px; overflow:hidden; font-size:0; line-height:0; cursor:pointer; border:0; background:url(/Themes/1/Default/Media/Layout/button_search.gif) no-repeat; } /************ HOME PAGE TAGS ************/ p.tags a { text-decoration:none; color:#636363; } /************ 404 page ************/ div.search-404 { margin-bottom:.8em; } div.search-404 fieldset.search { padding:2em 0 0 135px; width:292px; height:66px; background:url(/Themes/1/Default/Media/Layout/bg_search.gif) no-repeat left top; } div.search-404 fieldset.search input.text { float:left; padding:9px 5px; width:195px; height:16px; border:0; background:url(/Themes/1/Default/Media/Layout/input_text_search.gif) no-repeat; } div.search-404 fieldset.search input.submit { float:left; margin:2px 0 0 12px; width:56px; height:30px; text-indent:-999px; overflow:hidden; font-size:0; line-height:0; cursor:pointer; border:0; background:url(/Themes/1/Default/Media/Layout/button_search.gif) no-repeat; } /************ upcoming dl homepage ************/ dl.article-entry dt { float:right; width:153px; line-height:2em; } dl.article-entry dd.photo { float:left; margin:0 10px 0.8em 0 !important; } dl.article-entry dd.date { float:left; } dl.article-entry dd.text { clear:left; } dl.article-entry dt { float:right; width:153px; line-height:2em; } dl.article-entry dd.photo { float:left; margin:0 10px 0.8em 0 !important; } dl.article-entry dd.date { float:left; } dl.article-entry dd.text { clear:left; } /* ---------- NETVOLUTION FOOTER ------------- */ #build img { float:left; width:auto; } #build a { float:right; margin:7px 0 0; padding:0 92px 0 0; font-size:.917em; color:#333333; text-decoration:none; background:url(/Themes/1/Default/Media/logo_netvolution_footer.gif) no-repeat right 5px; } #build a:hover { background-position:right -35px; } #build a em { display:none; } /* ---------- Right Column E-shopReady --------- */ #e-shopReady div.inner { border-left: 8px solid #f5c7c9 } #e-shopReady div.content p { margin-bottom: 1em } #e-shopReady div.content p a { padding-left: 0; background: none } /* atcom_fans.css */ @charset "utf-8"; /* CSS Document */ #atcom-fans { position:absolute; top:220px; right:0; z-index:1000; } #atcom-fans a.btn-tab { position:relative; z-index:1002; float:left; width:36px; height:138px; background:url(/Themes/1/Default/Media/Atcom_fans/btn_tab.png) no-repeat; } #atcom-fans a.btn-tab em { display:none; } #atcom-fans .main { position:relative; z-index:1001; float:left; padding:2px 0 0; margin:0 0 0 -2px; width:313px; background:url(/Themes/1/Default/Media/Atcom_fans/bg_top.png) no-repeat; } #atcom-fans .inner { padding:20px 13px 0 14px; width:286px; background:url(/Themes/1/Default/Media/Atcom_fans/bg_main.png) no-repeat left bottom; } #atcom-fans .numbar { display:inline-block; margin:0 0 20px; padding:0 20px 0 10px; width:256px; height:35px; line-height:33px; font-size:1.583em; color:#fff; background:url(/Themes/1/Default/Media/Atcom_fans/bg_numbar.png) no-repeat; } #atcom-fans .section { overflow:hidden; padding:0 0 20px; width:286px; } #atcom-fans p.title { overflow:hidden; margin:0 0 5px; padding:0 0 15px; width:286px; line-height:24px; font-size:1.333em; color:#000; background:url(/Themes/1/Default/Media/Atcom_fans/bg_title.png) no-repeat left bottom; } #atcom-fans p.title span { float:left; width:auto; } #atcom-fans p.title em { float:right; width:auto; font-size:.688em; color:#666; } #atcom-fans ul { margin:0; list-style:none; } #atcom-fans li { float:left; margin:0 5px 0 0; width:50px; line-height:normal; font-size:.833em; text-align:center; } #atcom-fans li a { text-decoration:none; color:#7e7e7e; } #atcom-fans dl { float:left; margin:0 0 15px; padding:10px; width:266px; font-size:1.083em; text-align:center; background:#f9f9f9; } #atcom-fans dt { font-weight:normal; color:#d11917; } #atcom-fans dt a { text-decoration:none; color:#d11917; } #atcom-fans dd { margin:0; color:#666; } #atcom-fans a.btn-fan { float:right; width:119px; height:25px; background:url(/Themes/1/Default/Media/Atcom_fans/btn_fan.png) no-repeat; } #atcom-fans a.btn-fan em { display:none; }