*{ font-size:100%; } body { font:100%/100% Arial, Helvetica, sans-serif; margin:0; padding:0; background: url(/static/images/bg.jpg) 60% 0 no-repeat #131313; color:#424242} a { color: #424242; text-decoration:underline; font-size:11px } a:hover { text-decoration:underline; color:#005F8B } .on { text-decoration:underline; color:#E61D17 } p { font-family: Arial, Helvetica, sans-serif; color:#424242; font-size: 11px; padding: 0; margin: 10px 0 0 0;} .quote { font-family: Arial, Helvetica, sans-serif; color:#005F8B; font-weight:bold; font-size: 16px; padding: 0; line-height:18px; margin: 10px 0 0 0;} h1 { font-size:15px; font-family:Arial; font-weight:normal; color:#005F8B; margin:15px 0 0 0 } .sIFR-active h1 { visibility:hidden; font-family:Arial; font-weight:normal; line-height: 1em } .newscontent1 img{border:0; width:300px;} .news h1 { font-size:18px; font-family:Arial; font-weight:normal; color:#005F8B; margin:15px 0 0 0px } .news .sIFR-active h1 { visibility:hidden; font-family:Arial; font-weight:normal; line-height: 1em } .press h1 { font-size:18px; font-family:Arial; font-weight:normal; color:#005F8B; margin:15px 0 0 0px } .press .sIFR-active h1 { visibility:hidden; font-family:Arial; font-weight:normal; line-height: 1em } .newscontent h2 { font-size:16px; font-family:Arial; font-weight:normal; color:#4D4D4D; margin: 0 0 0px 18px; } .newscontent .sIFR-active h2 { visibility:hidden; font-family:Arial; font-weight:normal; margin: 0 0 0px 18px; } .press h2 { font-size:16px; font-family:Arial; font-weight:normal; color:#4D4D4D; margin: 0 0 0px 18px; } .press .sIFR-active h2 { visibility:hidden; font-family:Arial; font-weight:normal; margin: 0 0 0px 18px; } .newscontent p{font-family: Arial, Helvetica, sans-serif; color:#424242; font-size: 11px; padding: 0; margin:0;} .newscontent p.margin{font-family: Arial, Helvetica, sans-serif; color:#424242; font-size: 11px; padding: 0; margin-bottom:10px;} #bodycontent .newscontent p.nomargin2{margin:10px 0 0 0; padding:0; border:0;} h2 { font-size:16px; font-family:Arial; font-weight:normal; color:#4D4D4D; margin: 0 0 10px 0; } .sIFR-active h2 { visibility:hidden; font-family:Arial; font-weight:normal; line-height: 1em; margin: 0 0 10px 0 } h3 { font-size:20px; font-family:Arial; font-weight:normal; color:#ffffff; margin:15px 0 0 0px } .sIFR-active h3 { visibility:hidden; font-family:Arial; font-weight:normal; line-height: 1em } #wrap{ margin:0 auto; width:960px;} #container { float:left; display:inline; width:960px; padding:0; } #logobar { width:960px; height:140px; margin:0; padding:0; float:left; display:inline;} #logo { display:inline; float:left; margin:35px 0 0 24px} #contactdetails { display:inline; float:right; margin: 0; } #contactdetails ul { display:inline; float:right; list-style:none; text-align:right; margin: 90px 0 0 0; } #contactdetails li { display:inline; float:right; list-style:none; font-weight:bold; font-size:12px } #contactdetails li a.home{ color:#FFFFFF; text-decoration:none; display:block; width:75px; height:39px; text-align:center; padding: 9px 0 0 0 } #contactdetails li a.home:hover{ background: url(/static/images/home-over.png) 0 0 no-repeat;} #contactdetails li a.homeon{ background: url(/static/images/home-over.png) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; display:block; width:75px; height:39px; text-align:center; padding: 9px 0 0 0; } #contactdetails li a.about{ color:#FFFFFF; text-decoration:none; display:block; width:95px; height:39px; text-align:center; padding: 9px 0 0 0 } #contactdetails li a.about:hover{ background: url(/static/images/about-over.png) 0 0 no-repeat;} #contactdetails li a.abouton{ background: url(/static/images/about-over.png) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; display:block; width:95px; height:39px; text-align:center; padding: 9px 0 0 0 } #contactdetails li a.off{ color:#FFFFFF; text-decoration:none; display:block; width:102px; height:39px; text-align:center; padding: 9px 0 0 0 } #contactdetails li a.off:hover{ background: url(/static/images/contact-over.png) 0 0 no-repeat;} #contactdetails li a.on { background: url(/static/images/contact-over.png) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; display:block; width:102px; height:39px; text-align:center; padding: 9px 0 0 0; } #banner { display:inline; float:left; width:960px; margin: 10px 0 0 0; } #maincontenttop { width: 960px; float:left; display:inline; margin: 10px 0 0 0; } #maincontent { width: 960px; float:left; display:inline; background:#FFFFFF; padding: 0 0 30px 0; } #maincontentbot { width: 960px; float:left; display:inline; margin: 0 0 10px 0; } #homeleft { display:inline; float:left; width:500px; } #rightcol { display:inline; float:left; width:210px; } .box1 { width: 460px ; display:inline; float:left; margin:0 20px 0 20px; background: #E6E6E6; } .box1head { display:inline; float:left; } .box1content{ display:inline; float:left; width: 420px; margin:0 20px 5px 20px; } .box2 { width: 210px ; display:inline; float:left; margin:0 20px 20px 0; background: #E6E6E6; } .box2head { display:inline; float:left; } .box2content{ display:inline; float:left; width: 170px; margin:0 20px 5px 20px; } .featureimg { width: 210px ; display:inline; float:left; margin:0 20px 20px 0;} #quotes { width: 210px ; display:inline; float:left; margin:0 0px 20px 0; } #clientsflash { width: 172px ; height:67px; display:inline; float:left; background:#FFFFFF } .boxblue { width: 210px ; display:inline; float:left; margin:0 20px 20px 0; background: #01446E; } .box3 { width: 210px ; display:inline; float:left; margin:20px 0px 0 0; background: #F4F4F4; } .box3head { display:inline; float:left; } .box3content{ display:inline; float:left; width: 210px } .box3 p{ padding:0 20px 5px 20px } .boxclients { width: 210px ; display:inline; float:left; margin:20px 40px 0 20px; background: #F4F4F4; } .boxwhere { width: 210px ; display:inline; float:left; margin:20px 0 0 0px; background: #F4F4F4; } .box4 { width: 690px ; display:inline; float:left; margin:0 20px 0 20px; background: #E6E6E6; } .box4head { display:inline; float:left; } .box4content{ display:inline; float:left; width: 690px; } .box4 p{ padding:0 20px 5px 20px } #bodycontent { width: 670px ; display:inline; float:left; margin:0 20px 0 40px; } #bodycontentfull { width: 875px ; display:inline; float:left; margin:0 20px 0 40px; } #bodycontent p{ padding:0 0 15px 0 } #bodycontentfull p{ padding:0 0 15px 0 } .solution { width: 670px ; display:inline; float:left; margin: 20px 0px 0 0px; background: #E6E6E6; } .solutioncontentl { display:inline; float:left; width: 670px; margin:10px 0 0 0 } .solutioncontent { float:right; width: 488px; margin:0; padding:0 20px 0 20px; } .imgLeft {float:left; display: inline; margin:0 0px 13px 13px; } .newsimg {float:left; display: inline; margin:0 10px 13px 0px; } .newscontent1 img {float:left; display: inline; width:80px; margin:0 10px 13px 0px; } .floatLeft {float:left; display: inline; margin:10px 20px 20px 0; } .news { width: 290px ; display:inline; float:left; margin: 0; } .newscontentl { display:inline; float:left; width: 290px; margin:20px 0 0px 0 } .newscontent { float:right; width: 200px; margin:0; padding:0;background:#006633;} .newsacontent { float:left; width: 600px; margin:10px 0 0 0; padding:0; } .press { width: 290px ; display:inline; float:left; margin: 0px 0px 0 60px; } #casestudy { display:inline; float:left; width:510px; margin:0 20px 0 0 } #casestudyimg{ display:inline; float:left; width: 160px; } .header { margin:15px 0 0 20px} .homeimg { width:170px; display:inline; float:left; margin:10px 0 10px -6px} .homeimg img{ background:url(/static/images/home-img-bg.gif) 50% 50% no-repeat; padding:8px; display:inline; float:left; margin:0 5px 0 0; border:0 } .homeimg span { color:#424242; font-size:11px} .homeimg .name{ color:#005F8B; font-size:11px; font-weight:bold} .seeproducts { padding:0 0 10px 0; display:inline; float:left; } .seecasestudies { padding:10px 0 9px 0; display:inline; float:left; } .homeinput { background:url(/static/images/input.gif) 0 0 no-repeat; width: 150px; height: 26px; border:none; margin:0 0 10px 0; padding:10px 10px 0 10px; font-size:11px; color:#424242} #bottomnav { width:960px; height:44px; margin: 0; background: url(/static/images/f-bg.jpg) 0 0 repeat-x; display:inline; float:left; color:#FFFFFF; font-size:10px; } #bottomnav a{ color:#FFFFFF; text-decoration:none} #bottomnav a:hover{ color:#000000; text-decoration:none} #bottomnavleft { float:left; display:inline; width:440px; padding:10px 0 32px 20px; background:url(/static/images/f-left.jpg) 0 0 no-repeat; } #bottomnavright { width:300px; float:right; text-align:right; display:inline; padding:10px 20px 32px 0; background:url(/static/images/f-right.jpg) 100% 0 no-repeat; } #bodycontent ul{ font-size:11px; margin: 0 0 20px 30px; padding:0; color:#424242; } #bodycontent li{ padding:5px 0 5px 0 } #bodycontentfull ul{ font-size:11px; margin: 0 0 20px 30px; padding:0; color:#424242; } #bodycontentfull li{ padding:5px 0 5px 0 } #sitemap{ display:inline; float:left; } #sitemap ul{ padding:40px 0 0 0; margin:0; list-style:none} #sitemap ul ul{ padding:10px 0 0 0; margin:0 0 0 20px; list-style-image: url(/static/images/arrow.gif)} #bodycontent table{font-family: Arial, Helvetica, sans-serif; color:#424242; font-size: 11px; padding: 0; margin: 10px 0 0 0px;} #clients { margin:20px 0 0 -20px; display:inline; float:left; width:670px; } .client {background:url(/static/images/logo-bg.gif) 50% 50% no-repeat; padding: 8px; margin:0 0 20px 20px} #leftcol{ float:left; display:inline; width:300px; } #rightcol3{float:left; display:inline; width:210px; } /* ------------------- Forms ------------------- */ form { margin:0; padding:0} form#contact {padding-top:0.8em} form#contact li label {float:left; text-align:left; display:block; width:100px} form#contact .button {border:1px solid; border-color:#cccccc; margin:0 0 0 105px; background:#00174F; color:#FFFFFF; font-weight:bold;} form#contact .button:hover {border:1px solid; border-color:#cccccc; margin:0 0 0 105px; background: #2BCCFF; color:#FFFFFF; font-weight:bold} /* ------------------- MainNav ------------------- */ #navbar { width:960px; height:41px; margin:0; padding:0; background:url(/static/images/nav.jpg) 0 0 no-repeat; float:left; display:inline;} #topNav { width:960px; height:41px; margin:0; padding:0; display:inline; float:left; font-weight:bold; position:relative; } #topNav a{ color:#FFFFFF; padding: 0px 16px 0px 16px; text-decoration:none; font-size:12px; height:41px; display:inline-block; } #topNav a:hover{ padding: 0px 16px 0 16px; font-size: 12px; background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none } #topNav .on{ background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; } #topNav .navon{ background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; } #topNav ul{ margin:0 0 0 20px; padding:0; text-align:centre; list-style:none; line-height: 38px; float:left; display:inline; position:relative; } #topNav ul li{ float:left; display:inline; list-style:none; margin:0; position:relative; padding:0 0 0px 0; color:#FFFFFF; width:auto; } #topNav ul ul{ display:none; position:absolute; float:none; left:0; top:0; margin: 41px 0 11px 0px; padding:15px 0 15px 0; width:195px; text-align:left; background:url(/static/images/subnavbot.gif) 0 100% no-repeat #005F8B } #topNav ul ul li { float:none; padding:0; margin:0; border-top: 1px dashed #417493; line-height:12px; display:block; } #topNav ul ul li a{ margin:0; padding:6px 0 6px 18px; line-height:12px; margin:0; height:auto; display:block; } #topNav ul ul li a:hover{ color:#FFFFFF; text-decoration:none; background: #1A567B; padding:6px 0 6px 18px; line-height:12px; margin:0; height:auto; } .news img{border:0;} .press img{border:0;} /* ------------------- SubNav ------------------- */ .boxblue ul { list-style:none; margin:20px 0 10px 0; padding:0 0 1px 0; border-bottom: 1px dashed #417493; } .boxblue ul li{ list-style:none; margin:0; padding:0; color:#FFFFFF; font-weight:bold; font-size:12px; display:block; } .boxblue ul li a{ color:#FFFFFF; text-decoration:none; display:block; padding:4px 0 3px 0px; border-top: 1px dashed #417493; } .boxblue ul li a:hover{ color:#FFFFFF; text-decoration:none; background: #1A567B; } .boxblue .on {color:#FFFFFF; text-decoration:none; background: #1A567B; } .boxblue ul ul{ margin: 0; border:0; padding:0; width:195px; text-align:left; list-style:none; } .boxblue ul ul li { display:block; padding:0px 0px 5px 0px; margin:0; height:22px;} .boxblue ul ul li a{ padding:0px 0 4px 10px; list-style:none; display:block; height:22px; line-height:27px; border-top: 0; width:160px; height:26px; } .boxblue ul ul li a:hover{ color:#FFFFFF; text-decoration:none; background: #1A567B; display:block; padding:0px 0 2px 10px; line-height:27px; width:160px;}