body { background: #0b2139 url('../images/layout/body1.jpg') top center no-repeat; font-family: Arial, Helvetica, sans-serif; } /* =Header & Sub Header ----------------------------------------------- */ #header { height: 172px; position: relative; margin: 0 auto; width: 969px; } #header h1 a { display: block; text-indent: -5000px; width: 327px; height: 44px; top: 40px; left: 32px; position: absolute; background: url(../images/layout/logo.png) no-repeat; } #header #main-nav { background: url(../images/layout/menu_bg.png) no-repeat; width: 949px; height: 29px; position: absolute; top: 119px; padding: 24px 10px 0 10px; } #header #main-nav li { float: left; background: url(../images/layout/menu_li_divider.png) left top no-repeat; padding: 0 12px; } #header #main-nav li a { display: block; float: left; font-size: 13px; color: #fff; text-decoration: none; height: 29px; } #header #main-nav li.first-item { background: none; padding-left: 25px; } #header #main-nav li a:hover { color: #c3e9ff; } #header #main-nav li.custom { background: none; } #header #main-nav li.custom a { margin-left: 291px; } #header #main-nav li.order a { color: #d9fe8e; } #header #main-nav li.social-media img { margin-right: 10px; } #header #main-nav li a.active { color: #c3e9ff; background: url(../images/layout/menu_active.png) bottom no-repeat; } #header p { font-size: 11px; color: #909fae; position: absolute; top: 0; right: 4px; width: 273px; height: 31px; background: url(../images/layout/network.png) no-repeat; padding: 5px 0 0 22px; } #header p a { color: #909fae; text-decoration: none; } #header p a.active, #header p a:hover { color: #b2bcc6; } #header #social { position: absolute; right: 13px; top: 3px; } #header #social li { display: inline; } #header #social li a { font-size: 11px; text-decoration: none; color: #909fae; display: block; float: left; padding: 3px 0 3px 25px; margin-left: 1px; text-indent: -5000px; } #header #social li.item-1 a { background: url(../images/icons/facebook.png) left no-repeat; } #header #social li.item-2 a { background: url(../images/icons/twitter.png) left no-repeat; } #header #social li.item-3 a { background: url(../images/icons/rss.png) left no-repeat; } #header #social li.item-3 { display: none; } #header .skype { position: absolute; top: 40px; right: 20px; } /* =Content ----------------------------------------------- */ #content { background: url(../images/layout/content.png) repeat-y; width: 949px; padding: 0 10px; margin: 0 auto; color: #333; } #content h2.main { background: url(../images/layout/h2_main.gif) top repeat-x; height: 62px; text-indent: 25px; font-size: 24px; padding-top: 27px; color: #454545; text-shadow: 1px 1px 1px #fcfbfb; position: relative; } #content h2.main strong { font-weight: bold; } /*#content h2.main a { display: block; width: 206px; height: 53px; text-align: left; background: url(../images/buttons/submit_project.png) left no-repeat; position: absolute; right: 22px; top: 9px; text-decoration: none; font-size: 20px; text-shadow: 1px 1px 1px #547922; color: #fff; padding-top: 11px; text-indent: 0; text-align: center; } */ #content h2.main a { display: block; width: 250px; height: 50px; text-align: left; background: url(../images/buttons/btn.png) left no-repeat; position: absolute; right: 22px; top: 16px; text-indent: -5000px; } #content h2.main a:hover { background-position: right; } #content h2.main span img { width: 218px; height: 54px; position: absolute; right: 25px; top: 15px; display: block; } #highlight { padding: 25px; position: relative; border-bottom: 1px solid #d6d4d4; margin-bottom: 1px; } #highlight.wide p { width: 899px; } #highlight h2 { font-size: 19px; color: #375778; margin-bottom: 15px; } #highlight p { margin-bottom: 15px; font-size: 14px; width: 615px; line-height: 1.6; } #highlight p a { color: #2b88bd; } #highlight p strong { font-weight: bold; } #latest-reference { position: absolute; top: 25px; right: 26px; background: url(../images/layout/latest_ref.gif) left repeat-y; height: 180px; width: 240px; padding-left: 25px; } #latest-reference p { font-size: 12px; width: auto; margin-bottom: 5px; color: #7e7e7e; } #latest-reference p.ref { background: url(../images/layout/latest_ref_wrapper.gif) no-repeat; width: 219px; height: 91px; padding: 10px; margin-left: -3px; position: relative; } #benefits { position: absolute; top: 25px; right: 26px; background: url(../images/layout/latest_ref.gif) left repeat-y; height: 150px; width: 240px; padding-left: 25px; } #benefits h3 { font-size: 13px; font-weight: bold; color: #375778; margin-bottom: 15px; } #benefits ul li { font-size: 12px; background: url(../images/icons/benefits_bullet.gif) left no-repeat; padding-left: 25px; line-height: 2; } #content-inner { background: url(../images/layout/content_inner.gif) top repeat-x; } #content-inner.nda, #content-inner.custom { margin-top: -4px; position: relative; } #main-content { padding: 25px 25px 0 25px; width: 610px; float: left; background: url(../images/layout/main_content_divider.gif) right top no-repeat; } #main-content.wide, #main-content.order { width: 899px; float: none; padding-top: 0; } #main-content.wide.pricing { padding-top: 25px; } #main-content h2 { font-size: 16px; font-weight: bold; margin-bottom: 15px; } #main-content p { line-height: 1.4; margin-bottom: 15px; font-size: 12px; } #main-content p img.plus { vertical-align: middle; margin: -1px 4px 0 0; } #main-content p strong { font-weight: bold; } #main-content a { color: #2b88bd; } #main-content a:hover, #highlight p a:hover { color: #064061; } #main-content ul { margin: 0 0 15px 10px; } #main-content ul li { font-size: 12px; list-style-type: disc; margin-left: 15px; line-height: 1.5; } #main-content ul.nda li { margin-bottom: 15px; } #main-content ul.nda.last { padding-bottom: 80px; } dl#info { padding-bottom: 4px; } dl#info dt { font-size: 15px; color: #333; font-weight: bold; margin-bottom: 10px; } dl#info dd p { font-size: 13px; line-height: 1.5; margin-bottom: 25px; } dl#info dd p img { float: left; margin: 3px 10px 25px 0; } dl#info dd p a { color: #2b88bd; } #main-content.wide .column { width: 420px; padding-right: 15px; float: left; background: url(../images/layout/main_content_divider.gif) right top no-repeat; padding-top: 25px; } #main-content.wide .column.last { padding-left: 25px; background: none; padding-right: 0; width: 420px; } #main-content.wide .column h2 { font-size: 20px; color: #375778; margin-bottom: 25px; } #main-content.wide .column h2 strong { font-weight: bold; } #main-content.wide .column ul { margin: 0; } #main-content.wide .column ul li { height: 120px; margin: 0; list-style: none; } #main-content.wide .column ul li h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 2px 0 2px 36px; } #main-content.wide .column ul li p { font-size: 12px; color: #333; line-height: 1.5; margin-bottom: 30px; } #main-content.wide .column ul li.item-1 h3 { background: url(../images/icons/human_speaks/icon-1.gif) left no-repeat; } #main-content.wide .column ul li.item-2 h3 { background: url(../images/icons/human_speaks/icon-2.gif) left no-repeat; } #main-content.wide .column ul li.item-3 h3 { background: url(../images/icons/human_speaks/icon-3.gif) left no-repeat; } #main-content.wide .column ul li.item-4 h3 { background: url(../images/icons/human_speaks/icon-4.gif) left no-repeat; } #main-content.wide .column ul li.item-5 h3 { background: url(../images/icons/human_speaks/icon-5.gif) left no-repeat; } #main-content.wide .column ul li.item-6 h3 { background: url(../images/icons/human_speaks/icon-6.gif) left no-repeat; } #main-content.wide .column ul li.item-7 h3 { background: url(../images/icons/human_speaks/icon-7.gif) left no-repeat; } #main-content.wide .column ul li.item-8 h3 { background: url(../images/icons/human_speaks/icon-8.gif) left no-repeat; } #main-content.wide .column ul li.item-9 h3 { background: url(../images/icons/human_speaks/icon-9.gif) left no-repeat; } #main-content.wide .column ul li.item-10 h3 { background: url(../images/icons/human_speaks/icon-10.gif) left no-repeat; } #main-content.wide .column.last ul li.item-1 h3 { background: url(../images/icons/technology_speaks/icon-1.gif) left no-repeat; } #main-content.wide .column.last ul li.item-2 h3 { background: url(../images/icons/technology_speaks/icon-2.gif) left no-repeat; } #main-content.wide .column.last ul li.item-3 h3 { background: url(../images/icons/technology_speaks/icon-3.gif) left no-repeat; } #main-content.wide .column.last ul li.item-4 h3 { background: url(../images/icons/technology_speaks/icon-4.gif) left no-repeat; } #main-content.wide .column.last ul li.item-5 h3 { background: url(../images/icons/technology_speaks/icon-5.gif) left no-repeat; } #main-content.wide .column.last ul li.item-6 h3 { background: url(../images/icons/technology_speaks/icon-6.gif) left no-repeat; } #main-content.wide .column.last ul li.item-7 h3 { background: url(../images/icons/technology_speaks/icon-7.gif) left no-repeat; } #main-content.wide .column.last ul li.item-8 h3 { background: url(../images/icons/technology_speaks/icon-8.gif) left no-repeat; } #main-content.wide .column.last ul li.item-9 h3 { background: url(../images/icons/technology_speaks/icon-9.gif) left no-repeat; } #main-content.wide .column.last ul li.item-10 h3 { background: url(../images/icons/technology_speaks/icon-10.gif) left no-repeat; } #success, #error { font-size: 12px; background: #d5ffce; border: 1px solid #9adf8f; padding: 25px; margin: -5px 0px 0 0px; position: relative; } #success h2, #error h2 { color: #333; font-size: 20px; margin-bottom: 10px; } #success p, #error p { margin-bottom: 0; } #error ul li { margin-left: 15px; list-style: disc; } #success p strong { font-weight: bold; } #error { background: #ffcece; border: 1px solid #df8f8f; } #error ul { margin: 10px 0 0 0; } #main-content #facts li { line-height: 1.6; } #main-content ol { margin: 0 0 15px 10px; } #main-content ol li { font-size: 12px; line-height: 1.6; list-style: decimal; margin-left: 15px; } #main-content .content-inner dl dt { font-size: 13px; font-weight: bold; color: #375778; margin-bottom: 10px; } #main-content .content-inner dl dd p {line-height: 1.4; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; } #main-content #tabs { background: url(../images/layout/tabs.gif) bottom repeat-x; margin: 0 -23px 20px -25px; position: relative; padding: 0 0 1px 25px; } #main-content #tabs li { list-style: none; float: left; margin: 0 -1px 0 0; } #main-content #tabs li a { display: block; float: left; text-decoration: none; color: #000; padding: 15px; border: 1px solid #d6d4d4; border-bottom: 0; } #main-content #tabs li a:hover { text-decoration: underline; } #main-content #tabs li a.active { background: #fff url(../images/layout/tabs_li_active.gif) repeat-x; padding-top: 17px; padding-bottom: 17px;margin-top: -5px; } #main-content #tabs li a.active:hover { text-decoration: none; } #main-content table { width: 100%; background: #fff; margin-bottom: 25px; } #main-content table td, #main-content table th { border: 1px solid #d6d4d4; padding: 10px; } #main-content table th.item-1 { text-align: right; width: 170px; } #main-content table th { color: #396a9b; font-weight: bold; font-size: 13px; text-align: center; } #main-content table td { font-size: 13px; line-height: 1.4; text-align: center; } #main-content table td.item-1 { font-weight: bold; text-align: right; width: 200px; } #main-content table td a { background: url(../images/buttons/pricing_submit-order.gif) no-repeat; width: 82px; height: 25px; display: block; text-indent: -5000px; margin: 0 auto; } #main-content table td span { color: #666; } #main-content #payment-questions { margin: 0; } #main-content #payment-questions li { float: left; width: 450px; margin: 0; list-style: none; padding-right: 20px; } #main-content #payment-questions li.last-row-item { width: 420px; padding: 0; } #main-content #testimonials { margin: 0; padding: 0; } #main-content #testimonials li { margin-left: 0; list-style: none; } #main-content #testimonials li blockquote p { font-size: 14px; } #main-content #testimonials li blockquote p strong { display: block; color: #666; margin-top: 14px; font: 11px Arial, Helvetica, sans-serif; } #main-content #testimonials li blockquote p span { display: block; font: 11px Arial, Helvetica, sans-serif; } #main-content #testimonials li blockquote p img { margin-bottom: -7px; } #main-content #testimonials li blockquote div { background: url(../images/layout/testimonial.png) no-repeat; width: 99px; height: 111px; float: left; margin-right: 8px; margin-bottom: 20px; padding: 9px 0 0 11px; } #main-content #references { margin: 0; padding-top: 25px; } #main-content #references li { list-style: none; margin: 0 38px 20px 0; float: left; height: 250px; } #main-content #references li p { position: relative; } #main-content #references li p a { position: absolute; top: 0; right: 0; } #main-content #references li div { background: #fff; padding: 2px; border: 1px solid #ccc; margin-bottom: 10px; } #main-content #references li div:hover { border: 1px solid #7d7d7d; } #main-content #references li.last-row-item { margin-right: 0; } #main-content #references li h3 { position: relative; } #main-content #references li h3 a { color: #396a9b; font-weight: bold; font-size: 16px; text-decoration: none; display: block; margin-bottom: 10px; text-shadow: 1px 1px 1px #fff; } #main-content #references li h3 a:hover { color: #000; } #main-content #references li h3 a.preview { font-weight: normal; font-size: 11px; margin: 0; text-shadow: none; position: absolute; right: 0; top: 3px; color: #999;; } #main-content #references li ul li { margin: 0 0 0 0; float: none; background: url(../images/layout/sidebar_bullet.gif) left no-repeat; padding-left: 22px; color: #666; height: auto; font-size: 11px; } #main-content #references li a.visit { display: block; width: 190px; height: 89px; text-indent: -5000px; } #main-content #references li.item-1 a.visit { background: url(../images/references/procedo.jpg) right no-repeat; } #main-content #references li.item-2 a.visit { background: url(../images/references/blueline.jpg) right no-repeat; } #main-content #references li.item-3 a.visit { background: url(../images/references/health.jpg) right no-repeat; } #main-content #references li.item-4 a.visit { background: url(../images/references/klik.jpg) right no-repeat; } #main-content #references li.item-5 a.visit { background: url(../images/references/summit.jpg) right no-repeat; } #main-content #references li.item-6 a.visit { background: url(../images/references/uturn.jpg) right no-repeat; } #main-content #references li.item-7 a.visit { background: url(../images/references/shiner.jpg) right no-repeat; } #main-content #references li.item-8 a.visit { background: url(../images/references/designsvn.jpg) right no-repeat; } #main-content #references li a.visit:hover { background-position: right; } #sidebar { padding: 25px; float: left; width: 238px; } #sidebar h3 { font-size: 12px; color: #333; font-weight: bold; margin-bottom: 10px; } #sidebar ul { margin-bottom: 25px; } #sidebar ul li { font-size: 12px; line-height: 1.5; padding: 2px 0; color: #666; background: url(../images/layout/sidebar_bullet.gif) left no-repeat; padding-left: 25px; } #sidebar fieldset { position: relative; border: 1px solid white; margin-bottom: 25px; } #sidebar fieldset p { font-size: 11px; line-height: 1.6; margin-bottom: 10px; } #sidebar fieldset legend { display: none; } #sidebar fieldset .input-text { background: url(../images/form/sidebar_input_text.gif) no-repeat; width: 137px; height: 18px; font-size: 11px; color: #999; border: none; padding: 6px 8px 0 8px; float: left; } #sidebar fieldset .input-button { background: url(../images/form/subscribe.gif) no-repeat; border: none; cursor: pointer; width: 82px; height: 24px; position: absolute; top: 44px; right: 0; } #sidebar blockquote p { font-size: 12px; line-height: 1.6; color: #333; margin-bottom: 5px; } #sidebar blockquote p strong { display: block; color: #666; margin-top: 10px; } #sidebar blockquote p strong a { display: block; margin-bottom: 25px; color: #2b88bd; } #sidebar blockquote p span { font: 18px Georgia, "Times New Roman", Times, serif; } #sidebar blockquote p img { float: left; width: 40px; border: 2px solid #fff; margin: 3px 7px 0 0; } #sidebar p.all a { font-size: 12px; color: #2b88bd; display: block; margin-bottom: 25px; } #sidebar #testimonials { margin: 0; } #sidebar #testimonials li { padding: 0; background: none; height: auto; } #sidebar #testimonials li.last-testimonial { margin-bottom: -30px; } /* =Footer ----------------------------------------------- */ #footer { background: url(../images/layout/footer.png) no-repeat; width: 934px; height: 78px; margin: 0 auto; padding: 22px 0 16px 35px; position: relative; } #footer ul { height: 40px; } #footer ul li { display: inline; } #footer ul li a { font-size: 11px; color: #fff; text-decoration: none; display: block; float: left; margin-right: 15px; height: 27px; } #footer ul li a.active { color: #c3e9ff; background: url(../images/layout/footer_bullet.gif) bottom no-repeat; } #footer ul li a:hover { color: #c3e9ff; } #footer p { font-size: 11px; } #footer p.copyright { position: absolute; right: 35px; top: 22px; color: #cdcdcd; } #footer p.services { color: #54606e; clear: both; margin-bottom: 5px; } #footer p.services a { color: #647283; text-decoration: none; } #footer p.retailer { color: #425060; margin-bottom: 20px; } #footer img.payment-options { position: absolute; right: 35px; top: 65px; }