/* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:left; background:#E5E9EB; padding:0; margin:0; } a { text-decoration:underline; color:#7F378B; outline:none; } a:hover { text-decoration:none; color:#7F378B; } img { border:none; margin:0; } img.teammember { margin-right:20px; } .cls { clear:both; } .input { border:1px solid black;} .hide,h1 b,h2 b,h3 b,h5 b,a i { position: absolute; left: -9999px; } h1 , h2 , h3 , h4 , h5 , form , p { margin:0; padding:0;} .header { width:100%; height:117px; padding:0 0 0 0; overflow:hidden; text-align:left; background:url(img/headerbg.gif) no-repeat center top #06344A; } .headerinfo { width:960px; height:117px; margin:0 auto; padding:0 0 0 0; overflow:hidden; background:url(img/headtopbg.gif) no-repeat; } .logo { width:218px; float:left; margin:32px 0 0 0; overflow:hidden; } .iolink { width:722px; float:right; text-align:right; padding:10px 0 0 0; overflow:hidden; vertical-align:middle; } .iolink .phonenumber { color:#E1E1E1; font-weight:500; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-size:12pt; } .iolink img { vertical-align:bottom;} .menutop { width:722px; float:right; text-align:right; padding:10px 0 0 0; overflow:hidden;} .menutop ul { margin:0; padding:0;} .menutop ul li { margin:0; padding:0; float:right; color:#FFFFFF; list-style-type:none; padding-left:5px;} .menutop ul li a { color:#E1E1E1; text-decoration:none; font-size:8pt; vertical-align:middle; } .headerright { width:722px; float:right; padding:24px 0 0 0; overflow:hidden; } .headerright ul { float:right; overflow:hidden; padding:0; margin:0; } .headerright ul li { float:left; display:inline; line-height:37px; margin:0 0 0 1px; padding:0; } .headerright ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#A4A0A7; font-weight:bold; text-decoration:none; background:url(/img/topnavbg2.gif) repeat-x; padding:0 15px; display:block; text-transform:uppercase; } .headerright ul li.diffpage { float:left; display:inline; line-height:37px; margin:0 0 0 1px; } .headerright ul li.diffpage a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#E5E9EB; font-weight:normal; text-decoration:none; background:none; padding:0 15px; display:block; text-transform:none; } .headerright ul li a:hover { color:#5F3085; background:url(/img/topnavbg2.gif) repeat-x; text-decoration:none; background-position:0px 100%; } .headerright ul li a.selected { color:#5F3085; background:url(/img/topnavhoverbg.gif) repeat-x; text-decoration:none; background-position:0px 100%; } .headerright ul li.diffpage a:hover { color:#ff7400; background:none; text-decoration:none; } .homemain { width:100%; padding:0 0 0 0; overflow:hidden; background:url(img/homebg.gif) repeat-x top #0b577a; } .wrap { width:960px; margin:0 auto; padding:0 0 0 0; overflow:hidden; text-align:left; } .maincontent { width:960px; padding:0 0 50px 0; overflow:hidden; } .main { width:100%; padding:0 0 0 0; overflow:hidden; background:url(/images/upgrade/contentbg.jpg) repeat-x top; } /* background:url(img/mainbgblue2.gif) repeat-x top; */ .homepagebg { background-color:#0B577A; background-image:url(/images/upgrade/homepagebg2.jpg); background-repeat:no-repeat; background-position:top center; } .generalbg { background-color:#E5E9EB;} .homepagebg .extrabg { background-image:url(/images/upgrade/homepagecontentbg.jpg); background-repeat:repeat-x; background-position:0px 418px; } #contents { padding:35px 0px 20px 0px; } #contents h1 { font-size:36pt; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-weight:normal; color:#66378A; line-height:45px; margin:0; padding-bottom:0px;} #contents h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; color:#72787b; font-weight:normal; line-height:32px; padding:0 0 20px 0; margin:0;} #contents h3 { text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, Arial; font-size:12pt; margin:0; padding-bottom:10px; font-weight:normal;} #middle2 p { margin:0; padding:5px 0px 5px 0px; line-height:18px; font-size:9pt; color:#474038; } #submenu { float:right; width:230px; padding-top:35px; } #middle2 { float:left; width:700px; padding-top:35px; } #middle2 h1 { font-size:26pt; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-weight:normal; color:#66378A; line-height:45px; margin:0; padding-bottom:0px;} #middle2 h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; color:#72787b; font-weight:normal; line-height:32px; padding:0 0 20px 0; margin:0;} #middle2 h3 { text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, Arial; font-size:12pt; margin:0; padding-bottom:10px; font-weight:normal;} #middle2 p { margin:0; padding:5px 0px 5px 0px; line-height:18px; font-size:9pt; color:#474038; } #middle2 ul { margin:0; padding:0px 0px 25px 0px;} #middle2 li { margin:0; padding:10px 0px 10px 25px; line-height:18px; font-size:9pt; color:#474038; background-image:url(img/arrow.gif); background-repeat:no-repeat; list-style-type:none; background-position:9px 15px; border-bottom:1px solid #BABFC2; } #pagemenu { clear:both; padding-bottom:30px; } #pagemenu ul { margin:0; padding:0;} #pagemenu ul li { margin:0; padding:0; list-style-type:none;} #pagemenu ul li a { display:block; font-size:9pt; font-family:Arial, Helvetica, sans-serif; padding:6px 4px 6px 0px; color:#563582; text-decoration:none; border-top:1px solid #9D8FB6; } #pagemenu ul li a:hover { } #pagemenu ul li a.last { border-bottom:0px;} #pagemenu ul li ul li a { padding-left:16px; font-size:9pt;} #pagemenu ul li ul li ul li a { padding-left:36px; font-size:8pt;} /* #submenu { clear:both; padding-bottom:30px;} #submenu ul { margin:0; padding:0;} #submenu ul li { margin:0; padding:0; list-style-type:none;} #submenu ul li a { display:block; font-size:10pt; font-family:Arial, Helvetica, sans-serif; padding:6px 4px 6px 0px; color:#563582; text-decoration:none; border-bottom:1px solid #9D8FB6; } #submenu ul li.last a { border-bottom:0px;} #submenu ul li ul li a { padding-left:16px; font-size:9pt;} #submenu ul li ul li ul li a { padding-left:36px; font-size:8pt;} #submenu h5 { text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, Arial; font-size:12pt; margin:0; padding-bottom:10px; font-weight:normal;} #submenu .body { padding-bottom:20px;} #submenu .more { display:block; padding:5px 0px 0px 0px; font-weight:bold; } #submenu .more a { color:#66378A; text-decoration:none;} #submenu .box table td { padding-top:8px; padding-bottom:8px; border-bottom:1px solid #9D8FB6; } #submenu .box table td img { margin-right:5px;} #submenu .box table td h4 { padding-left:5px;} #submenu .box table td p { padding-left:5px; font-size:8pt; } #submenu .box table td p a { font-size:8pt;} #submenu .oneevent { padding-top:8px; padding-bottom:8px; border-bottom:1px solid #9D8FB6; } #submenu .oneevent h3 { font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-weight:normal; color:#66378A; padding-top:0px; } #submenu .oneevent h3 a { font-size:10pt;} #submenu .oneevent h4 { font-family:"Trebuchet MS",Helvetica,Arial; font-weight:normal; color:#404446; } #submenu .oneevent a { font-size:8pt;} */ #landerpage { clear:both; padding-top:20px;} #landerpage h1 { font-size:36pt; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-weight:normal; color:#66378A; line-height:45px; margin:0; padding-bottom:20px;} #landerleft { float:left; width:660px; padding:20px 20px 20px 0px;} #landerright { float:right; width:240px; padding:20px 10px 20px 0px; } #landerright #pagemenu { clear:both; padding-bottom:30px;} #landerright #pagemenu ul { margin:0; padding:0;} #landerright #pagemenu ul li { margin:0; padding:0; list-style-type:none;} #landerright #pagemenu ul li a { display:block; font-size:10pt; font-family:Arial, Helvetica, sans-serif; padding:6px 4px 6px 0px; color:#563582; text-decoration:none; border-bottom:1px solid #9D8FB6; } #landerright #pagemenu ul li.last a { border-bottom:0px;} #landerright h3 { text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, Arial; font-size:12pt; margin:0; padding-bottom:10px; font-weight:normal;} #landerright p { margin:0; padding:6px 0px 6px 0px;} #landerright .testimonial { font-size:18pt; line-height:30px; font-family:"Trebuchet MS", Helvetica, Arial; font-weight:normal; color:#798083;} #landerleft h2 { text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, Arial; margin:0; color:#404446; font-weight:bold; font-size:20pt; padding-bottom:10px; } #landerleft h3 { text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, Arial; margin:0; color:#404446; font-weight:bold; font-size:20pt; padding-bottom:10px;} #landerleft p { margin:0; padding:5px 0px 5px 0px; line-height:18px; font-size:9pt; color:#474038; } #landerleft ul { margin:0; padding:0px 0px 25px 0px;} #landerleft li { margin:0; padding:10px 0px 10px 25px; line-height:18px; font-size:9pt; color:#474038; background-image:url(/images/arrow.gif); background-repeat:no-repeat; list-style-type:none; background-position:9px 15px; border-bottom:1px solid #BABFC2; } .twitterdatalist { margin:0; padding:10px 0px 10px 25px; line-height:18px; font-size:9pt; color:#474038; background-image:url(img/arrow.gif); background-repeat:no-repeat; list-style-type:none; background-position:9px 15px; border-bottom:1px solid #BABFC2; } #landerleft .twitterdatalist p { padding-top:0px;} #landerleft .twitterdatalist p a { color:#66378A;} /* slide */ .upperpart { width:960px; padding:15px 0 0 0; overflow:hidden; height:341px; } /* height:426px; */ .previous { width:20px; float:left; margin:175px 0 0 0; overflow:hidden; } .next { width:20px; float:right; margin:175px 0 0 0; overflow:hidden; } .upperslidecontent { width:920px; float:left; padding:0 0 0 0; overflow:hidden; } .upperpartleft { width:355px; float:left; padding:45px 0 0 10px; overflow:hidden; } .upperpartleft h3 { font-family:"Trebuchet MS", Arial; font-size:45px; color:#ff991e; font-weight:normal; padding:0 0 15px 0; margin:0; } .upperpartleft p { font-family:"Trebuchet MS", Arial; font-size:14px; color:#474038; line-height:20px; padding:0 15px 15px 0; margin:0; } .upperpartright { width:545px; float:left; padding:0 10px 0 0; overflow:hidden; } .topslider { width:545px; position:relative; padding:0 0 0 0; text-align:center; overflow:hidden; } .frame { width:510px; height:427px; margin:0 0 0 40px; padding:9px 0 0 0; background:url(img/topframe.png) no-repeat right top; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(img/topframe.png) no-repeat right top; overflow:hidden; } .topthumb { width:209px; height:172px; background:url(img/thumbframe.png) no-repeat; top:0; left:0; padding:8px 0 0 1px; margin:160px 0 0 0; position:absolute; text-align:center; } /* margin:225px 0 0 0; */ .sliderbox { width:690px; height:190px; background:url(img/sliderboxbg.gif) no-repeat; overflow:hidden; padding:5px; color:fff; } .sliderboxinfo { width:690px; } .topsliderinfo { width:960px; padding:0 0 0 0; overflow:hidden; } .slidetab{ width:3000px; } .sliderdata_inner{ width:550px; padding:8px 8px 8px 8px; color:red; overflow:hidden; float:left; } .sliderdata { width:300px; float:left; padding:10px 0 0 0; overflow:hidden; color:#000; } .sliderdata h4 { font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-size:22px; color:#2e3639; padding:0 0 7px 0; font-weight:normal; margin:0; } .sliderdata p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#465257; padding:0 0 5px 0; margin:0; } .sliderdata ul { padding:0; margin:0; } .sliderdata ul li { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FF991E; text-transform:uppercase; background:url(img/bullet2.gif) no-repeat 0 3px; padding:0 2px 0 10px; margin:0; } .sliderdata ul li a { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FF991E; text-decoration:none; } .sliderdata ul li a:hover { color:#FF991E; text-decoration:underline; } .bottomcontent { width:960px; padding:26px 0 0 0; overflow:hidden; color:#465257; } .bottomcontentleft { width:700px; float:left; padding:0 0 0 0; overflow:hidden; } .bottomcontent h1 { font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-size:28px; color:#CF9CF5; letter-spacing:0.1px; padding:0 0 30px 0; font-weight:normal; margin:0; } .bottomcontent h1 span { color:#cf9cf5; } .bottomcontentright { width:240px; float:right; padding:0 0 0 0; overflow:hidden; } .bottomcontentright h5 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CF9CF5; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; padding-bottom:5px; border-bottom:1px solid #CF9CF5; margin-bottom:10px;} .bottomcontentright .box { padding-bottom:10px; } .bottomcontentright .box h4 { font-size:8pt;} .bottomcontentright .box p { font-size:8pt; color:#FFFFFF;} .bottomcontentright .box p a { font-size:8pt; color:#CF9CF5;} .bottomcontentright .box h4 a { text-decoration:none; color:#CF9CF5;} .bottomcontentright .box td img { margin-right:5px;} #homecontentwrapper { background-image:url(/images/upgrade/contentbgseparator.gif); background-repeat:repeat-y; width:700px; margin-bottom:20px; clear:both; display:table;} #homeleft { float:left; width:288px;} #homeright { float:right; width:384px;} #homeleft h2 { font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-weight:normal; color:#BED2DC; line-height:26px;} #homeleft h2 span { color:#CF9CF5;} .award { clear:both; padding:4px 0px 4px 0px;} .award .awardimage { float:left; width:61px; padding-right:20px; } .award .awardimage img { border:3px solid #ffffff;} .award .awardtext { float:left; width:294px; } .award .awardtext p { font-family:'PT Sans Narrow', "Century Gothic",Arial, Helvetica, sans-serif; font-size:14px; color:#BED2DC; } .award .awardtext h3 { font-family:'PT Sans Narrow', "Century Gothic",Arial, Helvetica, sans-serif; font-size:16px; color:#CF9CF5; font-weight:normal; padding-bottom:4px; } .award .awardtext h3 a { text-decoration:none; color:#CF9CF5; font-family:'PT Sans Narrow', "Century Gothic",Arial, Helvetica, sans-serif;} .award .awardtext h3 a:hover { text-decoration:underline;} .bottomcontentright #homeevents .oneevent h4 , .bottomcontentright #homeevents .oneevent p { color:#FFFFFF;} #homeevents h3 {color:#CF9CF5; } #homeevents a { color:#CF9CF5; } .oneevent { padding-bottom:10px;} .oneevent h3 { font-size:9pt; color:#7F378B;} .oneevent p { font-size:8pt;} .oneevent a { font-size:8pt;} .oneevent br { display:none;} .oneevent div br { display:none;} .oneevent div a { font-size:8pt;} .topsliderinfoleft { float:left; background:#08435e; line-height:25px; padding:0 10px 0 10px; overflow:hidden; } .topsliderinfoleft strong { float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cf9cf5; padding:0 15px 0 0; text-transform:uppercase; } .topsliderinfoleft span { float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 0 0 0; text-transform:uppercase; } .topsliderinforight { float:left; padding:6px 0 0 7px; overflow:hidden; } .topsliderinforight img { float:left; margin:0 2px 0 0; } .landerleft { width:660px; float:left; padding:0 0 0 0; overflow:hidden;} .landerleft h2 { font-weight:lighter; font-family:'Yanone Kaffeesatz',Arial,Helvetica,sans-serif; font-size:18pt; text-transform:uppercase; color:#919699; font-weight:normal; line-height:34px; padding:0 0 0px 0; margin:0;} .landerleft h3 { font-family:'Yanone Kaffeesatz', Impact,Arial; font-size:22px; color:#404446; line-height:22px; text-transform:uppercase; margin:0; padding:5px 0px;} .landerleft p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; margin:0; padding:0 0 10px 0; line-height:18px;} .landerleft ul { padding:0 0 20px 0; margin:0; overflow:hidden;} .landerleft ul li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; list-style:none; padding:15px 0 15px 25px; background:url(/img/bullet.gif) no-repeat 10px 18px; border-top:1px solid #babfc2;} .landerleft ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; text-decoration:none;} .landerleft ul li a:hover { color:#404446; text-decoration:underline;} .landerleft ul li.first { border-top:none;} .landerleft h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12pt; color:#404446; font-weight:normal; padding:10px 0 0px 0; } .landerleft ul li h4 { padding:0px;} .landerright{ width:240px; float:right; padding:0 0 0 0; overflow:hidden;} .landerright h3 { text-transform:uppercase; font-family:'Yanone Kaffeesatz',"Century Gothic",Arial,Helvetica,sans-serif; font-weight:100; color:#404446; padding:0px 5px 5px 0px; font-size:18px;} .landerright p { padding-bottom:5px;} .industrycontent { width:940px; padding:5px 0 10px 0; overflow:hidden; } .industrypagetitle { overflow:hidden; } .industrypagetitle h1 { font-family:"Century Gothic",Arial,Helvetica,sans-serif; color:#3A4042; font-size:26pt; font-weight:normal; padding:0 0 8px 0; } .industrycontent .landerleft p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; margin:0; padding:7px 0 7px 0; } .industrycontent .landerleft ul { padding:0 0 20px 0; margin:0; overflow:hidden; } .industrycontent .landerleft ul li { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; color:#404446; list-style:none; padding:10px 0 10px 25px; background:url(/img/bullet.gif) no-repeat 10px 15px; border-top:1px solid #babfc2; } .industrycontent .landerleft ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; text-decoration:none; } .industrycontent .landerleft ul li a:hover { color:#404446; text-decoration:underline; } .industrycontent .landerleft ul li.first { border-top:none; } .industrycontent .educatiotitle { padding:0 0 0 0px; } .industrycontent .educatiotitle p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; padding:5px 0 15px 0; margin:0; } .educationbox { width:780px; height:220px; padding:0 0 0 0; overflow:hidden; background:#ccd2d5; } .servicesarea { width:620px; padding:30px 0 0 0; overflow:hidden; } .serviceoffer { width:620px; float:left; padding:0 0 0 0; overflow:hidden; } .offertitle { padding:0 0 12px 0; overflow:hidden; } .listbox { width:186px; float:left; margin:0 20px 0 0; padding:0 0 0 0; overflow:hidden; } .listbox ul { padding:0 0 0 0; margin:0; } .listbox ul li { margin:0; padding:10px 0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; border-top:1px solid #babfc2; } .listbox ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#404446; text-decoration:none; } .listbox ul li a:hover { color:#404446; text-decoration:underline; } .thumbarea { width:300px; padding:0 0 0 0; overflow:hidden; } .thumblist { width:114px; float:left; padding:0 20px 25px 0px; overflow:hidden; } .thumblist h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#563582; padding:10px 0 5px 0; margin:0; } .thumblist h4 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#563582; margin:0; text-decoration:none; } .thumblist p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404446; padding:0; margin:0; } .testimonial { width:240px; float:left; padding:0 0 0 0px; overflow:hidden; } .testimonial p { font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#798083; line-height:28px; } .testimonial h4 { font-weight:normal; padding:0px 0px 0px 0px; font-family:'PT Sans Narrow',Arial,Helvetica,sans-serif; font-size:14px;} .footer{ width:960px; padding:0 0 30px 0; overflow:hidden;} .homepagebg .footer label{ font-family:'PT Sans Narrow',"Century Gothic","Trebuchet MS", Arial; font-size:14px; color:#7DA5B8; display:block; padding:0 0 15px 0; text-transform:uppercase;} .generalbg .footer label{ font-family:'PT Sans Narrow',"Century Gothic","Trebuchet MS", Arial; font-size:14px; color:#72787B; display:block; padding:0 0 15px 0; text-transform:uppercase;} .location{ float:left; padding:0 20px 0 0; overflow:hidden; width:230px; } .location strong{ font-family:'PT Sans Narrow',"Century Gothic",Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#cf9cf5; display:block; padding:0 0 5px 0; } .homepagebg .location span{ font-family:'PT Sans Narrow',"Century Gothic",Arial, Helvetica, sans-serif; font-size:14px; color:#BED2DC; display:block; padding:0 0 2px 0; } .generalbg .location span{ font-family:'PT Sans Narrow',"Century Gothic",Arial, Helvetica, sans-serif; font-size:14px; color:#72787B; display:block; padding:0 0 2px 0; } .footer .locationimage { float:left; margin-right:18px;} .footer .locationimage img { border:3px solid #ffffff;} /************ portfolio ****************/ .pclear{ clear: both; height: 0px; line-height:0px; font-size: 0px; visibility: hidden; } #portfolio h2{ font-size: 26px; padding: 0px 0px 10px 0px; color: #3a4042; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif } #portfolio h1{ font-size: 26px; padding: 0px 0px 10px 0px; color: #3a4042; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif } #portfolioSearch{ border-top: solid 1px #bdc5c9; border-bottom: solid 1px #bdc5c9; padding: 12px 0px; margin: 10px 0px 0px 0px; } #portfolioSearch input{ vertical-align: middle;} #portfolioSearch input.input{ border: solid 1px #899296; font-size:14px; color:#393f42; padding: 2px; width: 195px; margin: 0px 5px 0px 0px; } .pindustryform, .ptypeform{ float: right; margin: 0px 0px 0px 15px; padding: 2px 0px 0px 0px; } #portfolioList{ padding: 0px 0px 50px 0px; } .portfolioItem{ width: 300px; float: left; margin: 0px 0px 0px 30px; padding: 15px 0px 30px 0px; } .portfolioItem.first{ margin: 0px; clear: left; } #contents .portfolioItem h3{ font-size: 17px; color: #71787b; text-transform: none; font-family: Tahoma, Geneva, sans-serif; padding: 5px 0px; } #contents .portfolioItem h3 span{ color: #393f42; margin: 0px 5px 0px 0px; } .portfolioItem .portfolioImg{ border: solid 1px #b0b9bd; background:#e5e9eb; padding: 2px 0px; text-align: center; } .portfolioItem .portfolioDesc{ font-size: 12px; color: #465257; line-height: 17px; padding: 5px 0px; } .portfolioItem .portfolioLinks a{ color: #563582; text-decoration: none; background:url(img/bullet3.png) no-repeat right center; padding: 0px 10px 0px 0px; font-weight: bold; text-transform: uppercase; margin: 0px 12px 0px 0px; font-size: 12px; } .portfolioItem .portfolioLinks a:hover{ color: #393f42; } #widgetBox{ width: 300px; float: right; padding-top:8px; } #clientsList{ width: 660px; float: left; } #clientsList ul{ margin: 0px; padding: 0px; list-style: none; } #clientsList ul li{ margin: 0px 20px 0px 0px; padding: 5px 0px 5px 20px; color: #563582; font-weight: bold; background:url(img/bullet3.png) no-repeat left center; border-bottom: solid 1px #b0b9bd; width: 290px; float: left; } #clientsList ul li a{ color: #563582; font-weight: bold; text-decoration: none; } #clientsList ul li a:hover{ color: #393f42; } #portfoliobrowse {margin:0px 52px 0px 47px;} #portfoliobrowse #bleft { float:left;} #portfoliobrowse #bright { float:right;} #portfoliobrowse a { text-transform:uppercase; vertical-align:middle; font-weight:bold; text-decoration:none;} #portfoliobrowse a img { vertical-align:text;} #portfoliotop { clear:both; padding:20px 0px 0px 0px; margin:0px 52px 0px 47px;} #portfoliotopleft { float:left;} #portfoliotopright { float:right;} #portfoliotopleft h1 { float:left; vertical-align:bottom; color:#404446; font-weight:bold; font-size:20pt; text-transform:uppercase; padding:0px 10px 0px 0px; margin:0; line-height:45px; } #portfoliotopleft h2 { float:left; vertical-align:bottom; color:#B2B9BC; font-weight:500; font-size:20pt; text-transform:uppercase; padding:0; margin:0; font-family:"Century Gothic",Arial,Helvetica,sans-serif; line-height:42px;} #portfoliocontent .js{overflow:hidden;zoom:1;} #portfoliocontent .carousel, #portfoliocontent .carousel .carousel-wrap{margin:0;border:0;zoom:1; } #portfoliocontent .js .carousel-wrap{display:inline-block;vertical-align:middle;width:860px; padding:0px 0px 15px 0px;border:1px solid #B2B9BC; } .IE #portfoliocontent .js .carousel-wrap{display:inline;} #portfoliocontent .js .carousel-wrap ul { padding:0;} #portfoliocontent .carousel ul{margin:0;padding:0;zoom:1;} #portfoliocontent .js ul li{overflow:hidden;display:inline;float:left; width:850px; text-align:center; padding:0px 5px 0px 5px;} #portfoliocontent .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;} #portfoliocontent .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);} #portfoliocontent .carousel .disabled,#portfoliocontent .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;} #portfoliocontent .carousel div{margin:0;padding:0;border:0;} #portfoliocontent .carousel ul{padding:0;list-style:none;} #portfoliocontent .carousel ul li{position:relative;width:500px;margin:0;} #portfoliocontent .carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;} #portfoliocontent .carousel ul li cite a img{vertical-align:middle;} #portfoliocontent .carousel ul li cite a{color:#fff;text-decoration:none;} #portfoliocontent div.center-wrap{overflow:hidden;clear:both;zoom:1;} #portfoliocontent div.center-wrap div{border:0;margin:15px 0;} #portfoliocontent div.center-wrap a{margin:0 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#333;cursor:pointer;color:#fff;-moz-border-radius:12px;webkit-border-radius:12px;border-radius:12px;} #portfoliocontent div.center-wrap a.active{font-weight:bold;color:#5db0e6;} #portfolioList2ItemsWidget { float:right; width:300px; padding:25px 0px 0px 0px;} .paddingbottom0 { padding-bottom:0px !important;} .fullclientsList { width:1000px !important;} #rotatortitle {color:#3F4244; float:right; text-transform:uppercase; padding-top:20px; padding-right:5px;} #rotatorpages { float:right; padding-top:20px;} #rotatorpages a { height:12px; width:11px; background:url(/images/circleoff.jpg) 0 0 no-repeat; line-height:999px; display:block; float:left; overflow:hidden; margin-left:3px; cursor:pointer; text-decoration:none; border-bottom:0px;} #rotatorpages a.active { background:url(/images/circleon.jpg) 0 0 no-repeat;} #portfoliocontent .previous { width:37px; margin-right:10px; height:68px; line-height:999px;} #portfoliocontent .next { width:37px; margin-left:10px; height:68px; line-height:999px;} #portfoliocontent .carousel-next {background:url(/images/aright.gif) 0 0 no-repeat; cursor:pointer;} #portfoliocontent .carousel-previous {background:url(/images/aleft.gif) 0 0 no-repeat; cursor:pointer;} #portfoliocontent .hover { background-position:0 -68px;} #portfoliocontent .hover { background-position:0 -68px;} #portfoliocontent .disabled { background-position:0 11110px !important;} #portfoliocontent .disabled { background-position:0 1111px !important;} /********** end portfolio *************/ .twitterbox { width:240px; padding:0 0 0 0; overflow:hidden; } .twitterheader { width:240px; padding:0 0 0 0; overflow:hidden; } .twitter, .facebook, .linked { width:80px; float:left; padding:0 0 8px 0; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#477489; font-weight:bold; border-bottom:1px solid #47758b; } .twitter a, .facebook a, .linked a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#477489; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; } .twitter a:hover, .facebook a:hover, .linked a:hover{ color:#477489; text-decoration:none; } .active { border-bottom:1px solid #cf9cf5; color:#cf9cf5; } .active a { color:#cf9cf5; } .twitterdata, .facebookdata, .linkedindata { width:240px; padding:0 0 0 0; overflow:hidden; } .twitterdatalist { width:240px; padding:10px 0; overflow:hidden; border-bottom:1px solid #477990; } .twitterdatalist p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0; margin:0; } .twitterdatalist p a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cf9cf5; text-decoration:none; } .twitterdatalist p a:hover { color:#cf9cf5; text-decoration:underline; } .twitterdatalist label { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#cf9cf5; display:block; padding:3px 0 0 0; } .followme { width:240px; padding:5px 0 0 0; overflow:hidden; } .followme p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cf9cf5; padding:0 0 0 0px; margin:0; } /* background:url(/images/twittericon.gif) no-repeat 0 0; */ .followme p a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cf9cf5; text-decoration:none; text-transform:uppercase; } .sliderbox_vertical{ width:290px; float:right; padding:0 5px 0 5px; overflow:hidden; background-image:url(images/upgrade/sliderbg.jpg); background-repeat:repeat-y; } .sliderbox_vertical .ui-icon { display:none;} .sliderbox_vertical .ui-accordion .ui-accordion-header a { padding:0;} .sliderbox_vertical .ui-corner-top { -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; } .sliderbox_vertical .ui-state-active, .ui-widget-content .ui-state-active { border:0; } .sliderbox_vertical .ui-accordion .ui-accordion-content { border-top:0 none; display:block; margin-bottom:0px; margin-top:0px;overflow:auto; position:relative; top:1px; padding:0; background-image:url(/images/upgrade/sliderbgcontentrepeat.jpg); background-position:top center; } .sliderbox_vertical .ui-accordion .slidertabbg { background-image:url(/images/upgrade/sliderbgcontent.jpg); background-repeat:no-repeat; background-position:top center; padding:5px 10px 20px 10px; } .sliderbox_vertical .ui-corner-bottom { -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; } .sliderbox_vertical .ui-widget-content { border:0px solid #AAAAAA; color:#222222; } .sliderbox_vertical .ui-accordion .ui-accordion-header { margin:0;} .sliderbox_vertical .ui-state-hover { border:0; } .sliderbox_vertical .ui-corner-all {-moz-border-radius:0;} .sliderbox_vertical .slidertab{ width:290px; padding:0 0 0 0; overflow:hidden;} .sliderbox_vertical .slddiff{ padding-bottom:1px;} .sliderbox_vertical .slidertabdata{ width:290px; background:#DDE3E6; overflow:hidden;} .sliderbox_vertical .slidertabdata h4{ font-size:14pt; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-weight:normal; color:#2E3639; line-height:22px; margin:0; padding:5px 0px; } .sliderbox_vertical .slidertabdata p{ font-family:Tahoma, Arial, Verdana; font-size:9pt; color:#465257; padding:0 0 5px 0; margin:0; line-height:18px;} .sliderbox_vertical .slidertabdata a { color:#5D3A8D; text-decoration:none; } .sliderbox_vertical .slidertabdata ul { margin:0; padding:0;} .sliderbox_vertical .slidertabdata li { margin:0; padding:0px 0px 0px 10px; background-image:url(/images/upgrade/sliderarrow.png); background-repeat:no-repeat; background-position:left center; list-style-type:none;} .sliderbox_vertical .slidertabdata li a { text-transform:uppercase; font-size:8pt; font-weight:bold;} .unselectedDotClass { background:url("/img/nextslider.gif") no-repeat scroll 0 0 transparent; padding-left:15px; } .selectedDotClass { background:url("/img/currentslider.gif") no-repeat scroll 0 0 transparent; padding-left:15px; } #projectssliderwrapper { width:980px; height:418px; overflow:hidden;} #projectslidernav { position:absolute; margin-top:384px; margin-left:20px; z-index:980; } #projectname { float:left; color:#08415B; font-weight:bold; font-family:"Trebuchet MS", Arial; padding-right:10px; text-transform:uppercase; font-size:8pt;} #projectdetail { float:left; color:#08415B; font-weight:normal; font-family:"Trebuchet MS", Arial; padding-right:10px; text-transform:uppercase; font-size:8pt;} #projectsliderpagesprevious { float:left; padding-right:10px; cursor:pointer; padding-top:2px;} #projectsliderpages { float:left; padding-right:10px; padding-top:2px; } #projectsliderpages a { float:left; display:block; background-image:url(images/upgrade/pageoff.png); width:11px; height:11px; overflow:hidden; text-indent:-20000px;} #projectsliderpages a.activeSlide { background-image:url(images/upgrade/pageon.png);} #projectsliderpagesnext { float:left; padding-right:10px; cursor:pointer; padding-top:2px;} #projectssliderwrapper .projectslide { width:980px; height:418px; overflow:hidden; background-color:transparent; font-size:8pt;} #projectssliderwrapper .projectdetails { float:left; width:305px; padding:72px 0px 0px 20px; font-size:8pt;} #projectssliderwrapper .projectimage { float:right; text-align:right; width:525px; padding-top:20px;} .projectdetails h3 { font-family:'PT Sans Narrow',"Century Gothic", Arial; font-size:36px; color:#094C6A; font-weight:normal; padding:0 0 15px 0; margin:0; } .projectdetails p { font-family:'PT Sans Narrow',"Trebuchet MS", Arial; font-size:16px; color:#094C6A; line-height:20px; padding:0 15px 10px 0; margin:0; position:relative; } .projectdetails li { font-family:'PT Sans Narrow',"Trebuchet MS", Arial; font-size:16px; color:#094C6A; line-height:20px; padding:0 15px 5px 0; margin:0; } .projectdetails ul { margin-top:0px; margin-bottom:0px;} #breadcrumbs { padding:15px 0px 8px 0px; color:#66338E; font-size:11pt; font-family:'PT Sans Narrow',"Trebuchet MS", Arial; } #breadcrumbs a { color:#66338E; text-decoration:none; } #breadcrumbs a:hover { text-decoration:underline; } #ppclander { padding:56px 0px 0px 0px;} #ppcright { float:right; width:252px; } #ppcleft { float:left; width:640px;} .ppcrightpadding { border:1px solid #ACAFB0; background-color:#404446; padding:0px 0px; margin:0px 7px 20px 0px;} .questionmark { background-image:url(/images/ppc/question.gif); background-repeat:no-repeat; padding:8px 0px 14px 40px; background-position:8px 7px; } .qanda { background-image:url(/images/ppc/qanda.gif); background-repeat:no-repeat; padding:8px 0px 14px 40px; background-position:8px 7px; } #ppcright .chat { background-image:url(images/ppc/chat.gif); background-repeat:no-repeat; background-position:8px 7px; padding:12px 0px 12px 45px;} #ppcqheadingtext { padding:20px 0px 4px 0px;} .grayfield { background-image:url(images/ppc/inputbg.gif); background-repeat:repeat-y; width:187px; margin-bottom:3px;} .gtopbg { background-image:url(images/ppc/inputtopbg.gif); background-repeat:no-repeat; background-position:top;} .gbottombg { background-image:url(images/ppc/inputbottombg.gif); background-repeat:no-repeat; background-position:bottom; padding:5px 6px;} .gbottombg .input { border:0; font-size:8pt; color:#404446; width:174px; } .gbottombg textarea { height:80px; font-family:Arial, Helvetica, sans-serif; font-size:8pt; } #ppcleft h1 {color:#404446; font-weight:bold; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-size:24pt; font-weight:normal; padding:0 0 8px 0; } #ppcleft h2 {color:#72787B; font-weight:lighter; font-family:'Yanone Kaffeesatz',Arial,Helvetica,sans-serif; font-size:18pt; font-weight:normal; padding:0 0 8px 0; line-height:30px; } #ppcleft .sliderbox { background-image:url(/images/sep.gif); background-color:#CCD2D5; width:644px; height:266px; padding:0;} #ppcleft .sliderdata { padding:0;} #ppcleft #accordian { height:266px;} #ppcleft .handle { margin-left:1px;} .sliderppccontent { width:449px;} .sliderppccontent h3 { font-family:'Yanone Kaffeesatz', Impact,Arial; font-size:30px; padding:5px 0px 5px 0px; text-transform:uppercase; color:#404446;} .sliderppccontent p { font-family:'PT Sans Narrow', "Century Gothic",Arial,Helvetica,sans-serif; font-size:14px; line-height:20px;} #ppcphonenumber { float:right; font-family: 'PT Sans Narrow', arial, serif; font-size:30px; color:#FFFFFF; padding:30px 7px 0px 0px;} #ppccolumns { padding:23px 0px 0px 0px;} #ppccolleft { float:left; width:300px;} #ppccolright { float:right; width:305px;} #ppccolleft h3 {color:#72787B; font-weight:normal; font-family: 'Yanone Kaffeesatz', arial, serif; text-transform:uppercase; font-size:28px; font-weight:500; padding:0 0 8px 0; } #ppccolleft h4 {color:#683490; font-weight:normal; font-family: 'Yanone Kaffeesatz', arial, serif; text-transform:uppercase; font-size:30px; font-weight:bold; padding:0 0 8px 0; } #ppcform2 .input { margin-bottom:10px; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#404446; border:1px solid #8F989C; font-size:9pt; } #ppcform2 input.input { width:254px;} #ppcform2 textarea.input { width:295px;} #ppcform2 .button { background-color:#65338C; color:#E5E9EB; text-transform:uppercase; font-weight:bold; border:0; padding:7px 10px; font-family:'Yanone Kaffeesatz',"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12pt; } #ppcform2 .ErrorBox { font-family:'PT Sans Narrow', "Century Gothic",Arial,Helvetica,sans-serif; font-size:16px; line-height:20px; color:#FF991E; padding-bottom:10px;} #ppcform2 .ErrorBox ul { padding:0; margin:0px 0px 0px 20px;} #ppcform2 .ErrorBox ul li { font-size:14px; color:#404446; } #ppcrightform .ErrorBox { color:#FF991E; padding:5px 0px; font-family:'PT Sans Narrow', "Century Gothic",Arial,Helvetica,sans-serif; font-size:14px;} #ppcrightform .ErrorBox ul { padding:0; margin:0px 0px 0px 20px;} #ppcrightform .ErrorBox ul li { color:#FFFFFF;} #ppccolright h3 {color:#72787B; font-weight:normal; font-family: 'Yanone Kaffeesatz', arial, serif; text-transform:uppercase; font-size:28px; font-weight:500; padding:0 0 8px 0; } #ppcleftarrow { float:left; width:30px; padding-right:4px; padding-top:53px; cursor:pointer; } #ppcportfolioimage { float:left; width:237px; height:161px;} #ppcrightarrow { float:left; width:30px; padding-left:4px; padding-top:53px; cursor:pointer; } #ppclistprojects { width:305px; margin:50px 0px 0px 0px; min-height:390px;} #ppclistprojects .thumblist { padding: 0 20px 25px 0;} #ppclistprojects .thumbarea { margin-left:33px;} .contentform #Form { padding-bottom:20px;} .contentform .input { width:400px;} .contentform td { color: #404446; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; margin: 0; padding: 7px 10px 0px 0px; } .listbox h3 span { font-size:18px; font-weight:normal;} #sitemap ul { margin:0px 0px 0px 25px; padding:0;} #sitemap ul li { margin:0; padding:2px 0px; border:0; list-style-type:disc; background-image:url(/images/sep.gif); list-style-position:inside;} ol li { color: #404446; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height:18px;} /* New Lander: 3-things.html */ body.landerNew{ background: #f4f5f5; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .landerNew .clear{ clear: both; height: 0px; line-height: 0px; font-size: 0px; visibility: hidden; } .landerNew #headerNew{ background:url(images/header-bg.png) repeat top center; } .landerNew .headerNewInner{ width: 765px; margin: auto; } .landerNew #logoNew{ padding: 22px 0px 35px 0; width: 204px; float: left; } .landerNew .headernewRight{ width: 160px; float: right; background: url(images/round-bg.png) no-repeat center top; padding: 30px 0px 25px 0px; text-align: center; color: #ffffff; font-size: 12px; line-height: 14px; font-family: 'PT Sans Narrow',"Century Gothic",Arial,Helvetica,sans-serif; } .landerNew .headernewRight p{ padding: 3px 0px; } .landerNew .headernewRight p.phoneNew{ font-size: 18px; line-height: 22px; font-weight: bold; } .landerNew .headernewRight a{ color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; } .landerNew #wrapperNew{ width: 765px; margin: auto; padding: 35px 0 0 0; } .landerNew #bannerNew{ padding: 0 0 40px 0; } .landerNew .landerNewLeft{ width: 390px; float: left; } .landerNew .landerNewRight{ width: 350px; float: right; } .landerNew h2{ font-family: 'PT Sans Narrow',"Century Gothic",Arial,Helvetica,sans-serif; color: #094c6a; font-size: 25px; line-height: 18px; font-weight: bold; padding: 0 0 20px 0; } .landerNew h3{ color: #094c6a; font-size: 15px; line-height: 17px; font-weight: bold; } .landerNew ol.items{ margin: 0 0 0 -8px; padding: 10px 0px; list-style: none; } .landerNew ol.items li{ padding: 0 0 25px 60px; font-size: 13px; line-height: 19px; color: #666666; } .landerNew ol.items li.item1{ background:url(images/item1.png) no-repeat 0px 2px; } .landerNew ol.items li.item2{ background:url(images/item2.png) no-repeat 0px 2px; } .landerNew ol.items li.item3{ background:url(images/item3.png) no-repeat 0px 2px; } .landerNew .boxNew1{ background:url(images/box1-mid.png) repeat-y left; width: 349px; } .landerNew .boxNew1Top{ background:url(images/box1-top.png) no-repeat left top; } .landerNew .boxNew1Bot{ background:url(images/box1-bot.png) no-repeat left bottom; padding: 6px 2px 0px 6px; } .landerNew .boxNew1 h3{ background:url(images/heading-bg.png) repeat-x top; height: 55px; line-height: 55px; font-size: 16px; color: #ffffff; font-weight: bold; } .landerNew .boxNew1 h3 span.label{ background:url(images/arrow.png) no-repeat right center; height: 80px; line-height: 16px; display: block; float: left; margin: -14px 10px 0 0; text-transform: uppercase; text-align: right; width: 90px; } .landerNew .boxNew1 h3 span span{ display: block; padding: 23px 20px 0 0; } .landerNew .box1NewContent{ clear: both; padding: 0px 10px 25px 10px; text-align: right; } .landerNew .box1NewContent label{ color: #666666; font-size: 15px; width: 85px; float: left; clear: left; text-align: left; font-weight: bold; padding: 12px 0 0 0; } .landerNew .box1NewContent input.textbox{ border: solid 1px #aab0bd; background: #ffffff; font-size: 16px; padding: 5px 5px; width: 220px; color: #666666; font-family: Arial, Helvetica, sans-serif; margin: 7px 0 8px 0; } .landerNew .box1NewContent p.required{ float: left; margin: 0 0 0 90px; font-size: 10px; line-height: 12px; font-style: italic; } .landerNew p.btnSubmit input{ background:url(images/btn-bg.png) repeat-x left bottom #7941a3; border: solid 2px #ffffff; color: #ffffff; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 16px; padding: 4px 5px; -moz-box-shadow: -5px 5px 5px #c0c0c0; -webkit-box-shadow: -5px 5px 5px #c0c0c0; box-shadow: -5px 5px 5px #c0c0c0; cursor: pointer; } .landerNew .quote{ padding: 10px 0 10px 0; } .landerNew .quoteMid{ background:url(images/quote-bg-mid.png) repeat-y left top; width: 771px; margin: 0 0 0 -6px; } .landerNew .quoteTop{ background:url(images/quote-bg-top.png) no-repeat left top; } .landerNew .quoteBot{ background:url(images/quote-bg-bot.png) no-repeat left bottom; padding: 15px 24px 50px 65px; } .landerNew .quotePartners{ width: 75px; float: right; } .landerNew .quotePartners img{ margin: 0 0 7px 0; } .landerNew .quoteBot p{ font-family: "Century Gothic",Arial,Helvetica,sans-serif; font-size: 19px; line-height: 30px; color: #ffffff; padding: 10px 0 0 0; width: 607px; float: left; } .landerNew .quote p.quoteAuthor{ color: #094c6a; font-family: 'PT Sans Narrow',"Century Gothic",Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; padding: 0 0 0 2px; } .landerNew #socialLinks{ float: right; margin: -50px 0 0 0; } .landerNew #footerNew{ background:url(images/footer-border.png) repeat-x top; padding: 15px 0 25px 0; font-size: 10px; line-height: 14px; text-align: right; } .landerNew .ErrorBox{ text-align: left; } .landerNew .ErrorBox ul{ color: #F00; }