@charset "utf-8"; @import url("jquery.accessible-news-slider.css"); /* CSS Document */ /*Removing The Browser's Default Settings*/ html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div { margin:0; padding:0; border:0; } img { border:none; } a { outline: none; } body { margin:0 auto; background:#092f51 url(../img/main_bg.jpg) top center repeat-x; } /*main container*/ #cont { margin:0 auto; width:1003px; height:250px; border:0px solid #333; } /*header*/ #topheader { width:1003px; height:40px; float:left; } #phone { width:285px; padding-top:15px; float:left; height:25px; text-align:center; } #phone p { font:15px Arial, Helvetica, sans-serif; color:#ffae00;} /*clock*/ #clock { padding-top:19px; padding-right:45px; height:21px; float:right; color:#959595; font:bold 10px Arial, Helvetica, sans-serif; } /*flash placeholder*/ #flash { width:1003px; height:265px; float:left; background:url("../img/flash.png") top left no-repeat; float:left; } #flash1 { width:1003px; height:265px; float:left; } * html #flash { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash.png', sizingMethod='scale'); } #flash_about { width:1003px; height:265px; float:left; background:url("../img/flash_about.png") top left no-repeat; float:left; } * html #flash_about { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_about.png', sizingMethod='scale'); } #flash_consulting { width:1003px; height:265px; float:left; background:url("../img/flash_consulting.png") top left no-repeat; float:left; } * html #flash_consulting { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_consulting.png', sizingMethod='scale'); } #flash_hosted { width:1003px; height:265px; float:left; background:url("../img/flash_hosted.png") top left no-repeat; float:left; } * html #flash_hosted { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_hosted.png', sizingMethod='scale'); } #flash_email { width:1003px; height:265px; float:left; background:url("../img/flash_email.png") top left no-repeat; float:left; } * html #flash_email { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_email.png', sizingMethod='scale'); } #flash_managed { width:1003px; height:265px; float:left; background:url("../img/flash_managed.png") top left no-repeat; float:left; } * html #flash_managed { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_managed.png', sizingMethod='scale'); } #flash_methodology { width:1003px; height:265px; float:left; background:url("../img/flash_methodology.png") top left no-repeat; float:left; } * html #flash_methodology { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_methodology.png', sizingMethod='scale'); } #flash_partners { width:1003px; height:265px; float:left; background:url("../img/flash_partners.png") top left no-repeat; float:left; } * html #flash_partners { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_partners.png', sizingMethod='scale'); } #flash_services { width:1003px; height:265px; float:left; background:url("../img/flash_services.png") top left no-repeat; float:left; } * html #flash_services { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_services.png', sizingMethod='scale'); } #flash_tools { width:1003px; height:265px; float:left; background:url("../img/flash_tools.png") top left no-repeat; float:left; } * html #flash_tools { background:none; width:1003px; height:265px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_tools.png', sizingMethod='scale'); } #flash_drill { width:1003px; height:146px; float:left; background:url("../img/flash_drill.png") top left no-repeat; float:left; } * html #flash_drill { background:none; width:1003px; height:146px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/flash_drill.png', sizingMethod='scale'); } #flash a { width:1003px; height:265px; display:block; position:relative; } #flash_about a { width:1003px; height:265px; display:block; position:relative; } #flash_consulting a { width:1003px; height:265px; display:block; position:relative; } #flash_hosted a { width:1003px; height:265px; display:block; position:relative; } #flash_managed a { width:1003px; height:265px; display:block; position:relative; } #flash_methodology a { width:1003px; height:265px; display:block; position:relative; } #flash_partners a { width:1003px; height:265px; display:block; position:relative; } #flash_services a { width:1003px; height:265px; display:block; position:relative; } #flash_tools a { width:1003px; height:265px; display:block; position:relative; } #flash_drill a { width:1003px; height:146px; display:block; position:relative; } /*Navigation*/ #navelem { padding-left:15px; width:988px; height:44px; float:left; } #prenav { width:269px; height:44px; float:left; } #prenav a.login { width:129px; height:44px; display:block; background:url(../img/client-login.png) top left no-repeat; float:left; text-indent:-5000px; cursor:pointer; } * html #prenav a.login { background:none; display:block; width:129px; height:44px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/client-login.png', sizingMethod='crop'); } #prenav a.login:hover { background-position:0 -44px; } #prenav a.login:active { background-position:0 -88px; } #prenav a.contact { width:130px; height:44px; display:block; background:url(../img/contact.png) top left no-repeat; float:left; text-indent:-5000px; cursor:pointer; } * html #prenav a.contact { background:none; width:129px; height:44px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xonicwave.com/img/contact.png', sizingMethod='crop'); } #prenav a.contact:hover { background-position:0 -44px; } #prenav a.contact:active { background-position:0 -88px; } #nav { height:44px; } #nav a.navhome { display:block; float:left; width:80px; height:44px; background-image:url(../img/nav_home.png); } * html #nav a.navhome { display:block; float:left; width:80px; height:44px; background-image:url(../img/nav_home.jpg); } #nav a.navhome:hover { background-position:0 -44px; } #nav a.navhome:active { background-position:0 -88px; } /* There is a version of this file commented in great detail for educational purposes here: * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css */ /*** ESSENTIAL STYLES ***/ .nav, .nav * { margin:0; padding:0; list-style:none; z-index:1000; } .nav { line-height:1.0; } .nav ul { position:absolute; top:-999em; width:9.45em; } .nav ul li, .nav a { width: 100%; } .nav li { float:left; position:relative; z-index:99; width:150px;/*width of menu tabs*/ } .nav a { display:block; } .nav li:hover ul, ul.nav li.sfHover ul { left:0; top:33px; width:150px; /*width of drop down menu*/ } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:12.50em; top:-1px; } .superfish li:hover ul, .superfish li li:hover ul { top: -999em; z-index:1000; } /*** custom navigation skin ***/ .nav { float:left; margin-bottom:1px; } .nav ul { background:url(../img/nav.jpg) top left repeat-x; } .nav li { border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav.jpg) top left repeat-x; } .nav li.info { padding-left:15px; width:135px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_info.png) top left no-repeat; } * html .nav li.info { padding-left:15px; width:135px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_info.jpg) top left no-repeat; } .nav li.serv { padding-left:12px; width:138px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_serv.png) top left no-repeat; } * html .nav li.serv { padding-left:12px; width:138px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_serv.jpg) top left no-repeat; } .nav li.tools { padding-left:15px; width:135px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_tools.png) top left no-repeat; } * html .nav li.tools { padding-left:15px; width:135px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_tools.jpg) top left no-repeat; } .nav li.part { padding-left:15px; width:135px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_part.png) top left no-repeat; } * html .nav li.part { padding-left:15px; width:135px; border-left:0px solid #fff; border-top:0px solid #ffb370; background:url(../img/nav_part.jpg) top left no-repeat; } .nav li a { padding-top:12px; height:32px; color: #092f51; text-decoration:none; text-indent:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:capitalize; } .nav li li a { padding:6px 0 0 0; color: #092f51; text-decoration:none; text-indent:0; text-align:center; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:19px; background:url(../img/nav_sub_bg.jpg) top left repeat-x;} .nav li:hover { background-position:0 -44px;} .nav li.sfHover { background-position:0 -44px; } .nav li.selected { background-position:0 -44px;} .nav a:focus { background-position:0 -88px; } .nav a:hover { background-position:0 -44px; } .nav a:active { background-position:0 -88px; } .nav li li { background:url(../img/nav_sub_bg_o.jpg) top left repeat-x; border-left:1px solid #878787; border-right:1px solid #878787; width:148px; } .nav li li:hover { background:url(../img/nav_sub_bg_o.jpg) top left repeat-x; } .nav li li.sfHover { background:url(../img/nav_sub_bg_o.jpg) top left repeat-x; } .nav li li a:focus { background:url(../img/nav_sub_bg_o.jpg) top left repeat-x; } .nav li li a:hover { background:url(../img/nav_sub_bg_o.jpg) top left repeat-x; } .nav li li a:active { background:url(../img/nav_sub_bg_o.jpg) top left repeat-x; } .nav li li li { background:#e57b1e; } .nav li li li:hover { background:#e57b1e; } .nav li li li.sfHover { background:#e57b1e; } .nav li li li a:focus { background:#ff963a; } .nav li li li a:hover { background:#ff963a; } .nav li li li a:active { background:#ff963a; } .nav li.navstart { height:44px; width:3px; background:url(../img/nav_left.png) top left no-repeat; text-indent:-5000px; } * html .nav li.navstart { height:44px; width:3px; background:url(../img/nav_left.jpg) top left no-repeat; text-indent:-5000px; } .nav li.navdiv { height:44px; width:3px; background:url(../img/nav_div.png) top left no-repeat; text-indent:-5000px; } * html .nav li.navdiv { height:44px; width:3px; background:url(../img/nav_div.jpg) top left no-repeat; text-indent:-5000px; } /*main*/ #main { padding-left:25px; width:975px; float:left; } #main_cont { width:975px; float:left; background:url(../img/content_bg_alt.gif) top right repeat-y; background-position:25px 0; } #main_cont2 { width:975px; float:left; background:url(../img/content_bg2.jpg) top right repeat-y; background-position:289px 0; } #main #left .anyClass ul { list-style-type:none; } #main #left { float:left; width:241px; } #main #left p { width:180px; font:italic 11px Arial, Helvetica, sans-serif; color:#ffffff; border:0px solid #333; } #main #left h3 { padding-left:25px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; padding-bottom:12px; } #main #left h3 span { color:#ffa200; } #main #left p.date { width:160px; font:italic bold 11px Arial, Helvetica, sans-serif; color:#ffa200; margin-bottom:5px; } #main #left p a { color:#ffffff; text-decoration:none; } #main #left p a:hover { color:#cccccc; text-decoration:none; } #main #left #news { padding-top:15px; } #main #left p.view_all { padding-left:10px; font:italic bold 10px Arial, Helvetica, sans-serif; } #main #left #leftnav { background:#2e4e6b url("../img/left_bg.jpg") top left no-repeat; border-top:1px dotted #b9cbdb; border-bottom:0px dotted #b9cbdb; padding-top:15px; clear:both; } #main #left #leftnav h3 { padding:7px 0 5px 45px; background:url(../img/leftnav_he_bg.jpg) top left no-repeat; color:#092f51; font-size:12px; width:193px; height:22px; border:0px solid #333; background-position:20px 0; text-transform:capitalize;; } #main #left #leftnav ul { padding-bottom:35px; } #main #left #leftnav ul li { margin-left:21px; margin-right:29px; padding-top:2px; padding-bottom:2px; list-style-type:none; line-height:12px; color:#052037; font-size:9px; border-bottom:1px dotted #5a738a; } #main #left #leftnav ul li a { margin-left:25px; color:#d9d9d9; font: bold 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:capitalize; line-height:20px; } #main #left #leftnav ul li a:hover { color:#cccccc; } #main #left #leftnav ul li a.selected { color:#ffa200; } #main #left #leftnav ul li ul { padding-top:5px; padding-bottom:5px; padding-left:0px; } #main #left #leftnav ul li ul li { margin-left:37px; padding:0; list-style-type:disc; border:none; line-height:18px; font:11px Arial, Helvetica, sans-serif; } #main #left #leftnav ul li ul li a { color:#fff; margin-left:0; font:11px Arial, Helvetica, sans-serif; line-height:20px; } #main #rightcont { margin-left:23px; float:left; width:684px; } #main #rightcont #top { float:left; border-top:2px solid #fca000; width:682px; } #main #rightcont #top #topleft { padding:20px; float:left; width:442px; } #main #rightcont #top #topleft h2 { padding-left:11px; height:27px; font: 21px Arial, Helvetica, sans-serif; color:#204567; background:url(../img/header.jpg) bottom left no-repeat; margin-bottom:4px; text-transform:capitalize; } #main #rightcont #top #topleft h3 { padding-left:13px; font:15px Arial, Helvetica, sans-serif; color:#7195b5; margin-bottom:10px; text-transform:capitalize; font-weight:normal; line-height:22px; } #main #rightcont #top #topleft h5 { margin:0 0 10px 13px; padding:5px 0 5px 0; border-top:1px dotted #333; border-bottom:1px dotted #333; color:#7195b5; font:bold 14px Arial, Helvetica, sans-serif; } #main #rightcont #top #topleft h5 span { color:#ffa200; } a.freetrial { margin:0 0 0 60px; display:block; width:306px; height:135px; background:url(../img/free_trial.jpg) top left no-repeat; } a.freetrial:hover { background-position:0 -135px; } a.freetrial2 { margin:0 0 0 -20px; display:block; width:461px; height:145px; background:url(../img/free_trial2.jpg) top left no-repeat; } a.freetrial2:hover { background-position:0 -144px; } #main #rightcont #top #topleft h2 span { font:italic bold 13px Arial, Helvetica, sans-serif; color:#777; margin-bottom:15px; } #main #rightcont #top #topleft table { padding-left:15px; font:12px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; line-height:19px; } #main #rightcont #top #topleft p { padding-left:12px; font:12px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; line-height:19px; } #main #rightcont #top #topleft p a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:11px; text-decoration:none; } #main #rightcont #top #topleft p a:hover { text-decoration:underline; } #main #rightcont #top #topleft p a.link { font:bold 12px Arial, Helvetica, sans-serif; color:#83a2bf; margin:0 0 11px 3px; text-decoration:none; text-decoration:underline; } #main #rightcont #top #topleft p span { color:#ffa200; } #main #rightcont #top #topleft p a.link:hover { text-decoration:none; } #main #rightcont #top #topleft table.comp { border:0; padding:0; font:10px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; line-height:19px; border-collapse:collapse; } #main #rightcont #top #topleft table.comp td { border-bottom:1px dotted #ccc; border-collapse:collapse; width:45px; } #main #rightcont #top #topleft table.comp td.inc { padding:5px 3px 3px 3px; text-align:center; font-style:italic; background:url(../img/inc.jpg) top center no-repeat; } #main #rightcont #top #topleft table.comp td.opt { padding:5px 3px 3px 3px; text-align:center; font-style:italic; background:url(../img/opt.jpg) top center no-repeat; } #main #rightcont #top #topleft table.comp td.na { padding:5px 3px 3px 3px; text-align:center; font-style:italic; background:url(../img/na.jpg) top center no-repeat; } #main #rightcont #top #topleft table.comp td.warn { padding:5px 3px 3px 3px; text-align:center; font-style:italic; background:url(../img/warning.jpg) top center no-repeat; } #main #rightcont #top #topleft table.comp td.none { padding:5px 3px 3px 3px; text-align:center; font-style:italic; } #main #rightcont #top #topleft table.comp td.serv { padding:4px; color:#000; background-color:#ccc; text-align:center; font:italic bold 10px Arial, Helvetica, sans-serif; } #main #rightcont #top #topleft table.comp td.serv2 { padding:4px; color:#000; background-color:#ccc; text-align:center; font:italic bold 10px Arial, Helvetica, sans-serif; width:175px; height:22px; } #main #rightcont #top #topleft table.comp td.titles { padding:4px; color:#fff; background-color:#092f51; text-align:center; font:italic bold 10px Arial, Helvetica, sans-serif; } #main #rightcont #top #topleft table.comp2 { border:0; padding:0; font:10px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; line-height:19px; border-collapse:collapse; } #main #rightcont #top #topleft table.comp2 td { border-bottom:0px dotted #ccc; border-collapse:collapse; height:27px; } #main #rightcont #top #topleft table.comp2 tr.one { background:url(../img/table_tr_bg_1.jpg) bottom left repeat-x; height:26px; } #main #rightcont #top #topleft table.comp2 tr.two { background:url(../img/table_tr_bg_2.jpg) bottom left repeat-x; height:26px; } #main #rightcont #top #topleft table.comp2 td.serv { padding-left:10px; font:bold 10px Arial, Helvetica, sans-serif; background-image:url(../img/table_cell_bg.jpg); height:26px; } #main #rightcont #top #topleft table.comp2 td.serv2 { padding-left:10px; color:#616161; text-align:left; font: bold 10px Arial, Helvetica, sans-serif; width:175px; height:26px; } #main #rightcont #top #topleft table.comp2 td.titles { color:#fff; text-align:center; font: bold 11px Arial, Helvetica, sans-serif; background:url(../img/table_head_bg.jpg) top left repeat-x; height:30px; } #main #rightcont #top #topleft table.det { font:10px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; margin-left:15px; border-collapse:collapse; width:95%; } #main #rightcont #top #topleft table.det td { padding:7px 7px 0 7px; border-bottom:1px dotted #333; } #main #rightcont #top #topleft table.comp td.pl { padding:6px; color:#7195b5; text-align:center; font:italic bold 12px Arial, Helvetica, sans-serif; } #main #rightcont #top #topleft ul { padding-left:14px; clear:both; } #main #rightcont #top #topleft ul li { display:inline; float:left; } #main #rightcont #top #topleft ul.sitemap { padding-left:50px; clear:both; font:bold 12px Arial, Helvetica, sans-serif; color:#204567; } #main #rightcont #top #topleft ul.sitemap a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; } #main #rightcont #top #topleft ul.sitemap li { display:list-item; float:none; } #main #rightcont #top #topleft ul li a.consulting { width:147px; height:90px; text-indent:-5000px; display:block; background:url(../img/consulting.jpg) top left no-repeat; background-position:0 -90px; } #main #rightcont #top #topleft ul li a.consulting:hover { background-position:0 -180px; } #main #rightcont #top #topleft ul li a.consultingsel { width:147px; height:90px; text-indent:-5000px; display:block; background:url(../img/consulting.jpg) top left no-repeat; background-position:0 0; } #main #rightcont #top #topleft ul li a.consultingsel:hover { width:147px; height:90px; text-indent:-5000px; display:block; background:url(../img/consulting.jpg) top left no-repeat; background-position:0 -180px; } #main #rightcont #top #topleft ul li a.managed { width:148px; height:90px; text-indent:-5000px; display:block; background:url(../img/managed.jpg) top left no-repeat; background-position:0 -90px; } #main #rightcont #top #topleft ul li a.managed:hover { background-position:0 -180px; } #main #rightcont #top #topleft ul li a.managedsel { width:148px; height:90px; text-indent:-5000px; display:block; background:url(../img/managed.jpg) top left no-repeat; background-position:0 0; } #main #rightcont #top #topleft ul li a.managedsel:hover { width:148px; height:90px; text-indent:-5000px; display:block; background:url(../img/managed.jpg) top left no-repeat; background-position:0 -180px; } #main #rightcont #top #topleft ul li a.hosting { width:128px; height:90px; text-indent:-5000px; display:block; background:url(../img/hosting.jpg) top left no-repeat; background-position:0 -90px; } #main #rightcont #top #topleft ul li a.hosting:hover { background-position:0 -180px; } #main #rightcont #top #topleft ul li a.hostingsel { width:128px; height:90px; text-indent:-5000px; display:block; background:url(../img/hosting.jpg) top left no-repeat; background-position:0 0; } #main #rightcont #top #topleft ul li a.hostingsel:hover { background-position:0 -180px; } #main #rightcont #top #topleft ol.list { margin-left:10px; padding-left:0; font: 12px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; } #main #rightcont #top #topleft ol.list li { margin-left:25px; padding:0; list-style-type:disc; border:0px solid #333; line-height:19px; } #main #rightcont #top #topleft ol.list li a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:11px; text-decoration:none; } #main #rightcont #top #topleft ol.list li a:hover { text-decoration:underline; } #main #rightcont #top #topleft ol.list2 { margin-left:0px; padding-left:0; font: 12px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; } #main #rightcont #top #topleft ol.list2 li { margin-left:10px; padding:0; list-style-type:none; border:0px solid #333; line-height:19px; } #main #rightcont #top #topleft ol.list2 li a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:11px; text-decoration:none; } #main #rightcont #top #topleft ol.list2 li a:hover { text-decoration:underline; } #main #rightcont #top #topleft ol.acrobat { margin-left:10px; padding-left:0; font: 12px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; } #main #rightcont #top #topleft ol.acrobat li { margin-left:25px; padding:0; list-style-type:none; border:0px solid #333; line-height:19px; } #main #rightcont #top #topleft ol.acrobat li a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; display:block; width:350px; height:22px; padding:4px 0 0 30px; background:url(../img/acrobat_small.jpg) top left no-repeat; text-decoration:none; } #main #rightcont #top #topleft ol.acrobat li a:hover { text-decoration:underline; } #main #rightcont #top #topleft ol.cust { margin-left:10px; padding-left:0; font: 12px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; } #main #rightcont #top #topleft ol.cust li { margin-left:15px; padding:0 0 10px 25px; list-style-type:none; border:0px solid #333; line-height:19px; background:url(../img/cust.jpg) no-repeat; background-position:0 5px; border:0px solid #333; } #main #rightcont #top #topleft ol.cust li a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:11px; text-decoration:none; } #main #rightcont #top #topleft ol.cust li a:hover { text-decoration:underline; } #main #rightcont #top #topleft ol.cust li strong { color:#204567; } #main #rightcont #top #topleft ol.cust2 { margin-left:10px; padding-left:0; font: 12px Arial, Helvetica, sans-serif; color:#616161; margin-bottom:11px; } #main #rightcont #top #topleft ol.cust2 li { margin-left:15px; padding:0 0 0px 25px; list-style-type:none; border:0px solid #333; line-height:19px; background:url(../img/cust.jpg) no-repeat; background-position:0 5px; border:0px solid #333; } #main #rightcont #top #topleft ol.cust2 li a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:11px; text-decoration:none; } #main #rightcont #top #topleft ol.cust2 li a:hover { text-decoration:underline; } #main #rightcont #top #topleft ol.cust2 li strong { color:#204567; } #main #rightcont #top #topleft ol.myinline { margin-left:13px; padding-left:0; font:bold 13px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:11px; } #main #rightcont #top #topleft ol.myinline li { padding:0 0 0 8px; margin:0 0 0 3px; list-style-type:none; line-height:19px; background:url(../img/bullet_orange.jpg) no-repeat; background-position:0 0; display:inline; } #main #rightcont #top #topleft ol.myinline li a { font:bold 12px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:11px; text-decoration:none; } #main #rightcont #top #topleft ol.myinline li a:hover { text-decoration:underline; } #main #rightcont #top #topleft ol.myinline li strong { color:#204567; } #main #rightcont #top #topleft img.bio { border:0px solid #333; padding:1px; margin:5px 15px 5px 5px; float:right; } #main #rightcont #top #topleft table.dif { padding:1px; margin:15px; border-collapse:collapse; } #main #rightcont #top #topleft table.dif td { padding:4px; border-bottom:1px dotted #333; } #main #rightcont #top #topright { padding-top:17px; padding-left:23px; float:left; width:177px; background:url(../img/why.jpg) top left no-repeat; } #main #rightcont #top #topright h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#7195b5; padding-bottom:25px; text-transform:capitalize; } #main #rightcont #top #topright h2 span { color:#ffa200; } #main #rightcont #top #topright p { width:160px; margin-right:10px; padding-bottom:9px; font:italic bold 11px Arial, Helvetica, sans-serif; color:#204567; margin-bottom:9px; border-bottom:1px dotted #ffa200; } #main #rightcont #top #topright a.learn { margin:0 0 0 25px; width:116px; height:36px; text-indent:-5000px; display:block; background:url(../img/learn_more.jpg) top left no-repeat; } #main #rightcont #top #topright a.learn:hover { background-position:0 -36px; } #main #rightcont #top #topleft a.apply { margin:0 0 0 25px; width:116px; height:36px; text-indent:-5000px; display:block; background:url(../img/apply.png) top left no-repeat; } #main #rightcont #top #topleft a.apply:hover { background-position:0 -36px; } #main #rightcont #top #topleft a.apply { margin:0 0 0 25px; width:116px; height:36px; text-indent:-5000px; display:block; background:url(../img/apply.png) top left no-repeat; } #main #rightcont #top #topleft a.apply:hover { background-position:0 -36px; } #main #rightcont #top #topleft a.learn { margin:0 0 0 -15px; width:116px; height:36px; text-indent:-5000px; display:block; background:url(../img/learn_more.png) top left no-repeat; } #main #rightcont #top #topleft a.learn:hover { background-position:0 -36px; } #main #rightcont #top #topleft a.click { margin:0 0 0 -15px; width:116px; height:36px; text-indent:-5000px; display:block; background:url(../img/click_here.jpg) top left no-repeat; } #main #rightcont #top #topleft a.click:hover { background-position:0 -36px; } #main #rightcont #top #topleft a.calc { margin:0 0 0 0; width:427px; height:88px; text-indent:-5000px; display:block; background:url(../img/cost_saving_calc.jpg) top left no-repeat; } #main #rightcont #top #topleft a.calc:hover { background-position:0 -84px; } #main #rightcont #top #topleft a.calc2 { margin:0 0 0 0; width:427px; height:88px; text-indent:-5000px; display:block; background:url(../img/cost_saving_calc2.jpg) top left no-repeat; } #main #rightcont #top #topleft a.calc2:hover { background-position:0 -84px; } #main #rightcont #top #topleft a.update { margin:0 0 0 25px; width:116px; height:36px; text-indent:-5000px; display:block; background:url(../img/update.jpg) top left no-repeat; } #main #rightcont #top #topleft a.update:hover { background-position:0 -36px; } #main #rightcont #top #topleft a.pdf { margin:0 0 0 25px; width:116px; height:36px; text-indent:-5000px; display:block; background:url(../img/download_pdf.jpg) top left no-repeat; } #main #rightcont #top #topleft a.pdf:hover { background-position:0 -36px; } #main #rightcont #bottom { float:left; width:684px; height:118px; background:url(../img/main_bottom.jpg) top left no-repeat;} #main #rightcont #bottom2 { float:left; width:684px; height:118px; background:url(../img/main_bottom2.jpg) top left no-repeat;} a.arrow {color:#ffa200; padding-left:25px; text-align:center; font-size:11px; font-weight:bold; background:url(../img/more_alt.jpg) no-repeat; text-decoration:none; background-position:5px -21px; } a.arrow:hover, a.arrowselected, a.arrowselected:hover { color:#afafaf; padding-left:25px; text-align:center; font-size:11px; font-weight:bold; background:url(../img/more_alt.jpg) no-repeat; text-decoration:none; background-position:5px -2px ; } /*pre-footer*/ #pref { float:left; border:0px solid #fff; margin-top:-30px; clear:both; } #pref #prefleft { margin-top:0px; border:0px solid #fff; position:relative; } #pref #prefleft div { position:absolute; top:0px; } #pref #prefleft #placeholder { width:259px; height:65px; } #pref #prefleft a.microsoft { width:259px; height:116px; display:block; background:url(../img/microsoft.jpg) top left no-repeat; text-indent:-5000px; } #pref #prefleft a.microsoft:hover { background-position:0 -116px; } #pref #prefright { float:left; width:684px; height:65px; } /*footer*/ #footer { padding-left:285px; padding-top:85px; width:699px; float:left; border:0px solid #333; background:url(../img/footerbg.jpg) top left no-repeat; background-position:-11px -10px; } #footer p { margin:0 auto; padding-top:5px; font:11px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; border:0px solid #333; } #footer p a { font:11px Arial, Helvetica, sans-serif; color:#94acc1; text-decoration:none; } #footer p a:hover { color: #cccccc; } #footer p.main { font:11px Arial, Helvetica, sans-serif; color:#ffae00; } #footer p.main a { font:bold 11px Arial, Helvetica, sans-serif; color:#fff; } #footer p.main a:hover { color:#cccccc; } #footer p span { font:11px Arial, Helvetica, sans-serif; color:#94acc1; text-decoration:none; } #footer #logo { width:420px; padding-left:300px; padding-top:20px; } #footer #logo a{ height:42px; width:107px; display:block; background:url(../img/powered.jpg) top left no-repeat; text-indent:-5000px; text-align:left; } /*tools*/ #tools_download_thumbnail { margin:0 auto; padding:0; text-align:center; width:300px; padding-left:0; float:none; } #tools_download_thumbnail p { } /*managed services*/ .iconrow { margin:0 auto; padding:0; width:400px; height:110px; } /*contact form*/ /*Form*/ #formcontainer { padding:60px 0 0 105px; } #signupForm { width: 525px; border:0px solid #333; margin:0 0 0 24px; } #signupForm label.error { margin-left:0px; width: auto; display: inline; } /********************************** Use: cmxform template ***********************************/ /*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */ /********************************** Name: cmxform Styles ***********************************/ form.cmxform table.form { border:0px solid #fff; color:none; } form.cmxform table.form td { padding-top:3px; border:none; text-align:left; vertical-align:top; } form.cmxform table.form td.label { vertical-align:top; padding-top:5px; font:11px bold Arial, Helvetica, sans-serif; color:#8B8B8B; text-align:right; } form.cmxform table.form td.centerlabel { vertical-align:top; padding-top:5px; font:11px bold Arial, Helvetica, sans-serif; color:#8B8B8B; text-align:center; } form.cmxform table.form td.rightlabel { vertical-align:top; padding-top:5px; font:11px bold Arial, Helvetica, sans-serif; color:#8B8B8B; text-align:left; } form.cmxform label.error, label.error { /* remove the next line when you have trouble in IE6 with labels in list */ margin:2px 0 0 0; padding:2px 0 0 0; float:left; clear:left; display: none; font-style: italic; color:#990000; font:11px bold Arial, Helvetica, sans-serif; } form.cmxform div.error { display: none; } form.cmxform input, textarea, select { padding:2px; border:1px solid #969696; font:12px bold Arial, Helvetica, sans-serif; color:#2D2D2D; background-color:#F7F7F7; width:210px; } .select {padding:2px; border:1px solid #969696; font:12px bold Arial, Helvetica, sans-serif; color:#2D2D2D; background-color:#F7F7F7; width:116px;} form.cmxform textarea { height:150px; } form.cmxform input:focus, textarea:focus { border: 2px solid #C0C0C0; } form.cmxform input.error, textarea:error { border: 2px dotted red; } form.cmxform input.submit { background:#fff url(../img/submit.jpg) top left no-repeat; width:142px; height:48px; border:0; cursor:pointer; border:none } #forms #lname {visibility:hidden; display:none;} /************************** BEGIN TOOL TIP CSS **************************/ a.tip { position: relative; z-index:100; font:12px Arial, Helvetica, sans-serif; text-decoration:none; } a span.tip-content, a span.tip-bottom { position: absolute; width: 243px; padding: 20px 80px 5px 20px; bottom: 48px; left: -40px; background: transparent url(../img/tips/tool-tips-content.png) no-repeat 0 0; color: #6a645c; border:0px solid #333; text-decoration:none; } a span.tip-bottom { display: block; padding: 0 20px; bottom: 16px; height: 33px; background: transparent url(../img/tips/tool-tips-bottom.png) 0 0 no-repeat; } .tip-content strong { display: block; border-bottom: 1px dotted #c1c1c1; font-weight: bold; padding-bottom: 3px; margin-bottom: 5px; color:#575757; } .tip-content em { text-decoration: underline; font-style: normal; color: #5683ae; padding-right: 14px; background: transparent url(../img/tips/arrow.png) no-repeat right 2px; } .tip-content img { float: left; margin-right: 5px; } /************************************* ADDITIONAL CSS FOR NON JAVASCRIPT USE **************************************/ a span.tip-content, a span.tip-bottom {visibility: hidden;} a:hover span.tip-content, a:hover span.tip-bottom {visibility: visible;} /************************************* ACCORDION **************************************/ #main #left #leftnav ul#navigation { margin:0; padding:0; width:200px; border:0px solid #333; float:left; } #main #left #leftnav ul#navigation li { margin:0; padding:0; border:none; list-style-type:none; background-image: url("../img/accordion_bg.jpg");} #main #left #leftnav ul#navigation li a { font-family:Arial, Helvetica, sans-serif; cursor:pointer; display:block; padding:0; height:23px; padding-top:3px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 11px; color: #fff; border: 0px solid #FFFFFF; outline:none; } #main #left #leftnav ul#navigation li:hover { background-image: url("../img/accordion_bg_hover.jpg"); color:#cfcfcf; } #main #left #leftnav ul#navigation li.selected { color:#ffa200; background:#082b4b url("../img/accordion_bg_sel.jpg") top left no-repeat; background-position:-2px -0px; outline:none; } #main #left #leftnav ul#navigation li.toppanel { margin:0; padding:0; border:none; list-style-type:none; background-image: url("../img/accordion_bg_alt.jpg");} #main #left #leftnav ul#navigation li.toppanel:hover { margin:0; padding:0; border:none; list-style-type:none; background-image: url("../img/accordion_bg_alt_sel.jpg");} #main #left #leftnav ul#navigation li.toppanel.selected { color:#ffa200; background:#082b4b url("../img/accordion_bg_top_sel.jpg") top left no-repeat; outline:none; } #main #left #leftnav ul#navigation li.selected a { color:#ffa200; outline:none; } #main #left #leftnav ul#navigation li ul { padding:0 0 15px 38px; border:0px solid #333; background:#082b4b url(../img/accordion_bg_bottom.jpg) bottom left no-repeat; } #main #left #leftnav ul#navigation li ul li { padding:0; line-height:normal; background:none; border:0; list-style-type:disc; font-size:9px; color:#ffa200; } #main #left #leftnav ul#navigation li ul li:hover { background:none; } #main #left #leftnav ul#navigation li ul li a { padding:0; margin:0; background:none; display:inline; font-size:10px; line-height:16px; border:0px solid #ccc; color:#fff; font-weight: normal; } #main #left #leftnav ul#navigation li ul li a:hover { background:none; color:#9a9a9a; } #main #left #leftnav ul#navigation li.selected ul li a { color:#fff; } #main #left #leftnav ul#navigation li.selected ul li a:hover { background:none; color:#9a9a9a; } #main #left #leftnav ul#navigation li.selected ul li a.selected { background:none; color:#7195b5; } /************************************* left column internal pages **************************************/ #main #left #tools { margin:0; padding:0 0 0 23px; float:left; border:0px solid #fff; } #main #left #tools img { float:left; } #main #left #tools ul { margin:0 0 0 30px; border:0px solid #fff; } #main #left #tools ul li { list-style-image:url(../img/bullet_orange_2.jpg); color:#ffa200; font-size:10px; border:0px solid #fff; line-height:16px; } #main #left #tools ul li a { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; } #main #left #tools ul li a:hover { color:#9a9a9a; } #main #left #tools #toolsbg { padding-top:17px; background:url(../img/tools_bg.jpg) top left repeat-y; } #main #left #tools a.calculator { margin:0; padding:0; width:194px; height:117px; display:block; background:url(../img/cost_savings_calc.jpg) no-repeat; background-position:0 -120px; } #main #left #tools a.calculator:hover { margin:0; padding:0; width:194px; height:117px; display:block; background:url(../img/cost_savings_calc.jpg) no-repeat; background-position:0 0px; } /************************************* new header images **************************************/ #header_about { width:1003px; height:265px; float:left; background:url("../img/header_about_xonicwave.jpg") top left no-repeat; float:left; } #header_become_partner { width:1003px; height:265px; float:left; background:url("../img/header_become_partner.jpg") top left no-repeat; float:left; } #header_careers { width:1003px; height:265px; float:left; background:url("../img/header_careers.jpg") top left no-repeat; float:left; } #header_consulting_services { width:1003px; height:265px; float:left; background:url("../img/header_consulting_services.jpg") top left no-repeat; float:left; } #header_contact { width:1003px; height:265px; float:left; background:url("../img/header_contact_us.jpg") top left no-repeat; float:left; } #header_cost_calculator { width:1003px; height:265px; float:left; background:url("../img/header_cost_calculator.jpg") top left no-repeat; float:left; } #header_differentiators { width:1003px; height:265px; float:left; background:url("../img/header_differentiators.jpg") top left no-repeat; float:left; } #header_email_solutions { width:1003px; height:265px; float:left; background:url("../img/header_email_solutions.jpg") top left no-repeat; float:left; } #header_experience { width:1003px; height:265px; float:left; background:url("../img/header_experience.jpg") top left no-repeat; float:left; } #header_hosted_exchange { width:1003px; height:265px; float:left; background:url("../img/header_hosted_exchange.jpg") top left no-repeat; float:left; } #header_hosted_services { width:1003px; height:265px; float:left; background:url("../img/header_hosted_services.jpg") top left no-repeat; float:left; } #header_hosted_voip { width:1003px; height:265px; float:left; background:url("../img/header_hosted_voip.jpg") top left no-repeat; float:left; } #header_managed_services { width:1003px; height:265px; float:left; background:url("../img/header_managed_services.jpg") top left no-repeat; float:left; } #header_management { width:1003px; height:265px; float:left; background:url("../img/header_management.jpg") top left no-repeat; float:left; } #header_methodology { width:1003px; height:265px; float:left; background:url("../img/header_methodology.jpg") top left no-repeat; float:left; } #header_mission_statement { width:1003px; height:265px; float:left; background:url("../img/header_mission_statement.jpg") top left no-repeat; float:left; } #header_news { width:1003px; height:265px; float:left; background:url("../img/header_news.jpg") top left no-repeat; float:left; } #header_our_plans { width:1003px; height:265px; float:left; background:url("../img/header_our_plans.jpg") top left no-repeat; float:left; } #header_our_services { width:1003px; height:265px; float:left; background:url("../img/header_our_services.jpg") top left no-repeat; float:left; } #header_plan_comparison_chart { width:1003px; height:265px; float:left; background:url("../img/header_plan_comparison_chart.jpg") top left no-repeat; float:left; } #header_privacy_policy { width:1003px; height:265px; float:left; background:url("../img/header_privacy_policy.jpg") top left no-repeat; float:left; } #header_referral_form { width:1003px; height:265px; float:left; background:url("../img/header_referral_form.jpg") top left no-repeat; float:left; } #header_remote_backups { width:1003px; height:265px; float:left; background:url("../img/header_remote_backups.jpg") top left no-repeat; float:left; } #header_remote_monitoring { width:1003px; height:265px; float:left; background:url("../img/header_remote_monitoring.jpg") top left no-repeat; float:left; } #header_selfassess_worksheet { width:1003px; height:265px; float:left; background:url("../img/header_selfassess_worksheet.jpg") top left no-repeat; float:left; } #header_service_description_details { width:1003px; height:265px; float:left; background:url("../img/header_service_description_details.jpg") top left no-repeat; float:left; } #header_spam_users_guide { width:1003px; height:265px; float:left; background:url("../img/header_spam_users_guide.jpg") top left no-repeat; float:left; } #header_strategic_partners { width:1003px; height:265px; float:left; background:url("../img/header_strategic_partners.jpg") top left no-repeat; float:left; } #header_tools_resources { width:1003px; height:265px; float:left; background:url("../img/header_tools_resources.jpg") top left no-repeat; float:left; } #header_white_papers { width:1003px; height:265px; float:left; background:url("../img/header_white_papers.jpg") top left no-repeat; float:left; } #header_why_managed_services { width:1003px; height:265px; float:left; background:url("../img/header_why_managed_services.jpg") top left no-repeat; float:left; } #header_why_xonicwave { width:1003px; height:265px; float:left; background:url("../img/header_why_xonicwave.jpg") top left no-repeat; float:left; } #header a { width:1003px; height:265px; display:block; position:relative; } #header_about_xonicwave a { width:1003px; height:265px; display:block; position:relative; } #header_become_partner a { width:1003px; height:265px; display:block; position:relative; } #header_careers a { width:1003px; height:265px; display:block; position:relative; } #header_consulting_services a { width:1003px; height:265px; display:block; position:relative; } #header_contact_us a { width:1003px; height:265px; display:block; position:relative; } #header_cost_calculator a { width:1003px; height:265px; display:block; position:relative; } #header_differentiators a { width:1003px; height:265px; display:block; position:relative; } #header_email_solutions a { width:1003px; height:265px; display:block; position:relative; } #header_experience a { width:1003px; height:265px; display:block; position:relative; } #header_hosted_exchange a { width:1003px; height:265px; display:block; position:relative; } #header_hosted_services a { width:1003px; height:265px; display:block; position:relative; } #header_hosted_voip a { width:1003px; height:265px; display:block; position:relative; } #header_managed_services a { width:1003px; height:265px; display:block; position:relative; } #header_management a { width:1003px; height:265px; display:block; position:relative; } #header_methodology a { width:1003px; height:265px; display:block; position:relative; } #header_mission_statement a { width:1003px; height:265px; display:block; position:relative; } #header_news a { width:1003px; height:265px; display:block; position:relative; } #header_our_plans a { width:1003px; height:265px; display:block; position:relative; } #header_our_services a { width:1003px; height:265px; display:block; position:relative; } #header_plan_comparison_chart a { width:1003px; height:265px; display:block; position:relative; } #header_privacy_policy a { width:1003px; height:265px; display:block; position:relative; } #header_referral_form a { width:1003px; height:265px; display:block; position:relative; } #header_remote_backups a { width:1003px; height:265px; display:block; position:relative; } #header_remote_monitoring a { width:1003px; height:265px; display:block; position:relative; } #header_selfassess_worksheet a { width:1003px; height:265px; display:block; position:relative; } #header_service_description_details a { width:1003px; height:265px; display:block; position:relative; } #header_spam_users_guide a { width:1003px; height:265px; display:block; position:relative; } #header_strategic_partners a { width:1003px; height:265px; display:block; position:relative; } #header_tools_resources a { width:1003px; height:265px; display:block; position:relative; } #header_white_papers a { width:1003px; height:265px; display:block; position:relative; } #header_why_managed_services a { width:1003px; height:265px; display:block; position:relative; } #header_why_xonicwave a { width:1003px; height:265px; display:block; position:relative; } .normal { list-style-position: inside; list-style-type: disc; font:12px/19px Arial,Helvetica,sans-serif; color:#616161; margin-bottom:15px; margin-left:15px; padding-left:21px; } ul.normal li { display:list-item !important; float:none !important; }