body { margin:0; padding:0 0 30px 0; background:#fff url(../images/global-background.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; } a { color:#0f71b6; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } .larger { font-size:14px; } #template { width:1001px; margin:0 auto; display:block; overflow:hidden; border-width:0 1px; border-color:#6d6e71; border-style:solid; background:#fff; } #template p.logo { width:523px; height:77px; margin:42px 0 10px 29px; display:inline; overflow:hidden; float:left; text-indent:-1000px; background:url(../images/syntelica-logo.gif) no-repeat; } #template p.tollFreeNumber { width:162px; height:15px; margin:53px 0 0 258px; display:inline; overflow:hidden; float:left; text-indent:-1000px; background:url(../images/toll-free-phone-number.gif) no-repeat; } #template #contentWrapper { width:1001px; margin:0; padding:0; display:block; overflow:hidden; background:url(../images/extended-content-bg.gif) right bottom no-repeat; clear:both; } ul#nav { width:999px; height:27px; display:block; overflow:hidden; margin:0 0 1px 1px; padding:0; list-style:none; clear:both; } ul#nav li { float:left; list-style:none; margin:0; padding:0; } ul#nav li a { text-indent:-9999px; overflow:hidden; background:transparent url(../images/main-navigation-bar.gif); height:27px; display:block; } ul#nav li a.about { width:160px; background-position:0 0; } ul#nav li a.about:hover { background-position:0 -27px; } ul#nav li a.communications { width:345px; background-position:-160px 0; } ul#nav li a.communications:hover { background-position:-160px -27px; } ul#nav li a.consulting { width:268px; background-position:-505px 0; } ul#nav li a.consulting:hover { background-position:-505px -27px; } ul#nav li a.contact { width:130px; background-position:-773px 0; } ul#nav li a.contact:hover { background-position:-773px -27px; } ul#nav li a.home { width:96px; background-position:-903px 0; } ul#nav li a.home:hover { background-position:-903px -27px; } p.mainImage { margin:0 0 0 2px; padding:0; height:105px; display:block; background:url(../images/main-image-bg.gif) 0 95px no-repeat; clear:both; } #footer { width:1001px; height:27px; display:block; overflow:hidden; background:#0f71b6; margin:1px 0 0 0; clear:both; } #footer p.address { font-size:12px; color:#fff; margin:5px 0 0 28px; float:left; display:inline; } #footer p.copyright { font-size:11px; font-weight:bold; color:#fff; margin:5px 22px 0 0; float:right; display:inline; } /*HOME*/ #home ul#nav li a.home { background-position:-999px 0; cursor:default; } #home ul#nav li a.home:hover { background-position:-999px 0; } #home p.homeMainImage { margin:0 0 0 1px; padding:0; } #home p.homeQuote { width:498px; height:34px; margin:11px 0 0 469px; padding:0; display:block; overflow:hidden; text-indent:-1000px; background:url(../images/home-quote.gif); } #home #content { width:1001px; height:370px; margin:11px 0 0 0; display:block; overflow:hidden; background:url(../images/home-sub-bg.gif); } #home #content #column1 { width:385px; margin:34px 32px 0 28px; display:inline; overflow:hidden; float:left; } #home #content #column1 h1 { width:268px; height:17px; margin:0 0 19px 0; display:block; overflow:hidden; text-indent:-1000px; background:url(../images/welcome-to-syntelica.gif); } #home #content #column1 p { margin:0; padding:0; font-size:16px; } #home #content #column1 ul { margin:16px 0 0 0; padding:0; } #home #content #column1 ul li { margin:0 0 12px 15px; padding:0; } #home #content .box { width:258px; height:333px; margin:22px 16px 0 0; float:left; background:#fff; border:1px solid #6ea1bb; display:inline; overflow:hidden; } #home #content .box h2 { width:258px; height:47px; padding:0; display:block; overflow:hidden; text-indent:-1000px; } #home #content .box p { width:225px; margin:0 0 12px 18px; padding:0; } #home #content .box ul { margin:12px 0 0 0; padding:0 0 0 36px; color:#0f71b6;s } #home #content .box ul li a { color:#0f71b6; font-weight:normal; text-decoration:none; } #home #content .box a { color:#0f71b6; font-weight:bold; text-decoration:none; } #home #content .box a:hover { text-decoration:underline; } #home #content .box h2.communications { background:url(../images/communications-expense-management-solution.gif); margin:0 0 6px 0; } #home #content .box h2.consulting { background:url(../images/consulting-for-contact-centres.gif); margin:0 0 22px 0; } /*ABOUT*/ #about ul#nav li a.about { background-position:0 -27px; } #about #leftColumn { width:318px; height:703px; display:block; overflow:hidden; float:left; margin:0 0 0 1px; padding:0; background:#f79929 url(../images/orange-column-background-wide.gif) no-repeat; } #about #leftColumn h1 { font-size:23px; margin:34px 0 0 29px; font-weight:normal; } #about #leftColumn p { width:250px; font-size:15px; line-height:22px; margin:22px 0 0 29px; } #about .contentBlock { width:630px; margin:26px 0 0 26px; padding:0 0 25px 0; display:block; overflow:hidden; border-bottom:1px dotted #666; float:left; } #about .contentBlock h2 { font-size:14px; font-weight:bold; color:#0f71b6; margin:0; text-transform:uppercase; } #about .contentBlock p { width:536px; margin:17px 0 0 0; } #about .contentBlock p.learnMore { position:absolute; margin:-63px 0 0 583px; width:42px; } #about .contentBlock p.learnMore a { width:42px; height:65px; display:block; overflow:hidden; text-indent:-1000px; background:url(../images/learn-more.gif) no-repeat; } #about .contentBlock p.last { margin:0; } /*COMMUNICATIONS*/ #communications ul#nav li a.communications { background-position:-160px -27px; } #communications #leftColumn { width:210px; height:703px; display:inline; overflow:hidden; float:left; margin:0 0 0 1px; padding:0; background:#f79929 url(../images/orange-column-background.gif); } #communications ul#leftNav { width:209px; height:198px; display:block; overflow:hidden; margin:0; padding:0; list-style:none; } #communications ul#leftNav li { float:left; list-style:none; margin:0; padding:0; } #communications ul#leftNav li a { text-indent:-9999px; overflow:hidden; background:transparent url(../images/communications-nav.gif); width:209px; height:33px; display:block; } #communications ul#leftNav li a.why { background-position:0 0; } #communications ul#leftNav li a.why:hover, #communications ul#leftNav li a.why.on { background-position:-209px 0; } #communications ul#leftNav li a.benefits { background-position:0 -33px; } #communications ul#leftNav li a.benefits:hover, #communications ul#leftNav li a.benefits.on { background-position:-209px -33px; } #communications ul#leftNav li a.implementation { background-position:0 -66px; } #communications ul#leftNav li a.implementation:hover, #communications ul#leftNav li a.implementation.on { background-position:-209px -66px; } #communications ul#leftNav li a.summary { background-position:0 -99px; } #communications ul#leftNav li a.summary:hover, #communications ul#leftNav li a.summary.on { background-position:-209px -99px; } #communications ul#leftNav li a.roi { background-position:0 -132px; } #communications ul#leftNav li a.roi:hover, #communications ul#leftNav li a.roi.on { background-position:-209px -132px; } #communications ul#leftNav li a.system { background-position:0 -165px; } #communications ul#leftNav li a.system:hover, #communications ul#leftNav li a.system.on { background-position:-209px -165px; } #communications #content { width:475px; margin:30px 0 0 28px; padding:0 0 15px 0; float:left; display:inline; overflow:hidden; background:#fff; } #communications #content.twoColumn { width:762px; } #communications #content p { margin:0 0 20px 0; padding:0; } #communications #content h1, #communications #content h2 { font-size:14px; color:#0f71b6; font-weight:bold; text-transform:uppercase; margin:0 0 20px 0; padding:0; } #communications #content ul { margin:0 0 20px 30px; padding:0; } #communications #content ul li { margin:0 0 2px 15px; padding:0; } #communications #content ol { margin:0 0 20px 35px; padding:0; } #communications #content ol li { margin:0 0 2px 15px; padding:0; } #communications #content .bottomBorder { border-bottom:1px solid #0f71b6; padding-bottom:18px; } #communications #content p.noBottom { margin-bottom:0; padding-bottom:0; } #communications #content ul#fiveSteps { width:750px; margin:0 0 20px 0; padding:0; list-style:none; display:block; overflow:hidden; } #communications #content ul#fiveSteps li { width:120px; margin:0 30px 0 0; float:left; height:110px; } #communications #content #step1 { width:673px; height:111px; margin:0 0 15px 0; padding:3px 0 0 57px; background:url(../images/step1.gif) no-repeat; border-bottom:2px dotted #8d8d8d; display:block; overflow:hidden; } #communications #content #step2 { width:673px; height:114px; margin:0 0 15px 0; padding:3px 0 0 57px; background:url(../images/step2.gif) no-repeat; border-bottom:2px dotted #8d8d8d; display:block; overflow:hidden; } #communications #content #step3 { width:673px; height:219px; margin:0 0 15px 0; padding:3px 0 0 57px; background:url(../images/step3.gif) no-repeat; border-bottom:2px dotted #8d8d8d; display:block; overflow:hidden; } #communications #content #step4 { width:673px; height:212px; margin:0 0 15px 0; padding:3px 0 0 57px; background:url(../images/step4.gif) no-repeat; border-bottom:2px dotted #8d8d8d; display:block; overflow:hidden; } #communications #content p.steps { margin:0 0 10px 0; } #communications #rightColumn { width:227px; height:673px; margin:26px 0 0 19px; padding:2px 25px 0 15px; float:left; display:inline; overflow:hidden; border-left:1px solid #0f71b6; background:url(../images/grey-column-background.gif); } #communications #rightColumn ul { margin:17px 0 0 2px; padding:0; } #communications #rightColumn ul li { margin:0 0 15px 17px; padding:0; } /*CONSULTING*/ #consulting ul#nav li a.consulting { background-position:-505px -27px; } #consulting #leftColumn { width:210px; height:703px; display:inline; overflow:hidden; float:left; margin:0 0 0 1px; padding:0; background:#f79929 url(../images/orange-column-background.gif); } #consulting ul#leftNav { width:209px; height:198px; display:block; overflow:hidden; margin:0; padding:0; list-style:none; } #consulting ul#leftNav li { float:left; list-style:none; margin:0; padding:0; } #consulting ul#leftNav li a { text-indent:-9999px; overflow:hidden; background:transparent url(../images/consulting-nav.gif); width:209px; height:33px; display:block; } #consulting ul#leftNav li a.why { background-position:0 0; } #consulting ul#leftNav li a.why:hover, #consulting ul#leftNav li a.why.on { background-position:-209px 0; } #consulting ul#leftNav li a.solution { background-position:0 -33px; } #consulting ul#leftNav li a.solution:hover, #consulting ul#leftNav li a.solution.on { background-position:-209px -33px; } #consulting ul#leftNav li a.technology { background-position:0 -66px; } #consulting ul#leftNav li a.technology:hover, #consulting ul#leftNav li a.technology.on { background-position:-209px -66px; } #consulting ul#leftNav li a.integration { background-position:0 -99px; } #consulting ul#leftNav li a.integration:hover, #consulting ul#leftNav li a.integration.on { background-position:-209px -99px; } #consulting ul#leftNav li a.performance { background-position:0 -132px; } #consulting ul#leftNav li a.performance:hover, #consulting ul#leftNav li a.performance.on { background-position:-209px -132px; } #consulting ul#leftNav li a.business { background-position:0 -165px; } #consulting ul#leftNav li a.business:hover, #consulting ul#leftNav li a.business.on { background-position:-209px -165px; } #consulting #content { width:475px; margin:30px 0 0 28px; padding:0 0 15px 0; float:left; display:inline; overflow:hidden; background:#fff; } #consulting #content h1, #consulting #content h2 { font-size:14px; color:#0f71b6; font-weight:bold; text-transform:uppercase; margin:0 0 20px 0; padding:0; } #consulting #rightColumn { width:227px; height:673px; margin:26px 0 0 19px; padding:2px 25px 0 15px; float:left; display:inline; overflow:hidden; border-left:1px solid #0f71b6; background:url(../images/grey-column-background.gif); } #consulting #rightColumn p { font-size:19px; font-style:italic; margin:0; padding:0; } /*CONTACT*/ #contact ul#nav li a.contact { background-position:-773px -27px; } #contact #leftColumn { width:318px; height:703px; display:block; overflow:hidden; float:left; margin:0 0 0 1px; padding:0; background:#f79929 url(../images/orange-column-background-wide.gif) no-repeat; } #contact #leftColumn h1 { font-size:23px; margin:34px 0 0 29px; font-weight:normal; } #contact #leftColumn p { width:250px; font-size:15px; line-height:22px; margin:22px 0 0 29px; } #contact p.contactDetails { width:200px; margin:30px 0 0 26px; float:left; display:block; overflow:hidden; } .opportunity_table { } .opportunity_table td { padding:5px; border:solid 1px #FFF; } .first { width:180px; } .heading { background:#0F71B6; color:#FFF; font-weight:bold; } .normal { }