/*******************************/ /*********** GENERAL ***********/ /*******************************/ * { font-size: 12px; font-family: Franklin Gothic Book; color: #666; } body { position:relative; width: 953px; height: 800px; } a { text-decoration: none; color: #669999; } a:hover { text-decoration: underline; } .ctel-blue { color: #669999 } .callfor { font-style: italic; } /* header */ #header { width: 953px; height: 55px; background: url(../images/header.jpg); text-indent: -9999px; } /* navigation */ /* navigation general settings */ #nav { height: 30px; margin: 15px 0 15px 0; } #nav label { display:none; } #nav ul { padding:0; margin:0; list-style-type: none; } #nav li { float:left; } #nav a { overflow:hidden; display: block; text-indent: -9999px; height: 30px; } /* navigation background settings */ #nav li.home a { background:transparent url(../images/nav_home.jpg) top left no-repeat; width:193px; } #nav li.about a { background:transparent url(../images/nav_about.jpg) top left no-repeat; width:153px; } #nav li.services a { background:transparent url(../images/nav_services.jpg) top left no-repeat; width:154px; } #nav li.clients a { background:transparent url(../images/nav_clients.jpg) top left no-repeat; width:152px; } #nav li.democenter a { background:transparent url(../images/nav_democenter.jpg) top left no-repeat; width:154px; } #nav li.contact a { background:transparent url(../images/nav_contact.jpg) top left no-repeat; width:147px; } #nav li a:hover { background-position: 0 -30px; } /* navigation submenu settings */ #nav li ul li a { text-indent: 0px; color: #666; background: none !important; } #nav li ul li a:hover { text-decoration: none; color: #669999; } #nav ul li:hover ul { display: block; background-color: white; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; } .about ul { margin: 0; padding: 0; list-style: none; display: none; position: absolute; width: 151px; border-left: 1px solid; border-right: 1px solid; } .about ul li { border-bottom: 1px solid #666; width: 151px; text-align: center; line-height: 30px; } .services ul { margin: 0; padding: 0; list-style: none; display: none; position: absolute; width: 152px; border-left: 1px solid; border-right: 1px solid; } .services ul li { border-bottom: 1px solid #666; width: 152px; text-align: center; line-height: 30px; } .clients ul { margin: 0; padding: 0; list-style: none; display: none; position: absolute; width: 150px; border-left: 1px solid; border-right: 1px solid; } .clients ul li { border-bottom: 1px solid #666; width: 150px; text-align: center; line-height: 30px; } .democenter ul { margin: 0; padding: 0; list-style: none; display: none; position: absolute; width: 152px; border-left: 1px solid; border-right: 1px solid; } .democenter ul li { border-bottom: 1px solid #666; width: 152px; text-align: center; line-height: 30px; } /* content */ #content { padding: 0 0 15px 0; } #content .contact a { overflow:hidden; display: block; text-indent: -9999px; height: 77px; } /* footer */ #footer { padding: 0 0 15px 0; height: 15px; } #footer-line { width: 953px; height: 9px; background: url(../images/footer.jpg) top left no-repeat; } #footer-content { height: 12px; width: 953px; padding: 5px 0 0 0; } #footer-content ul { padding:0; margin:0; list-style-type: none; float:right; } #footer-content li { float:left; font-size: 11px; text-align: center; padding: 0 13px 0 13px; border-left: 1px solid; line-height: 12px; } #footer-content a { height: 12px; } #footer-content .first { border: none; } /****************************/ /*********** HOME ***********/ /****************************/ /* main */ #main { padding: 0 0 15px 0; width: 953px; height: 266px;} #main-image { float: left; background: url(../images/Home_mainimage1.jpg) top left no-repeat; width: 736px; height: 266px; cursor: pointer;} #main-nav { float:right; } #main-nav-extender { width: 217px; height: 186px; } #main-nav-content { width: 217px; height: 80px; font-size: 16px; } #main-nav-content ul { list-style-type: none; padding: 0; margin:0; } #main-nav-content ul li { background: url(../images/Home_bluearrow.gif) top left no-repeat; padding: 0 0 5px 24px; line-height: 17px; } #main-nav-content ul li a { font-size: 12px; } #main-nav .border-top { background: url(../images/Home_greenbar_top.jpg) top no-repeat; width: 217px; height: 266px; } #main-nav .border-right { background: url(../images/Home_greenbar_right.gif) right no-repeat; width: 217px; height: 266px; } #main-nav .border-bottom { background: url(../images/Home_greenbar_bottom.jpg) bottom no-repeat; width: 217px; height: 266px; } /* views */ #views-home { clear: both; width: 953px; height: 326px; padding: 0 0 15px 0; } .views-title { height: 20px; padding: 9px 9px 3px 9px; } a.more { float: right; } .subheaders { float: left; font-size: 17px; } #views-left { float: left; width: 171px; height: 350px; margin: 0 9px 0 0; padding: 0; } #views-right { float: left; width: 773px; height: 350px; margin: 0; padding: 0; } #views-right-top { width: 773px; height: 309px; margin: 0; padding: 0; } #views-right-bottom { width: 773px; height: 41px; margin: 0; padding: 0; } #views-news { background: url(../images/Home_newsbox_top.gif) top no-repeat; width: 171px; height: 350px; } #views-news .views-shadow-bottom { background: url(../images/Home_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 350px; } #views-news .views-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 336px; top: 9px; } #views-news .views-title { padding-left: 14px; } #views-news .views-content { background: #accf95; margin: 0 7px 0 7px; padding: 9px 11px 0 7px; height: 288px; color: #fff; font-size: 10px; line-height: 18px; } #views-news .news-header { font-size: 12px; color: #fff; } #views-featured-demo { background: url(../images/Home_featureddemo_top.gif) top left no-repeat; width: 385px; float: left; margin: 0 9px 0 0; } #views-featured-demo .views-shadow-bottom { background: url(../images/Home_featureddemo_shadow.jpg) bottom no-repeat; width: 385px; height: 309px; } #views-featured-demo .views-side-borders { position: relative; top: 9px; } #views-featured-demo .views-title { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-left: 12px; } #views-featured-demo .views-image { height: 64px; } #views-featured-demo .views-content { padding: 9px 9px 0 12px; margin: 0; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 190px; } #views-blog-newsletters { background: url(../images/Home_blog_top.gif) top left no-repeat; width: 185px; height: 175px; float: left; margin: 0 9px 0 0; } #views-blog-newsletters .views-shadow-bottom{ background: url(../images/Home_blognewsletter_shadow.jpg) bottom no-repeat; width: 185px; height: 309px; } #views-blog-newsletters .views-side-borders { position: relative; top: 9px; } #views-blog .views-title { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } #views-blog .views-image { height: 64px; } #views-blog .views-content { padding: 9px 9px 0 9px; margin: 0; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 70px; } #views-newsletters { /*background: url(../images/Home_newsletter_top.gif) top left no-repeat;*/ width: 185px; height: 114px; } #views-newsletters .views-title { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } #views-newsletters .views-image { height: 64px; } #views-newsletters .views-content { padding: 9px 9px 0 9px; margin: 0; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 192px; } #views-customer { background: url(../images/Home_cust_top.gif) top left no-repeat; width: 185px; float: left; margin: 0; padding: 0; } #views-customer .views-shadow-bottom { background: url(../images/Home_cust_shadow.jpg) bottom no-repeat; width: 185px; height: 309px; } #views-customer .views-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 295px; top: 9px; } #views-customer .views-content { padding: 0px 9px 0 9px; height: 220px; } #views-customer .views-content-quotes { float:left; height: 220px; } /* client list */ #client-list { clear: both; width: 773px; height: 41px; background-color: White; } #client-list ul { padding:0; margin: 0; list-style-type:none; } #client-list li { float: left; text-indent: -9999px; height: 41px; } /* note: if we change any of the clients, change the widths */ #client-list .client1 { background: url(../images/Home_npr_logo.jpg) bottom no-repeat; width: 49px; margin: 0 70px 0 20px; } #client-list .client2 { background: url(../images/Home_turner_logo.jpg) bottom no-repeat; width: 109px; margin: 0 70px 0 0; } #client-list .client3 { background: url(../images/Home_maxim_logo.jpg) bottom no-repeat; width: 67px; margin: 0 70px 0 0; } #client-list .client4 { background: url(../images/Home_obama_logo.jpg) bottom no-repeat; width: 102px; margin: 0 70px 0 0; } #client-list .client5 { background: url(../images/Home_nbc_logo.jpg) bottom no-repeat; width: 99px; margin: 0 0 0 20px; } /****************************/ /*********** ABOUT **********/ /****************************/ /* views */ #views-about { clear: both; width: 953px; height: 688px; padding: 0 0 15px 0; } #nav-left-about { float: left; width: 171px; height: 688px; margin: 0 9px 0 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } .nav-left-title { height: 20px; padding: 9px 9px 3px 9px; } #nav-left-about .subheaders { color: #669999; font-size: 18px; } #nav-left-about .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 712px; } #nav-left-about .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 698px; top: 9px; } #nav-left-about .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 458px; } #nav-left-about .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-about .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-about .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-about .nav-left-links ul li a { color: #666; } #nav-left-about .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-about .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-about .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-about .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-about .nav-left-content-links { color: #fff; float: right; } #nav-left-about .nav-left-content-links a { color: #fff; } #nav-left-about .nav-left-content-image { float: right; } #newsletter-form-email-input { float:left; padding: 15px 0 5px 0; width: 160px; } #newsletter-form-email-input input { width: 115px; } #content-about { float: right; width: 749px; height: 688px; margin: 0; padding: 0; } #content-about .header { background: url(../images/About_main_header.jpg) top left no-repeat; width: 749px; height: 70px; padding-bottom: 20px; } #content-about .content { float: left; width: 590px; height: 688px; padding-left: 5px; overflow: hidden; } #content-about .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /********* HISTORY **********/ /****************************/ #views-history { clear: both; width: 953px; height: 688px; padding: 0 0 15px 0; } #content-history { float: right; width: 749px; height: 688px; margin: 0; padding: 0; } #content-history .header { background: url(../images/About_history_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-history .content { float: left; width: 590px; height: 688px; padding-left: 5px; overflow: hidden; } #content-history .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } .history-image { float: left; padding: 0 30px 30px 0; } .history-title { font-weight: bold; } /****************************/ /******** MANAGEMENT ********/ /****************************/ #views-management { clear: both; width: 953px; height: 1621px; padding: 0 0 15px 0; } #content-management { float: right; width: 749px; height: 1610px; margin: 0; padding: 0; } #content-management .header { background: url(../images/About_management_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-management .content { float: left; width: 590px; height: 1610px; padding-left: 5px; overflow: hidden; } #content-management .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } #content-management .image { float:left; padding: 0 30px 30px 0; } #content-management .title { font-weight: bold; } #content-management .top-links { clear: both; } /****************************/ /**** BOARD OF DIRECTORS ****/ /****************************/ #views-board { clear: both; width: 953px; height: 1530px; padding: 0 0 15px 0; } #content-board { float: right; width: 749px; height: 1530px; margin: 0; padding: 0; } #content-board .header { background: url(../images/About_bod_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-board .content { float: left; width: 590px; height: 1530px; padding-left: 5px; overflow: hidden; } #content-board .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } #content-board .image { float: left; padding: 0 30px 30px 0; } #content-board .title { font-weight: bold; } #content-board .top-links { clear: both; } /****************************/ /*********** TC **********/ /****************************/ /* views */ #views-tc { clear: both; width: 953px; height: 5721px; padding: 0 0 15px 0; } #nav-left-tc { float: left; width: 171px; height: 5710px; margin: 0 9px 0 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } .nav-left-title { height: 20px; padding: 9px 9px 3px 9px; } #nav-left-tc .subheaders { color: #669999; font-size: 18px; } #nav-left-tc .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 712px; } #nav-left-tc .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 698px; top: 9px; } #nav-left-tc .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 459px; } #nav-left-tc .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-tc .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-tc .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-tc .nav-left-links ul li a { color: #666; } #nav-left-tc .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-tc .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-tc .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-tc .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-tc .nav-left-content-links { color: #fff; float: right; } #nav-left-tc .nav-left-content-links a { color: #fff; } #nav-left-tc .nav-left-content-image { float: right; } #newsletter-form-email-input { float:left; padding: 15px 0 5px 0; width: 160px; } #newsletter-form-email-input input { width: 115px; } #content-tc { float: right; width: 749px; height: 5721px; margin: 0; padding: 0; } #content-tc .header { background: url(../images/About_main_header.jpg) top left no-repeat; width: 749px; height: 70px; padding-bottom: 20px; } #content-tc .content { float: left; width: 590px; height: 5721px; padding-left: 5px; overflow: hidden; } #content-tc .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /********* PARTNERS *********/ /****************************/ #views-partners { clear: both; width: 953px; height: 688px; padding: 0 0 15px 0; } #content-partners { float: right; width: 749px; height: 688px; margin: 0; padding: 0; } #content-partners ul { list-style-type: none; margin:0; padding: 0; } #content-partners .header { background: url(../images/About_partners_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-partners .content { float: left; width: 590px; height: 688px; padding-left: 5px; overflow: hidden; } #content-partners .links { float: right; } #content-partners .links ul li a { overflow:hidden; display: block; text-indent: -9999px; height: 152px; } #content-partners .title { font-size: 16px; } #content-partners .image-left { padding-top: 19px; width: 186px; float:left; } #content-partners .image-middle { padding-top: 19px; width: 186px; float:left; } #content-partners .image-right { padding-top: 19px; width: 186px; float:right;} #content-partners .marketers a { background: url(../images/Clients_main_marketers.jpg) top left no-repeat; padding-top: 9px; width: 203px; } #content-partners .contentproviders a { background: url(../images/Clients_main_providers.jpg) top left no-repeat; padding-top: 9px; width: 203px; } #content-partners .partners-featured-partners { float: left; width: 590px; height: 382px; overflow: hidden; padding-top: 18px; } #content-partners .partners-featured-partners li ul { clear:both; list-style-type: none; margin:0; padding:0; } #content-partners .partners-featured-partners li ul li { float: left; } #content-partners .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } .partners-image { float: left; padding: 0 30px 30px 0; } .partners-title { font-weight: bold; } /****************************/ /*********** NEWS ***********/ /****************************/ #views-press { clear: both; width: 953px; height: 688px; padding: 0 0 15px 0; } #content-press { float: right; width: 749px; height: 688px; margin: 0; padding: 0; } #content-press .header { background: url(../images/About_news_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-press .content { float: left; width: 590px; height: 688px; padding-left: 5px; overflow: hidden; } #content-press .links { float: right; } #content-press .links ul li a { overflow:hidden; display: block; text-indent: -9999px; height: 152px; } #content-press .title { font-size: 16px; } #content-press .image-left { padding-top: 19px; width: 186px; float:left; } #content-press .image { padding-top: 19px; width: 186px; } #content-press .press-featured-press { float: left; width: 590px; height: 580px; overflow: hidden; padding-top: 18px; } #content-press .press-featured-press li ul { clear:both; list-style-type: none; margin:0; padding:0; } #content-press .press-featured-press li ul li { float: left; } #content-press .press-featured-press td {} #content-press .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } .press-image { float: left; padding: 0 30px 30px 0; } .press-title { font-weight: bold; } /**********************************/ /*********** NEWS OTHER ***********/ /**********************************/ #views-press-other { clear: both; width: 953px; height: 1190px; padding: 0 0 15px 0; } #content-press-other { float: right; width: 749px; height: 1190px; margin: 0; padding: 0; } #content-press-other .header { background: url(../images/About_news_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-press-other .content { float: left; width: 590px; height: 1190px; padding-left: 5px; overflow: hidden; } #content-press-other .links { float: right; } #content-press-other .links ul li a { overflow:hidden; display: block; text-indent: -9999px; height: 152px; } #content-press-other .title { font-size: 16px; } #content-press-other .image-left { padding-top: 19px; width: 186px; float:left; } #content-press-other .image { padding-top: 19px; width: 186px; } #content-press-other .press-featured-press-other { float: left; width: 590px; height: 1190px; overflow: hidden; padding-top: 18px; } #content-press-other .press-featured-press-other li ul { clear:both; list-style-type: none; margin:0; padding:0; } #content-press-other .press-featured-press-other li ul li { float: left; } #content-press-other .press-featured-press-other td #content-press-other .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } .press-image { float: left; padding: 0 30px 30px 0; } .press-title { font-weight: bold; } /****************************/ /********* CAREERS *********/ /****************************/ #views-careers { clear: both; width: 953px; height: 688px; padding: 0 0 15px 0; } #content-careers { float: right; width: 749px; height: 688px; margin: 0; padding: 0; } #content-careers ul { list-style-type: none; margin:0; padding: 0; } #content-careers .header { background: url(../images/About_careers_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-careers .content { float: left; width: 590px; height: 688px; padding-left: 5px; overflow: hidden; } #content-careers .links { float: right; } #content-careers .links ul li a { overflow:hidden; display: block; text-indent: -9999px; height: 152px; } #content-careers .title { font-size: 16px; } #content-careers .image-left { padding-top: 19px; width: 186px; float:left; } #content-careers .image-middle { padding-top: 19px; width: 186px; float:left; } #content-careers .image-right { padding-top: 19px; width: 186px; float:right;} #content-careers .marketers a { background: url(../images/Clients_main_marketers.jpg) top left no-repeat; padding-top: 9px; width: 203px; } #content-careers .contentproviders a { background: url(../images/Clients_main_providers.jpg) top left no-repeat; padding-top: 9px; width: 203px; } #content-careers .careers-featured-careers { float: left; width: 590px; height: 382px; overflow: hidden; padding-top: 18px; } #content-careers .careers-featured-careers li ul { clear:both; list-style-type: none; margin:0; padding:0; } #content-careers .careers-featured-careers li ul li { float: left; } #content-careers .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } .partners-image { float: left; padding: 0 30px 30px 0; } .partners-title { font-weight: bold; } /****************************/ /********* SERVICES *********/ /****************************/ /* views */ #views-services { clear: both; width: 953px; height: 630px; padding: 0 0 15px 0; } #nav-left-services { float: left; width: 171px; height: 630px; margin: 0 9px 0 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } .nav-left-title { height: 20px; padding: 9px 9px 3px 9px; } #nav-left-services .subheaders { color: #669999; font-size: 18px; } #nav-left-services .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 652px; } #nav-left-services .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 638px; top: 9px; } #nav-left-services .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 488px; } #nav-left-services .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-services .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-services .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-services .nav-left-links ul li a { color: #666; } #nav-left-services .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-services .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-services .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-services .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-services .nav-left-content-links { color: #fff; float: right; } #nav-left-services .nav-left-content-links a { color: #fff; } #nav-left-services .nav-left-content-image { float: right; } #content-services { float: right; width: 749px; height: 630px; margin: 0; padding: 0; } #content-services .header { background: url(../images/Services_main_header.jpg) top left no-repeat; width: 749px; height: 70px; padding-bottom: 20px; } #content-services .content { float: left; width: 590px; height: 630px; padding-left: 5px; overflow: hidden; } #content-services .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /*********** IVR ************/ /****************************/ #views-ivr { clear: both; width: 953px; height: 630px; padding: 0 0 15px 0; } #content-ivr { float: right; width: 749px; height: 630px; margin: 0; padding: 0; } #content-ivr .header { background: url(../images/Services_IVR_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-ivr .content { float: left; width: 590px; height: 630px; padding-left: 5px; overflow: hidden; } #content-ivr .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /**** SMS TEXT MESSAGING ****/ /****************************/ #views-sms { clear: both; width: 953px; height: 630px; padding: 0 0 15px 0; } #content-sms { float: right; width: 749px; height: 630px; margin: 0; padding: 0; } #content-sms .header { background: url(../images/Services_SMS_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-sms .content { float: left; width: 590px; height: 630px; padding-left: 5px; overflow: hidden; } #content-sms .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /***** WEB APPLICATIONS *****/ /****************************/ #views-webapp { clear: both; width: 953px; height: 630px; padding: 0 0 15px 0; } #content-webapp { float: right; width: 749px; height: 630px; margin: 0; padding: 0; } #content-webapp .header { background: url(../images/Services_WebApp_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-webapp .content { float: left; width: 590px; height: 630px; padding-left: 5px; overflow: hidden; } #content-webapp .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /********* CLIENTS **********/ /****************************/ /* views */ #views-clients { clear: both; width: 953px; height: 600px; padding: 0 0 15px 0; } #nav-left-clients { float: left; width: 171px; height: 600px; margin: 0 9px 0 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } .nav-left-title { height: 20px; padding: 9px 9px 3px 9px; } #nav-left-clients .subheaders { color: #669999; font-size: 18px; } #nav-left-clients .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 622px; } #nav-left-clients .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 608px; top: 9px; } #nav-left-clients .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 560px; } #nav-left-clients .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-clients .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-clients .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-clients .nav-left-links ul li a { color: #666; } #nav-left-clients .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-clients .nav-left-content-title { clear:both; color: #666; font-size: 18px; padding-bottom: 9px; } #nav-left-clients .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-clients .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-clients .nav-left-content-links { color: #fff; float: right; } #nav-left-clients .nav-left-content-links a { color: #fff; } #nav-left-clients .nav-left-content-image { float: right; } #nav-left-clients .nav-left-content-quotes { float:left; height: 250px; } #content-clients { float: right; width: 749px; height: 600px; margin: 0; padding: 0; } #content-clients ul { list-style-type: none; margin:0; padding: 0; } #content-clients .header { background: url(../images/Clients_main_header.jpg) top left no-repeat; width: 749px; height: 70px; padding-bottom: 20px; } #content-clients .content { float: left; width: 517px; height: 600px; padding-left: 5px; overflow: hidden; } #content-clients .links { float: right; } #content-clients .links ul li a { overflow:hidden; display: block; text-indent: -9999px; height: 152px; } #content-clients .title { font-size: 16px; } #content-clients .image-left { padding-top: 9px; width: 176px; float:left; } #content-clients .image-middle { padding-top: 9px; width: 176px; float:left; } #content-clients .image-right { padding-top: 9px; width: 176px; float:left; } #content-clients .marketers a { background: url(../images/Clients_main_marketers.jpg) top left no-repeat; padding-top: 9px; width: 203px; } #content-clients .contentproviders a { background: url(../images/Clients_main_providers.jpg) top left no-repeat; padding-top: 9px; width: 203px; } #content-clients .clients-featured-clients { float: left; width: 754px; height: 4322px; overflow: hidden; padding-top: 18px; } #content-clients .clients-featured-clients li ul { clear:both; list-style-type: none; margin:0; padding:0; } #content-clients .clients-featured-clients li ul li { float: left; } /****************************/ /***** FEATURED CLIENTS *****/ /****************************/ #views-featured { clear: both; width: 953px; height: 600px; padding: 0 0 15px 0; } #content-featured { float: right; width: 749px; height: 600px; margin: 0; padding: 0; } #content-featured .header { background: url(../images/Clients_featured_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-featured .content { float: left; width: 590px; height: 600px; padding-left: 5px; overflow: hidden; } #content-featured .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /***** SUCCESS STORIES ******/ /****************************/ #views-success { clear: both; width: 953px; height: 600px; padding: 0 0 15px 0; } #content-success { float: right; width: 749px; height: 600px; margin: 0; padding: 0; } #content-success .header { background: url(../images/Clients_clientsuccesses_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-success .content { float: left; width: 590px; height: 600px; padding-left: 5px; overflow: hidden; } #content-success .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } #content-success .clients { margin-bottom: 15px; border: 1px solid #666; height: 150px; } #content-success .title { font-weight: bold; } #content-success .image { float:left; width: 150px; height: 150px; } #content-success img { float: right; margin-top: 50px; } #content-success .description { padding-top: 5px; } #content-success .links { padding-top: 15px; } /****************************/ /******** MARKETERS *********/ /****************************/ #views-marketers { clear: both; width: 953px; height: 600px; padding: 0 0 15px 0; } #content-marketers { float: right; width: 749px; height: 600px; margin: 0; padding: 0; } #content-marketers .header { background: url(../images/Clients_mobilemarketers_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-marketers .content { float: left; width: 590px; height: 600px; padding-left: 5px; overflow: hidden; } #content-marketers .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /**** CONTENT PROVIDERS *****/ /****************************/ #views-contentproviders { clear: both; width: 953px; height: 600px; padding: 0 0 15px 0; } #content-contentproviders { float: right; width: 749px; height: 600px; margin: 0; padding: 0; } #content-contentproviders .header { background: url(../images/Clients_mobilecontentproviders_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-contentproviders .content { float: left; width: 590px; height: 600px; padding-left: 5px; overflow: hidden; } #content-contentproviders .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; } /****************************/ /******* DEMO CENTER ********/ /****************************/ /* views */ #views-demo { clear: both; width: 953px; height: 620px; padding: 0 0 15px 0; } .nav-left-title { height: 20px; padding: 9px 9px 3px 9px; } #nav-left-demo { float: left; width: 171px; height: 620px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo .subheaders { color: #669999; font-size: 18px; } #nav-left-demo .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 642px; } #nav-left-demo .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 628px; top: 9px; } #nav-left-demo .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 387px; } #nav-left-demo .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo .nav-left-links ul li a { color: #666; } #nav-left-demo .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-demo .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo .nav-left-content-links { color: #fff; float: right; } #nav-left-demo .nav-left-content-links a { color: #fff; } #nav-left-demo .nav-left-content-image { float: right; } #nav-left-demo .nav-left-content-quotes { float:left; height: 200px; } #content-demo { float: right; width: 756px; height: 620px; margin: 0; padding: 0; } #content-demo .header { background: url(../images/Demo_main_header.jpg) top left no-repeat; width: 756px; height: 204px; padding-bottom: 20px; } #content-demo .header a { overflow:hidden; display: block; text-indent: -9999px; height: 204px; } #content-demo .subheader { font-size: 18px; margin: 20px 0 9px 0; } #content-demo .italic { font-style: italic; } #content-demo .bold { font-weight: bold; } #content-demo .content { float: left; width: 754px; height: 382px; overflow: hidden; } #content-demo .content ul { clear:both; list-style-type: none; margin:0; padding:0;} #content-demo .content ul li { float: left; } #content-demo .first { margin: 0 0 24px 112px; } #content-demo .second { margin: 0 0 24px 112px; } #content-demo .third { margin: 0 0 24px 112px; } #content-demo .fourth { margin: 0 0 24px 112px; } /* #content-demo .fifth { margin: 0 0 24px 72px; } #content-demo .sixth { margin: 0 0 24px 72px; } */ #content-demo a { overflow:hidden; display: block; text-indent: -9999px; height: 152px; } #content-demo li.first a { background: url(../images/Demo_main_t2w_on.jpg) top left no-repeat; width: 203px; } #content-demo li.second a { background: url(../images/Demo_main_IVR_on.jpg) top left no-repeat; width: 203px; } #content-demo li.third a { background: url(../images/Demo_main_cdflows_on.jpg) top left no-repeat; width: 203px; } #content-demo li.fourth a { background: url(../images/Demo_main_TV_on.jpg) top left no-repeat; width: 203px; } /* #content-demo li.fifth a { background: url(../images/Demo_main_fan.jpg) top left no-repeat; width: 203px; } /* #content-demo li.sixth a { background: url(../images/Demo_main_alerts.jpg) top left no-repeat; width: 203px; } */ /* #content-demo li a:hover { background-position: 0 -152px; } /****************************/ /**** DYNAMIC AUDIO FILE ****/ /****************************/ #nav-left-demo-audio { float: left; width: 171px; height: 620px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-audio .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-audio .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 642px; } #nav-left-demo-audio .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 628px; top: 9px; } #nav-left-demo-audio .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 387px; } #nav-left-demo-audio .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-audio .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-audio .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-audio .nav-left-links ul li a { color: #666; } #nav-left-demo-audio .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-audio .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-audio .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-demo-audio .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-audio .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-audio .nav-left-content-links a { color: #fff; } #nav-left-demo-audio .nav-left-content-image { float: right; } #nav-left-demo-audio .nav-left-content-quotes { float:left; height: 200px; } #views-audio { clear: both; width: 953px; height: 620px; padding: 0 0 15px 0; } #content-audio { float: right; width: 749px; height: 620px; margin: 0; padding: 0; } #content-audio .header { background: url(../images/Demo_DAF_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-audio .content { float: left; width: 517px; height: 600px; padding-left: 5px; overflow: hidden; } #content-audio .links { float: right; } #content-audio .links { background: url(../images/Demo_audio_npr.gif) top left no-repeat; padding-top: 9px; width: 150px; height: 212px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /******* TEXT TO WIN ********/ /****************************/ #nav-left-demo-t2w { float: left; width: 171px; height: 670px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-t2w .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-t2w .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 692px; } #nav-left-demo-t2w .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 678px; top: 9px; } #nav-left-demo-t2w .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 437px; } #nav-left-demo-t2w .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-t2w .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-t2w .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-t2w .nav-left-links ul li a { color: #666; } #nav-left-demo-t2w .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-t2w .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-t2w .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-demo-t2w .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-t2w .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-t2w .nav-left-content-links a { color: #fff; } #nav-left-demo-t2w .nav-left-content-image { float: right; } #nav-left-demo-t2w .nav-left-content-quotes { float:left; height: 250px; } #views-text2win { clear: both; width: 953px; height: 670px; padding: 0 0 15px 0; } #content-text2win { float: right; width: 749px; height: 670px; margin: 0; padding: 0; } #content-text2win ul { list-style-type: none; margin:0; padding: 0; } #content-text2win .header { background: url(../images/Demo_T2W_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-text2win .content { float: left; width: 517px; height: 610px; padding-left: 5px; overflow: hidden; } #content-text2win .links { float: right; } #content-text2win .links { background: url(../images/Demo_text2win_juicy_772937.jpg) top left no-repeat; padding-top: 9px; width: 213px; height: 202px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /********* IVR DEMO *********/ /****************************/ #nav-left-demo-ivr { float: left; width: 171px; height: 670px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-ivr .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-ivr .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 692px; } #nav-left-demo-ivr .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 678px; top: 9px; } #nav-left-demo-ivr .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 437px; } #nav-left-demo-ivr .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-ivr .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-ivr .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-ivr .nav-left-links ul li a { color: #666; } #nav-left-demo-ivr .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-ivr .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-ivr .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-demo-ivr .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-ivr .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-ivr .nav-left-content-links a { color: #fff; } #nav-left-demo-ivr .nav-left-content-image { float: right; } #nav-left-demo-ivr .nav-left-content-quotes { float:left; height: 250px; } #views-ivrdemo { clear: both; width: 953px; height: 670px; padding: 0 0 15px 0; } #content-ivrdemo { float: right; width: 749px; height: 670px; margin: 0; padding: 0; } #content-ivrdemo .header { background: url(../images/Demo_IVR_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-ivrdemo .content { float: left; width: 517px; height: 610px; padding-left: 5px; overflow: hidden; } #content-ivrdemo .links { float: right; } #content-ivrdemo .links { background: url(../images/Demo_ivrdemo_maxim.jpg) top left no-repeat; padding-top: 9px; width: 203px; height: 375px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /* CLIENT-DEFINED CALL FLOWS*/ /****************************/ #nav-left-demo-callflows { float: left; width: 171px; height: 620px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-callflows .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-callflows .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 642px; } #nav-left-demo-callflows .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 628px; top: 9px; } #nav-left-demo-callflows .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 387px; } #nav-left-demo-callflows .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-callflows .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-callflows .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-callflows .nav-left-links ul li a { color: #666; } #nav-left-demo-callflows .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-callflows .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-callflows .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-demo-callflows .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-callflows .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-callflows .nav-left-content-links a { color: #fff; } #nav-left-demo-callflows .nav-left-content-image { float: right; } #nav-left-demo-callflows .nav-left-content-quotes { float:left; height: 190px; } #views-callflows { clear: both; width: 953px; height: 620px; padding: 0 0 15px 0; } #content-callflows { float: right; width: 749px; height: 620px; margin: 0; padding: 0; } #content-callflows .header { background: url(../images/Demo_CallFlows_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-callflows .content { float: left; width: 517px; height: 600px; padding-left: 5px; overflow: hidden; } #content-callflows .links { float: right; } #content-callflows .links { background: url(../images/Demo_CDCFD_obama.jpg) top left no-repeat; padding-top: 9px; width: 197px; height: 150px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /** TV PRODUCTION CAMPAIGN **/ /****************************/ #nav-left-demo-tv { float: left; width: 171px; height: 740px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-tv .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-tv .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 762px; } #nav-left-demo-tv .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 748px; top: 9px; } #nav-left-demo-tv .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 507px; } #nav-left-demo-tv .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-tv .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-tv .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-tv .nav-left-links ul li a { color: #666; } #nav-left-demo-tv .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-tv .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-tv .nav-left-content-subtitle{ float:left; color: #fff; } #nav-left-demo-tv .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-tv .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-tv .nav-left-content-links a { color: #fff; } #nav-left-demo-tv .nav-left-content-image { float: right; } #nav-left-demo-tv .nav-left-content-quotes { float:left; height: 320px; } #views-tv { clear: both; width: 953px; height: 740px; padding: 0 0 15px 0; } #content-tv { float: right; width: 749px; height: 740px; margin: 0; padding: 0; } #content-tv .header { background: url(../images/Demo_TV_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-tv .content { float: left; width: 517px; height: 680px; padding-left: 5px; overflow: hidden; } #content-tv .links { float: right; } #content-tv .links { background: url(../images/Demo_tv_primatech_eureka.jpg) top left no-repeat; padding-top: 9px; width: 214px; height: 443px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /** RINGTONES AND FAN CLUB **/ /****************************/ #nav-left-demo-fan { float: left; width: 171px; height: 690px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-fan .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-fan .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 712px; } #nav-left-demo-fan .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 698px; top: 9px; } #nav-left-demo-fan .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 399px; } #nav-left-demo-fan .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-fan .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-fan .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-fan .nav-left-links ul li a { color: #666; } #nav-left-demo-fan .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-fan .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-fan .nav-left-content-subtitle{ float:left; color: #fff; } #nav-left-demo-fan .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-fan .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-fan .nav-left-content-links a{ color: #fff; } #nav-left-demo-fan .nav-left-content-image { float: right; } #nav-left-demo-fan .nav-left-content-quotes { float:left; height: 270px; } #views-fanclub { clear: both; width: 953px; height: 690px; padding: 0 0 15px 0; } #content-fanclub { float: right; width: 749px; height: 690px; margin: 0; padding: 0; } #content-fanclub .header { background: url(../images/Demo_fanclub_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-fanclub .content { float: left; width: 517px; height: 630px; padding-left: 5px; overflow: hidden; } #content-fanclub .links { float: right; } #content-fanclub .links a { background: url(../images/Demo_successstorybutton.jpg) top left no-repeat; padding-top: 9px; width: 203px; height: 152px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /**** AD SUPPORTED ALERTS ***/ /****************************/ #nav-left-demo-alerts { float: left; width: 171px; height: 660px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-alerts .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-alerts .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 682px; } #nav-left-demo-alerts .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 668px; top: 9px; } #nav-left-demo-alerts .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 369px; } #nav-left-demo-alerts .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-alerts .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-alerts .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-alerts .nav-left-links ul li a { color: #666; } #nav-left-demo-alerts .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-alerts .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-alerts .nav-left-content-subtitle{ float:left; color: #fff; } #nav-left-demo-alerts .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-alerts .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-alerts .nav-left-content-links a { color: #fff; } #nav-left-demo-alerts .nav-left-content-image { float: right; } #nav-left-demo-alerts .nav-left-content-quotes { float:left; height: 240px; } #views-alerts { clear: both; width: 953px; height: 660px; padding: 0 0 15px 0; } #content-alerts { float: right; width: 749px; height: 660px; margin: 0; padding: 0; } #content-alerts .header { background: url(../images/Demo_alerts_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-alerts .content { float: left; width: 517px; height: 600px; padding-left: 5px; overflow: hidden; } #content-alerts .links { float: right; } #content-alerts .links a { background: url(../images/Demo_successstorybutton.jpg) top left no-repeat; padding-top: 9px; width: 203px; height: 152px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /******** REPORTING *********/ /****************************/ #nav-left-demo-report { float: left; width: 171px; height: 750px; margin: 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } #nav-left-demo-report .subheaders { color: #669999; font-size: 18px; } #nav-left-demo-report .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 772px; } #nav-left-demo-report .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 758px; top: 9px; } #nav-left-demo-report .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 517px; } #nav-left-demo-report .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-demo-report .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-demo-report .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-demo-report .nav-left-links ul li a { color: #666; } #nav-left-demo-report .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-demo-report .nav-left-content-title { clear:both; color: #666; font-size: 18px; } #nav-left-demo-report .nav-left-content-subtitle{ float:left; color: #fff; } #nav-left-demo-report .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-demo-report .nav-left-content-links { color: #fff; float: right; } #nav-left-demo-report .nav-left-content-links a { color: #fff; } #nav-left-demo-report .nav-left-content-image { float: right; } #nav-left-demo-report .nav-left-content-quotes { float:left; height: 330px; } #views-reporting { clear: both; width: 953px; height: 750px; padding: 0 0 15px 0; } #content-reporting { float: right; width: 749px; height: 750px; margin: 0; padding: 0; } #content-reporting .header { background: url(../images/Demo_reporting_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #content-reporting .content { float: left; width: 517px; height: 690px; padding-left: 5px; overflow: hidden; } #content-reporting .links { float: right; } #content-reporting .links { background: url(../images/Demo_reporting_report.jpg) top left no-repeat; padding-top: 9px; width: 213px; height: 286px; overflow:hidden; display: block; text-indent: -9999px; } /****************************/ /******** CONTACT *********/ /****************************/ #views-contact { clear: both; width: 953px; height: 600px; padding: 0 0 15px 0; } #nav-left-contact { float: left; width: 171px; height: 600px; margin: 0 9px 0 0; padding: 0; background: url(../images/About_main_newsbox_top.gif) top left no-repeat; } .nav-left-title { height: 20px; padding: 9px 9px 3px 9px; } #nav-left-contact .subheaders { color: #669999; font-size: 18px; } #nav-left-contact .nav-left-shadow-bottom { background: url(../images/About_main_newsbox_shadow.jpg) bottom no-repeat; width: 171px; height: 622px; } #nav-left-contact .nav-left-side-borders { position: relative; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 608px; top: 9px; } #nav-left-contact .nav-left-content { background: #accf95; margin: 0 5px 0 5px; padding: 9px 4px 0 8px; height: 560px; } #nav-left-contact .nav-left-links { padding: 9px 9px 3px 9px; } #nav-left-contact .nav-left-links ul { list-style-type: none; padding: 0; margin:0; } #nav-left-contact .nav-left-links ul li { padding-bottom:19px; padding-left: 14px; line-height: 11px; } #nav-left-contact .nav-left-links ul li a { color: #666; } #nav-left-contact .currentpage { background: url(../images/subnav_arrow.gif) no-repeat; color: #669999; line-height: 11px; } #nav-left-contact .nav-left-content-title { clear:both; color: #666; font-size: 18px; padding-bottom: 9px; } #nav-left-contact .nav-left-content-subtitle { float:left; color: #fff; } #nav-left-contact .nav-left-content-italic { color: #fff; font-size: 10px; font-style: italic; } #nav-left-contact .nav-left-content-links { color: #fff; float: right; } #nav-left-contact .nav-left-content-links a { color: #fff; } #nav-left-contact .nav-left-content-image { float: right; } #contact-contact { float: right; width: 749px; height: 600px; margin: 0; padding: 0; } #contact-contact .header { background: url(../images/Contact_main_header.gif) top left no-repeat; width: 749px; height: 57px; padding-bottom: 20px; } #contact-contact .content { float: left; width: 590px; height: 530px; padding-left: 0px; overflow: hidden; } #contact-contact .subheaders { font-size: 14px; line-height: 110%; color: #5E9ABE; font-weight: normal; text-transform: uppercase;} #contact-contact .content-info { float: left; width: 640px; height: 228px; padding-left: 0px; overflow: hidden } #contact-contact .content-info table { float: left; width: 640px; height: 80px; margin: 70px 0 0 0; c } #contact-contact .content-info table tr td { width: 213px; height: 40px; } #contact-contact .first-title { margin: 0 0 24px 0; font-weight:bold } #contact-contact .second-title { margin: 0 0 24px 72px; font-weight:bold } #contact-contact .third-title { margin: 0 0 24px 72px; font-weight:bold } #contact-contact .first { margin: 0 0 24px 0;} #contact-contact .second { margin: 0 0 24px 72px;} #contact-contact .third { margin: 0 0 24px 72px;} #contact-contact .contact { float: right; width: 130px; height: 77px; background: url(../images/About_main_contact.jpg) top left no-repeat; }