/*--- CSS RESETS AND GENERAL STYLES--------------------*/ * { margin: 0; padding: 0;} img { border: 0 } a:focus { outline:none } html, body { height: 100%;} .pagewrapper { min-height: 100%; width: 900px; margin: 12px auto;} .mainwrapper { min-height: 100%; height: auto !important; height: 100%; margin: 12px auto -100px;} body { font: 12px/155% 'Arial', Verdana, Helvetica, sans-serif; text-align: center; color:#6c8183; background:#fff url(../images/bodybg.jpg) repeat-x 0 0; min-width: 900px; padding: 0;} .push { height: 100px;} /*--- COLORS AND FONT STYLING----------------------------*/ a, a:active, a:link { text-decoration: none; color: #ff9724;} a:visited { text-decoration: none; } a:hover { color: #ff9724; text-decoration: underline;} p, blockquote { text-align: left; } h1, h2, h3, h4, h6 { color: #0092a0; font-family: Arial, "Sans-serif"; text-align: left; } ul { list-style: none; text-align: left; } p.footer {text-align:center;} h2.sectiontitle { padding:8px 0 2px 0; font-style:italic; font-size:1.3em;} p.dash {border-bottom: 2px solid #dbdbdb;} h1.title { padding: 10px 0; margin: 10px 0 6px 0; color: #0092a0; font-size:24px; border-bottom: 2px solid #0092a0;} h3.subtitle { padding: 6px 0 3px; color: #0092a0; font-size:13px;} h1.title-side { padding: 16px 0 8px; margin: 14px 6px 0; color: #ff9724; font-size:16px; border-bottom: 2px solid #ff9724;} h1.title-side2 { padding: 16px 0 8px; margin: 14px 6px 0; color: #0092a0; font-size:16px; border-bottom: 2px solid #0092a0;} h1.title-noline { padding-left: 20px; margin-top: 14px; font-size:16px; color: #0092a0; } h3.subtitle-side { padding: 6px 0 3px; color: #ff9724; font-size:13px;} h1.title-side, h3.subtitle-side, p.side, h1.title-side2 { margin: 0 20px;} h2.phone { margin:0 0 0 480px; background:transparent url(../images/phone.png) no-repeat left top; padding:0 0 0 26px; font-size: 15px;} blockquote { background: url(../images/quoleft.png) left top no-repeat; margin-top:12px; padding: 12px 40px 6px; color: #0092a0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height:160%; display: block;} blockquote div { background: url(../images/quoright.png) right bottom no-repeat; padding: 0 30px 0 0; font-size: 13px;} /*--- HEADER-----------------------------------*/ #header { width:900px; height: 59px;} /*--- logo with sprite---*/ #logo { width:239px; height:49px; margin:0; padding:0; list-style: none; position:relative; float:left; } #logo span { display:none; position:absolute; } #logo a { display:inline; text-indent:-900%; position:absolute; outline:none; } #logo a:hover { background-position: left bottom; } #logo a:hover span { display:block;} #logo .digianalytics { width:239px; height:49px; background:url(../images/logosprite.png) no-repeat; left: 0; top:0; } #logo .digianalytics span { width:0px; height:0px; background:url(../images/logotagline.png) no-repeat; left: 0; top:70px; } /*--- MAIN NAVIGATION----------------------------*/ #menu { background: url(../images/menu_top.jpg) no-repeat; height: 51px } #menu ul { margin: 0; width: 900px; height:51px;} #menu ul li a, #menu ul li.current { background: url(../images/menu_top.jpg); display: block; float: left; height: 51px; outline: none; text-indent: -9990px } #menu ul li { list-style: none; float: left } #menu ul li#current { } #menu ul li#menu_home a { background-position: 0 0; width: 105px } #menu ul li#menu_home a:hover, #menu ul li#menu_home a.current { background-position: 0 -52px } #menu ul li#menu_solutions a { background-position: -105px 0; width: 130px } #menu ul li#menu_solutions a:hover, #menu ul li#menu_solutions a.current { background-position: -105px -52px } #menu ul li#menu_features a { background-position: -235px 0; width: 125px } #menu ul li#menu_features a:hover, #menu ul li#menu_features a.current { background-position: -235px -52px } #menu ul li#menu_feedback a { background-position: -360px 0; width: 135px } #menu ul li#menu_feedback a:hover, #menu ul li#menu_feedback a.current { background-position: -360px -52px } #menu ul li#menu_about a { background-position: -495px 0; width: 100px } #menu ul li#menu_about a:hover, #menu ul li#menu_about a.current { background-position: -495px -52px } #menu ul li#menu_plans a { background-position: -595px 0; width: 105px } #menu ul li#menu_plans a:hover, #menu ul li#menu_plans a.current { background-position: -595px -52px } #menu ul li#menu_signup a { background-position: -700px 0; width: 200px } #menu ul li#menu_signup a:hover, #menu ul li#menu_signup a.current { background-position: -700px -52px } #dashBlock{ background:url(../images/double_dash.gif) repeat-x 0 0; height:21px; width:360px; float:left; margin:15px 0 0 0; padding-left:366px;} #dashBlock a {color:#EBE588;background-color:inherit;} #dashBlock a:hover {text-decoration:underline;} .footer { color: #b8c8ca; font-size: 10px; line-height: 100%;} /*--- SLIDER LAYOUT-------------------------------*/ .stripViewer .panelContainer .panel ul { margin: 0;} .slider-wrap { position:relative; width:900px; height: 400px; margin-top:20px; margin-bottom:6px; padding:0; } .csw { width: 100%; height: 337px; background: #0d6269; overflow: scroll} .csw .loading { margin: 200px 0 300px 0; text-align: center} .stripViewer { position: relative; overflow: hidden; margin: auto; width: 900px; height: 337px; clear: both; background: url(../images/slidebg.jpg) no-repeat;} .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none;} .stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 900px; height: 337px;} .stripViewer .panelContainer .panel .wrapper { margin: 0; padding: 0px;} .stripNav { margin: auto;} .stripNav ul { list-style: none;} /*--- SLIDER NAVIGATION----------------------------------*/ .stripNav ul li { float: left; } .stripNav li a { display: block; height: 44px; text-indent: -9999px; } .stripNav li.tab1 a { background: url(../images/slidenav01.jpg) top left no-repeat; width: 180px; height:44px;} .stripNav li.tab2 a { background: url(../images/slidenav02.jpg) top left no-repeat; width: 180px; height:44px;} .stripNav li.tab3 a { background: url(../images/slidenav03.jpg) top left no-repeat; width: 180px; height:44px;} .stripNav li.tab4 a { background: url(../images/slidenav04.jpg) top left no-repeat; width: 180px; height:44px;} .stripNav li.tab5 a { background: url(../images/slidenav05.jpg) top left no-repeat; width: 180px; height:44px;} .stripNav li a:hover, .stripNav li a:active, .stripNav li a:focus { background-position: top center; } .stripNav li.tab1 a.current { background: url(../images/slidenav01.jpg) bottom center no-repeat; } .stripNav li.tab2 a.current { background: url(../images/slidenav02.jpg) bottom center no-repeat; } .stripNav li.tab3 a.current { background: url(../images/slidenav03.jpg) bottom center no-repeat; } .stripNav li.tab4 a.current { background: url(../images/slidenav04.jpg) bottom center no-repeat; } .stripNav li.tab5 a.current { background: url(../images/slidenav05.jpg) bottom center no-repeat; } /*--- SLIDER ARROWS------------------------*/ .stripNavL, .stripNavR { display: none; position: absolute; top: 230px; text-indent: -9000em;} /* /*--- FOOTER-----------------------------------*/ #footer { width: 900px; color: #333; background: #fff; margin: 12px 0px 10px 0px; padding: 0px; clear: both;} #footermenu { background: #fff no-repeat; height: 37px } #footermenu ul { margin: 0; width: 900px } #footermenu ul li a, #menu ul li.current { background: url(../images/menu_footer.gif); display: block; float: left; height: 37px; outline: none; text-indent: -9990px } #footermenu ul li { list-style: none; float: left } #footermenu ul li#current { } #footermenu ul li#footer_news a { background-position: 0 0; width: 94px } #footermenu ul li#footer_news a:hover, #footermenu ul li#footer_news a.current { background-position: 0 -38px } #footermenu ul li#footer_privacy a { background-position: -94px 0; width: 143px } #footermenu ul li#footer_privacy a:hover, #footermenu ul li#footer_privacy a.current { background-position: -94px -38px } #footermenu ul li#footer_terms a { background-position: -237px 0; width: 170px } #footermenu ul li#footer_terms a:hover, #footermenu ul li#footer_terms a.current { background-position: -237px -38px } #footermenu ul li#footer_demo a { background-position: -407px 0; width: 121px } #footermenu ul li#footer_demo a:hover, #footermenu ul li#footer_demo a.current { background-position: -407px -38px } #footermenu ul li#footer_partners a { background-position: -528px 0; width: 150px } #footermenu ul li#footer_partners a:hover, #footermenu ul li#footer_partners a.current { background-position: -528px -38px } #footermenu ul li#footer_sitemap a { background-position: -678px 0; width: 109px } #footermenu ul li#footer_sitemap a:hover, #footermenu ul li#footer_sitemap a.current { background-position: -678px -38px } #footermenu ul li#footer_contact a { background-position: -787px 0; width: 113px } #footermenu ul li#footer_contact a:hover, #footermenu ul li#footer_contact a.current { background-position: -787px -38px }