/* UNIVERSAL STYLES ================================================================================*/ html, body {padding:0; margin:0; font:normal 12px "Arial"; color:#fff; background:#000 url(../images/mainbg.jpg) no-repeat center top;} /*fixing firefox outline*/ a:active, :focus {outline:none;} img, form {padding:0; margin:0; border:none;} img a {border:none;} /*STYLES ================================================================================*/ h1 { color:#5dbff0; font-size:36px; font-weight:normal; margin:0;padding:0 0 7px 0; letter-spacing:-1.5px} h2 { color:#5dbff0; font-size:24px; font-weight:normal; margin:0} h3 { color:#5dbff0; font-size:13px; font-weight:bold; margin:0;padding:0 0 5px 0} h4 { color:#5dbff0; font-size:12px; font-weight:normal; margin:0;padding:0 0 5px 0} /*MAINLAYOUT ================================================================================*/ #maincontainer {margin:0 auto 0 auto; width:990px; height:auto} #banner {float:left; width:990px;position:relative;height:166px} #leftcontent {float:left; width:990px;width:759px;} #rightcontent {float:right; width:231px;background:url("/images/verticalfade.jpg") no-repeat 0 0} #footer {float:left; width:990px; border-top:1px solid #282828; margin:20px 0 0} /*BANNERLAYOUT ================================================================================*/ #logo {position:absolute; width:264px; height:98px} #topcontact {font-family:Verdana, Arial, Helvetica, sans-serif;position:absolute; right:262px; top:8px; width:383px; height:20px; display:inline-block} #topcontact ul {padding:0;margin:26px 0 0} #topcontact li {padding:0 0 0 10px; list-style:none;display:inline} #topcontact li a {color:#5dbff0;text-decoration:none} #topcontact li a:hover {color:#9bd5f2} #topnav {position:absolute; right:263px; top:63px; width:374px; height:15px;display:inline-block} #topnav ul {padding:0;margin:0} #topnav ul li {padding:0;margin:0; list-style:none;display:inline; text-indent:-9999px; } #topnav ul li a {float:left; padding:0 0 0 10px} /*#home a:link, #home a:visited, #about a:link, #about a:visited, #services a:link, #services a:visited, #clients a:link, #clients a:visited, #news a:link, #news a:visited, #contact a:link, #contact a:visited {display:inline-block;height:15px}*/ li#homebutton a {background:url("/images/home_btn.jpg") no-repeat 0 0;width:40px;display:inline-block;height:15px;} li#aboutbutton a {background:url("/images/about_btn.jpg") no-repeat 0 0;width:47px;display:inline-block;height:15px} li#servicesbutton a {background:url("/images/services_btn.jpg") no-repeat 0 0;width:56px;display:inline-block;height:15px} li#clientsbutton a {background:url("/images/clients_btn.jpg") no-repeat 0 0;width:52px;display:inline-block;height:15px} li#newsbutton a {background:url("/images/news_btn.jpg") no-repeat 0 0;width:43px;display:inline-block;height:15px} li#contactbutton a {background:url("/images/contact_btn.jpg") no-repeat 0 0;width:76px;display:inline-block;height:15px} body.homepage li#homebutton a, li#homebutton a:hover {background:url("/images/home_btn_hover.jpg") no-repeat 0 0;width:40px;} body.aboutpage li#aboutbutton a, li#aboutbutton a:hover {background:url("/images/about_btn_hover.jpg") no-repeat 0 0;width:47px} body.servicespage li#servicesbutton a, li#servicesbutton a:hover {background:url("/images/services_btn_hover.jpg") no-repeat 0 0;width:56px} body.testimonials li#clientsbutton a, li#clientsbutton a:hover {background:url("/images/clients_btn_hover.jpg") no-repeat 0 0;width:52px} body.newspage li#newsbutton a, li#newsbutton a:hover {background:url("/images/news_btn_hover.jpg") no-repeat 0 0;width:43px} body.contactpage li#contactbutton a, li#contactbutton a:hover {background:url("/images/contact_btn_hover.jpg") no-repeat 0 0;width:76px} #ciprlogo {position:absolute; right:0; width:264px; height:98px} /*MAINNAVIGATION ================================================================================*/ #servicesnavigation {float:left; position:absolute; top:100px;height:47px; width:990px; background:url("/images/servicesbg.jpg") repeat-x 0 0} #servicesnavigation ul {padding:0;margin:17px 0 0 14px; height:13px} #servicesnavigation li {padding:0 35px 0 0;margin:0; list-style:none;display:inline} #media a:link, #media a:visited, #b2b a:link, #b2b a:visited, #consumerpr a:link, #consumerpr a:visited, #onlinepr a:link, #onlinepr a:visited, #crisis a:link, #crisis a:visited, #sportpr a:link, #sportpr a:visited, #publicaffairs a:link, #publicaffairs a:visited, #csr a:link, #csr a:visited {display:inline-block;height:13px} #media a:link, #media a:visited {background:url("/images/mediarelations_btn.jpg") no-repeat 0 0;width:118px; } #b2b a:link, #b2b a:visited {background:url("/images/b2b_btn.jpg") no-repeat 0 0;width:28px} #consumerpr a:link, #consumerpr a:visited {background:url("/images/consumerpr_btn.jpg") no-repeat 0 0;width:98px} #onlinepr a:link, #onlinepr a:visited {background:url("/images/onlinepr_btn.jpg") no-repeat 0 0;width:75px} #crisis a:link, #crisis a:visited {background:url("/images/crisis_btn.jpg") no-repeat 0 0;width:141px} #sportpr a:link, #sportpr a:visited {background:url("/images/sportpr_btn.jpg") no-repeat 0 0;width:68px} #publicaffairs a:link, #publicaffairs a:visited {background:url("/images/publicaffairs_btn.jpg") no-repeat 0 0;width:108px} #csr a:link, #csr a:visited {background:url("/images/csr_btn.jpg") no-repeat 0 0;width:31px} #media a:hover, #b2b a:hover, #consumerpr a:hover, #onlinepr a:hover, #crisis a:hover, #sportpr a:hover, #publicaffairs a:hover, #csr a:hover {display:inline-block;height:13px} #media a:hover {background:url("/images/mediarelation_btn_hover.jpg") no-repeat 0 0;width:118px} #b2b a:hover {background:url("/images/b2b_btn_hover.jpg") no-repeat 0 0;width:28px} #consumerpr a:hover {background:url("/images/consumerpr_btn_hover.jpg") no-repeat 0 0;width:98px} #onlinepr a:hover {background:url("/images/onlinepr_btn_hover.jpg") no-repeat 0 0;width:75px} #crisis a:hover {background:url("/images/crisis_btn_hover.jpg") no-repeat 0 0;width:141px} #sportpr a:hover {background:url("/images/sportpr_btn_hover.jpg") no-repeat 0 0;width:68px} #publicaffairs a:hover {background:url("/images/publicaffairs_btn_hover.jpg") no-repeat 0 0;width:108px} #csr a:hover {background:url("/images/csr_btn_hover.jpg") no-repeat 0 0;width:31px} /*RANDOMBANNER ================================================================================*/ #randombanner { float:left; width:736px; height:347px} .sliderwrapper { position:absolute; /*leave as is*/ overflow: hidden; /*leave as is*/ width:736px; height:347px; top: 165px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; width:736px; height:3471px; } .pagination{position:absolute;z-index:50;margin:320px 0 0 622px;height:25px} .pagination a{text-decoration:none; background:url("/images/banner_nav.png") no-repeat 0 0;margin:0 6px 0 0;width:15px;height:15px;display:block;float:left} /*for ie6 only */ * html .pagination a{text-decoration:none;background:url("/images/banner_nav.jpg") no-repeat 0 0;margin:0 6px 0 0;width:15px;height:15px;display:block;float:left} .pagination a:hover, .pagination a.selected{background:url("/images/banner_nav_hover.png") no-repeat 0 0;width:15px;height:15px} /*for ie6 only */ * html .pagination a:hover, * html .pagination a.selected{background:url("/images/banner_nav_hover.jpg") no-repeat 0 0;width:15px;height:15px} #slide_first, #slide_second, #slide_third, #slide_fourth, #slide_fifth{width:736px;height:347px; position:relative} #slide_first {background:url("/images/bannerimage.jpg") no-repeat 0 0} #slide_second {background:url("/images/banner2.jpg") no-repeat 0 0} #slide_third {background:url("/images/banner3.jpg") no-repeat 0 0} #slide_fourth {background:url("/images/banner4.jpg") no-repeat 0 0} #slide_fifth {background:url("/images/banner5.jpg") no-repeat 0 0} .strip {background:url("/images/strip.png") 0 0;height:65px;padding:0 10px 0 14px;*padding:10px 10px 0 14px;width:712px; position:absolute;top:305px} .strip_heading a {color:#FFFFFF;font:18px Arial,Helvetica,sans-serif;margin:0;padding:0 0 6px; text-decoration:none} /*NEWS - VIDEOS ================================================================================*/ .videos {float:left; width:229px; padding:0; margin:20px 24px 0 0;background:url("/images/videobg.jpg") no-repeat 0 0;position:relative} .youtubevideo {width:209px; padding:0; margin:10px;height:150px} a.playvideo {background:url("/images/playbutton1.png"); background-position:left top; background-repeat:no-repeat;height:66px;width:60px;position:absolute;top:56px;left:82px} a:hover.playvideo {background:url("/images/playbutton.png"); background-position:left top; background-repeat:no-repeat;height:66px;width:60px;position:absolute;top:56px;left:82px} a.playvideospecific {background:url("/images/playbutton1.png"); background-position:left top; background-repeat:no-repeat;height:66px;width:60px;position:absolute;top:56px;left:77px} a:hover.playvideospecific {background:url("/images/playbutton.png"); background-position:left top; background-repeat:no-repeat;height:66px;width:60px;position:absolute;top:56px;left:77px} .videotitle, .videotitle a {clear:left; margin:5px; padding:0; color:#5dbff0; font-weight:bold;text-decoration:none;display:block} .videotitle a:hover {clear:left; margin:5px; padding:0; color:#2899d1; font-weight:bold} .date {clear:left; margin:0 10px 0 10px; padding:0; color:#868484} .videotext {clear:left; margin:10px; padding:0} .videotext a {color:#fff;text-decoration:none; line-height:20px} .videotext a:hover {color:#999} .readmore {float:left;background:url("/images/readmore.jpg")no-repeat 0 0; margin:0 0 0 10px;width:103px; height:25px} .readmore:hover {float:left;background:url("/images/readmore_hover.jpg")no-repeat 0 0; margin:0 0 0 10px;width:103px; height:25px} /*NEWS - TWITTER ================================================================================*/ .twitter {float:left;width:195px; margin:18px 0 10px 18px} .twittertitle, .twittertitle a {clear:left; color:#5dbff0; font-weight:bold;text-decoration:none;display:block} .twittertitle a:hover{color:#2899d1} .twittertext a {color:#fff; text-decoration:none} .twittertext a:hover {color:#999; text-decoration:none} .twitterdays {color:#868484} .twitter ul {margin:0 0 0 -17px; padding:0; width:190px} .twitter li { list-style:none; margin:0 0 10px 0} .twitter li a {color:#5DBFF0; text-decoration:none; display:block} /*RIGHT COLUMN ================================================================================*/ #introtext {clear:left; width: 204px; margin:20px 0 0 13px} #introtext p {padding:0; margin:5px 0 0; line-height:17px} #introtext ul {padding:0; margin:14px 12px 0} #introtext li {display:block; padding:6px 10px 6px 15px; background:url("/images/whitearrows.jpg") no-repeat 0 50%; list-style:none} #introtext li a {color:#fff;text-decoration:none} #introtext li a span {color:#5DBFF0;text-decoration:none} #introtext li a:hover {color:#5DBFF0;text-decoration:none} #socialmedia {clear:left; width: 204px; margin:20px 0 0 13px; font-size:19px; border-bottom:1px solid #656565} #socialmedia {clear:left; width: 204px; margin:20px 0 0 13px; font-size:19px; border-bottom:1px solid #656565} #socialmedia ul, #bottomicons ul {padding:0; margin:0} #socialmedia li, #bottomicons li {padding:0; margin:0; display:inline; list-style:none} #recentnews {clear:left; width: 204px; margin:10px 0 0 13px; font-size:19px} .number {padding:0; margin:0; color:red} .newsitem {float:left; width: 204px; margin:20px 0 0;padding:0 0 10px 0;border-bottom:1px solid #666; } .datesymbol {float:left;width:36px;height:44px;background:url("/images/datebg.jpg") no-repeat 0 0; *margin:0 10px 0 0} .month {text-align:center; font-size:14px;padding:1px 0px 2px 0px} .day {text-align:center; font-size:20px} .newstitle {float:left;width:158px;margin:0 0 0 10px;*margin:0; font-weight:bold; font-size:12px;} .newstitle a {color:#fff;text-decoration:none} .newstitle a:hover{color:#999; text-decoration:none} .newstext {float:left;width:158px;color:#cfcece;margin:4px 0 0; font-weight:normal} .newstext a {color:#cfcece; text-decoration:none} .newstext a:hover{color:#999; text-decoration:none} #archive {clear:left; width: 204px; margin:20px 0 0 13px} #archive p {padding:0; margin:5px 0 0; line-height:17px} #archive ul {padding:0; margin:14px 12px 0} #archive li {display:block; padding:6px 10px 6px 15px; background:url("/images/greyarrows.jpg") no-repeat 0 50%; list-style:none} #archive li a {color:#a3a1a1;text-decoration:none} #archive li a:hover {color:#5DBFF0;text-decoration:none} /*FOOTER ================================================================================*/ #ourclients {float:left; padding:0; margin:0;width:493px; height:113px} #ourclients {background:url("/images/ourclients.jpg") no-repeat 0 50%} #ourclients ul {padding:0; margin:22px 20px 0;text-align:right} #ourclients li {display:inline; padding:0 10px 0 0} #testimonials {float:right; padding:0; margin:0;width:465px; height:113px;background:url("/images/clienttestimonials.jpg") no-repeat 0 50%} #leftquote {float:right;margin:24px 0 0;width:315px;background:url("/images/tlquote.jpg") no-repeat 0 0} #quotecontainer {float:right;margin:0;width:278px;background:url("/images/brquote.jpg") no-repeat 100% 100%} #quotecontainer a {float:left; margin:5px 0 0; width:248px;color:#fff; text-decoration:none} #quotecontainer a:hover {color:#999; text-decoration:none} #clientname, #clientname {font-weight:bold; color:#5dbff0; margin:5px 0 0; text-decoration:none} #copyright {float:left;width:990px; border-top:1px solid #282828} #copyrighttext {float:left;width:390px; padding:18px 0 0} #copyrighttext a {color:#5dbff0; text-decoration:none} #bottomicons {float:right;width:463px;font-size:19px; text-align:top;padding:0; margin:0} #bottomicons p {float:left; margin:0; padding:19px 0 0} /*INTERNAL PAGES ================================================================================*/ #internalcontent {float:left;margin:0 0 0 15px; width:690px} #internalcontent p {line-height:20px} #internalcontent a {text-decoration:none} #internalcontent a:hover {color:#9bd5f2} #internalcontent ul.submenu {padding:0; margin:30px 0 0} #internalcontent li.submenu {padding:3px 0px 13px 19px; margin:0; list-style:none; font-size:18px} #internalcontent li.submenu a {color:#fff; padding:0 0 0 20px; margin:0} #internalcontent li p {color:#c0bebe; padding:10px 0 0 20px; margin:0} #internalcontent li.submenu {background:url("/images/arrow.jpg") no-repeat 0 0;font-size:12px} #internalcontent table ul {padding:0; margin:20px 0 20px 30px} #internalcontent table li {padding:0 0 8px 18px; margin:0; list-style:none; font-size:12px; background:url("/images/arrows.jpg") no-repeat 0 20%} #internalcontent table li a {color:#fff; padding:0 0 0 20px; margin:0} #newssearch {padding:11px 0 13px; margin:10px 0 0; border-top:1px solid #656565; border-bottom:1px solid #656565} #lbl_Extender{color:#cfcece; font-size:11px} .featurednews {margin:25px 0 0; display:block; float:left; width:690px; position:relative; height:207px; border-bottom:1px solid #656565} .featurednewsmain {margin:25px 0 ;padding:0 0 25px 0; display:block; float:left; position:relative; border-bottom:1px solid #656565} .featurednewsmain.featuredimage, .featuredimage {float:left; height:156px; width:215px; margin: 0 20px 10px 0; background:url("/images/featuredbg.jpg") no-repeat 0 0;padding:3px} .featurednewsmain.featuredtitle h2, .featuredtitle h2 {font-size:24px; display:inline-block;font-size:24px;width:396px;margin:-6px 0 20px 15px} .featurednewsmain.featuredtitle p, .featuredtitle p {padding:0; margin:0} .featurednewsmain.featuredtext, .featuredtext {color:#CFCECE;line-height:20px;padding:0 0 15px;} .featurednewsmain.featuredtext a,.featuredtext a {color:#CFCECE;} .fullstory {color:#5dbff0; padding:0 0 10px} .fullstory a {text-decoration:none;color:#5dbff0} #pagenumbers li.activenumber {background-color:#5dbff0;list-style:none; color:#fff;display:inline-block; *display:inline} #pagenumbers {float:left;margin:10px 0 0 ;padding:0;text-align:center;width:648px} #pagenumbers ul {padding:0px 0px 0px 24px; margin:0} #pagenumbers li {display:inline} #pagenumbers li a {color:#fff; display:inline-block;font-weight:bold; font-size:16px;padding:10px} #pagenumbers li a:hover {color:#000;background-color:#5dbff0} .textbox {width:500px} #internalcontent .technology {float:left; margin:0 0 10px 0; padding:0; width:690px} #internalcontent .technology p {float:left; padding:2px 0 0 10px; margin:0} #internalcontent .thelanguage p {color:#999; padding:0} #internalcontent .accordprefix {float:left; font-size:12px; padding:0; margin:0} .firstNavRight {color:#5DBFF0} ul.pdf-dwn {margin:0; padding:0 0 10px 0; float:left; width:440px;} ul.pdf-dwn li{margin:4px 0; list-style: none; padding:5px 10px 5px 30px;background-image: url(/images/pdf-icon.gif); background-repeat: no-repeat; background-position: left top; } ul.pdf-dwn li a { color:#5DBFF0; text-decoration:none; padding:0 10px} ul.pdf-dwn li a:hover { color:#5DBFF0; text-decoration:underline} .more {float:left;background-color:#559ec1; color:#fff;} .more a {float:left;background-color:#559EC1;color:#FFF;font-size:16px; padding:7px 19px 11px 14px} .more a:hover {background-color:#559EC1;color:#000;font-size:16px } /*.firstNav {float:left;background-color:#559ec1; color:#fff;}*/ .firstNav {background-color:#559EC1;color:#FFFFFF;float:left;font-size:13px;margin:0 5px 0 0;padding:4px 10px 6px;} .firstNav a {float:left;background-color:#559EC1;color:#FFF;font-size:16px; padding:7px 19px 11px 14px; margin:0 5px 0 0} .firstNav a:hover {background-color:#559EC1;color:#000;font-size:16px} .firstNavRight {background-color:#559EC1;color:#FFFFFF;float:left;font-size:13px;margin:0 5px 0 0;padding:4px 10px 6px;} .firstNav a {float:left;background-color:#559EC1;color:#FFF;font-size:16px; padding:7px 19px 11px 14px; margin:0 5px 0 0} .firstNav a:hover {background-color:#559EC1;color:#000;font-size:16px} #map {border:1px solid #999999;float:right;height:250px;margin:18px 0 0;width:300px;} #map a {margin:10px 0 0 0;text-decoration:none} .formtable {margin:40px 0 0 0}