* { padding:0; margin:0; } .clear { clear:both; } .left { float:left; } .right { float:right; } a { color: navy; text-decoration:none; } a:link { color: #4c99d ; text-decoration: underline;} a:visited { color: #4c99d2; text-decoration: underline;} a:hover { color: #FF9900 ; text-decoration: underline;} a:active { color: #003399; text-decoration: underline; } /****************************** structure ******************************/ body {background: url(/images/top_bg.jpg) repeat-x; padding:0; margin:0; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif;} h1 {font-family: "Trebuchet MS";font-size: 18px; color:#ec9a02;} h2 {font-family: "Trebuchet MS";font-size: 15px;color: #4c99d2; bold; } h2a {font-family: "Trebuchet MS";font-size: 15px;color: #ec9a02; bold; } h3 {font-family: "Trebuchet MS";font-size: 13px;color: #8B8B8B } h4 { font-size:17px; color: #FFFFF1; font-weight:bold; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;;} h5 { font-size:12px; color:#626262; } p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #6a6a6a ; line-height:18px; } #top_bg { background: url(/images/top_bg.jpg) repeat-x; margin:0 auto; } #top_container { text-align: left; margin:0 auto; position:relative; width:940px; z-index:1} #top_content { height: 90px; width: 940px; text-align:left; } #support_bg { background: url(/images/top_bg.jpg) repeat-x; margin:0 auto; z-index:0; } #support_container { text-align: left; margin:0 auto; position:relative; width:940px; z-index:0; } #home_bg{ background:url(/Images/home_bg.jpg) no-repeat top center; position:relative; margin:0 auto; color:#373737; z-index:0; } #resource_bg { background:url(/Images/home2_bg.jpg) no-repeat top center; position:relative; margin:0 auto; color:#373737; z-index:0; } #document_bg { background:url(/Images/document_bg.jpg) no-repeat top center; z-index:0; position:relative; margin:0 auto; } #document2_bg { background:url(/Images/document2_bg.jpg) no-repeat top center; z-index:0; position:relative; margin:0 auto; } #middle_bg { background:url(/Images/middle_bg.jpg) no-repeat top center; position:relative; margin:0 auto; z-index:0; } #middle_bg2{ background:url(/Images/brown-gradient.jpg) no-repeat top center; position:relative; margin:0 auto; } #middle_container { text-align: left; margin:0 auto; position:relative; z-index:0; width:940px; border-width: 5px; left: -1px; } #product2_bg { background:url(/Images/product2_bg.jpg) no-repeat top center; position:relative; margin:0 auto; z-index:0;} #middle_extra_bg { background: url("/images/extra_bg.jpg") no-repeat top center; position:relative; margin:0 auto; z-index:0;} #middle_product_bg { background: url("/images/product_bg.jpg") no-repeat top center; position:relative; margin:0 auto; z-index:0;} #bottom_bg { background: url(/images/footer_bg.jpg) repeat-x; height:75px; clear:both; z-index:0; } #bottom_container { text-align:center; margin:0 auto; position:relative; width:940px;z-index:0; } #bottom_content { width:940px; height:75px; text-align:center;z-index:0;} #left_column { width:213px; float: left; font-size:12px; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; } #right_column {width:175px; float: right;} .quote_box { background-image: url(/images/quotebg.png); width:203px; margin:5px 0 20px 0; float:left; padding:5px 5px 15px 5px; position:relative; } .quote_box p{ padding: 10px 10px 10px 10px; text-align: left; font-weight:bold;} .begin_quote { margin:-10px 0 0 -20px; } .right_side_nav { width:130px; padding: 5px 5px 5px 5px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style:italic;} /****************************** nav styles ******************************/ .footer_nav { font-family:Arial; color: #666666; font-size:10px; padding:25px 0 0 0; } .footer_nav li { list-style:none; display:inline; padding:0 10px 0 10px; } .footer_nav a { text-decoration:none; color:#959487; } .top_nav { color: #000066; font-size:11px; float:right; padding:15px 0 0 0; width:500px; text-align:right; height:20px; } .main_nav { background-image:url(/images/main-nav-bg.png) ; font-size:12px; text-align:left; float:right; margin:12px 0 0 0; width:550px; height:45px; font-family: Tahoma ; } .main_nav a { text-decoration:none; color: #000066; } .main_nav a:hover { text-decoration:none; color:#5786b5; } .main_nav_on { text-decoration:none; color:#5786b5; } a.nav_products { height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_services { height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_resources { height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_partners { height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_company { height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a:hover.nav_products { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px;} a:hover.nav_services { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a:hover.nav_resources { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a:hover.nav_partners { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a:hover.nav_company { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_products_on { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_services_on { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_resources_on { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_partners_on { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } a.nav_company_on { background:url(/images/main-nav-bg-over.png) repeat-x; height:33px; float:left; margin-left: 40px; padding:12px 2px 0 2px; } .left_side_nav { width:213px; margin:40px 0 0 0; text-align:left; float:left; padding:0px 0 0px 0; position:relative; font-family:"Arial";} a.side_nav { width:180px; background-image:url(/images/left-nav-top.png); color:#00175f; display:block; text-decoration:none; font-size:12px; padding:7px 20px 7px 10px; } a.side2_nav { width:180px; background:url(/images/left-nav-middle.png); color:#00175f; display:block; text-decoration:none; font-size:12px; padding:7px 20px 7px 10px;} a.side3_nav { width:180px; background-image:url(/images/left-nav-bottom.png); color:#00175f; display:block; text-decoration:none; font-size:12px; padding:7px 20px 7px 10px; } a:hover.side_nav { width:180px; background-color: #FFFFFF; color: #FF9900; display:block; text-decoration:none; font-size:12px; padding:7px 20px 7px 10px;} a:hover.side2_nav { width:180px; background-color: #FFFFFF ; color: #FF9900; display:block; text-decoration:none; font-size:12px; padding:7px 20px 7px 10px;} a:hover.side3_nav { width:180px; background-color: #FFFFFF; color: #FF9900; display:block; text-decoration:none; font-size:12px; padding:7px 20px 7px 10px;} a:hover.side4_nav { width:180px; background-color: #FFFFFF; color: #FF9900; display:block; text-decoration:none; font-size:12px; padding:7px 20px 7px 10px;} a.side4_nav { background-color: #FFFFFF; width:170px; line-height:3px; color:#00175f; display:block; text-decoration:none; font-size:11px; padding:11px 20px 7px 10px; margin-left: 8px; } a.side_nav_on { width:180px; background:url(/images/left-nav-bg-hover.png); color:#00175f; display:block; text-decoration:none; font-size:11px; padding:7px 20px 7px 10px; } .pH1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;color: #CC9900} /****************************** text styles ******************************/ .middle_content h1 { padding:30px 395px 0 40px; } .middle_content p { padding:10px 0 0px 0; } .main_content_area h2 {margin:10px 0px 0px 5px;} .main_content_area p { padding:10px 0 0px 0; } .main_content_area ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8B8B8B ; line-height:17px; margin:0 0 0 15px; } .main_content_area ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8B8B8B ; line-height:17px; margin:0 0 0 15px; } .main_content_area li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8B8B8B ; line-height:17px; margin:0 0 0 15px; } .main_content_area { width: 530px; margin-top: 25px; float:left; padding:10px 10px 10px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8B8B8B; z-index:0;} .main_content_area_document{ align: left; width: 675px; margin-top: 25px; float:left; padding:0px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#626262; z-index:0;} .main_content_area_document ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#8B8B8B ; line-height:17px; margin:0 0 0 15px; } .main_content_area_document h2 {margin:10px 0px 0px 0px;} .main_content_area_document p { padding:10px 0 10px 0; } .main_content_area_document ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8B8B8B ; line-height: 17px; margin:0 0 0 55px; } .wide_content_area { width: 500px; margin-top: 25px; float:left; padding:10px 10px 10px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8B8B8B ; z-index:0;} /****************************** callout styles ******************************/ .products_nav { position:absolute; right:31px; top:9px; left:550px; width:964px; height:156px;} .products_nav_home { position:absolute; width:964px; height:96px; left: -1px; top: 215px;} a.products_demos { background:url(/Images/demo.png); width:100px; height:40px; float:left; } a.products_screenshots { background:url(/Images/screenshots.png); width:100px; height:40px; float:left; } a.products_support { background:url(/Images/support.png); width:100px; height:40px; float:left; } a.products_webinar { background:url(/Images/webinar.png); width: 100px; height:40px; float:left;} a.products_email { background:url(/Images/email.png); width: 40px; height:40px; float:left;} a:hover.products_demos { background:url(/Images/demo-rollover.png); width:100px; height:40px; float:left; } a:hover.products_screenshots { background:url(/Images/screenshots-rollover.png);width:100px; height:40px; float:left; } a:hover.products_support { background:url(/Images/support-rollover.png);width:100px; height:40px; float:left; } a:hover.products_webinar { background:url(/Images/webinar-rollover.png); width: 100px; height:40px; float:left;} a:hover.products_email { background:url(/Images/email.png); width: 40px; height:40px; float:left;} .partner_logo { margin:15px 0 0 0; } .logo { margin-top:02px; float:left; } /****************************** Slider Menu ******************************/ .FrontMenu {padding: 5px 5px 0px 5px; margin-left:-8px; margin-top:-4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #4D4D4D ; line-height:18px;} .FrontMenu .Bar {background: url(/images/MainPage/bar.png) no-repeat top left; width:980px; height:48px; position:relative;} .FrontMenu .Bar a { color: #3366CC; font-size: 12pt; font-family:Tahoma; position:relative; top:11px; display:block; text-decoration:none; padding-right:6px; margin-right:-6px; cursor:pointer; left: -1px; } .FrontMenu .Bar span.item {line-height:30px; margin:0px 0px; float:left; position:relative; display: inline; cursor:pointer; width:188px; text-align:center; margin-left: 6px;} /* We have to handle hover with jQuery because :hover makes IE6 crash. */ .FrontMenu .Bar a.hover {background: transparent url(/images/MainPage/hoverleft.png) no-repeat top right; height: 30px;} /* We have to handle hover with jQuery because :hover makes IE6 crash. */ .FrontMenu .Bar a.hover span {background: transparent url(/images/MainPage/hoverLeft.png) no-repeat top left; height: 30px; display:block;} .FrontMenu .Bar span.sel a:hover { background: none; padding-left: 0px; margin-left: 0px; } .FrontMenu .Bar span.sel a:hover span { background: none; padding-left: 0px; margin-left: 0px; } .FrontMenu .Bar span.sel {background: transparent url(/images/MainPage/selLeft.gif) no-repeat top left; height:48px;} .FrontMenu .Bar span.item .spike, .FrontMenu .Bar span.sel .spike {background: transparent url(/images/MainPage/spike.gif) no-repeat top left; display:none; position: absolute; top: 44px; left: 50%; margin-left: -11px; width: 22px; height: 17px; z-index: 9999;} .FrontMenu .Bar span.sel .spike {display: block;} .FrontMenu .Bar span.sel .right {background: transparent url(/images/MainPage/selRight.gif) no-repeat top right;position: absolute;height: 48px;width: 4px; right: 0px; top: 0px;} .FrontMenu .Bar span.sel a { color: #000000; } .FrontMenu div.Panel {height: 500px; width: 800px; margin-top: 15px;} .FrontMenu div.Panel div.item {float: left; width: 750px;} /****************************** Slider Menu -Modules ******************************/ .left_module_column {width:900px;} .module1_box { width:300px; height:300px; float:left; margin: 0px 0 0 0; text-align:left;} .module2_box { width:300px; height:300px; float:left; margin: 0px 0 0px 300px; text-align:left;} .module3_box { width:300px; height:300px; float:left; margin: 0px 0 0 0; text-align:left;} .module4_box { width:300px; height:300px; float:left; position:relative; margin: 0px; text-align:left;} .module5_box { width:300px; height:300px; position:relative; margin: 0px 0 0px 300px; text-align:left;} .module6_box { width:300px; height:300px; position:relative; margin: 0px 0 0px 600px; text-align:left;} .FrontMenu_Content_Module1 {text-align:left; margin: 20px 20px 20px 20px;} .FrontMenu_Content_Module2 {text-align:left; margin: 20px 20px 20px 20px;} .FrontMenu_Content_Module3 {text-align:left; margin: 20px 20px 20px 20px;} .FrontMenu_Content_Module4 {text-align:left; margin: 20px 20px 20px 20px;} .FrontMenu_Content_Module5 {text-align:left; margin: 20px 20px 20px 20px;} .FrontMenu_Content_Module6 {text-align:left; margin: 20px 20px 20px 20px;} /*classes*/ .moduleA{ background: white ; margin: 2px; padding: 5px; height:410px; font-family: "arial"; font-size: 12px; background-position:bottom left; width: 200px;} .moduleB{ background: white; margin-left: 250px; margin-top:-420px; padding: 5px; height:410px; font-family: "arial"; font-size: 12px; background-position:bottom left; width: 200px;} .moduleC{ background: white; margin-left: 500px; margin-top:-420px; padding: 5px; height:410px; font-family: "arial"; font-size: 12px; background-position:bottom left; width: 200px;} .module h2 { color: #CCCCCC; font: 13px "arial"; font-weight:bold; margin:0px; padding: 5px; } .module h3 { color:black; font: 17px "arial"; font-weight:bold; margin:0px; padding: 4px; } .module ul { list-style-type: none; margin: 2px; padding: 2px; } .popout { font-size: 10pt; font-weight: bold; color: #49A6EB; display:block; }