html {width:100%; height:100%; margin:0; padding:0;}
body {
font-size:12px !important;
width:100%;
background-image:url(/resources/images/bkgrd.gif);
background-repeat:repeat-x;
color:#706e68 !important;
margin:0; padding:0;
background-color:#d3d1cd;
font-family:Arial !important;
}
p, ul {line-height:20px !important; font-size:12px; font-family:Arial}
p, h1, h2, h3, ul, li {margin:0; padding:0}
h1 {
font-size:14px;
font-weight:bold;
color:#e54125;
}

h2 {
font-size:12px;
weight:bold;
color:#48453f;
}

.floatClear {float:left; clear:left;}
.clear {height:1px; clear:both}

#wrapper {width:100%; height:100%; margin:0; padding:0; }

header, footer {
 float:left;
 clear:left;
 width:100%;
}

header {
 background-image:url(/resources/images/hdr.gif);
 height:150px;
 background-position:center center;
 min-width:950px;
 background-repeat:no-repeat;
}

#middle {
 width:952px;
 margin:0 auto;
 clear:left;
 position:relative;
 top:-65px;
background-image:url(/resources/images/bkgrd_white.png);
background-repeat:repeat-y;
padding-top:15px;
}

footer, footer a {
 font-size:11px;
 color:#48453f;
 text-align:center;
 text-decoration:none;
}

footer {position:relative; top:-40px}
footer .floatClear {font-size:9px; text-align:center; width:100%; margin:15px 0px 30px 0px}

footer ul, footer li {list-style:none}
footer ul {width:510px; margin:0 auto}
footer li {float:left; padding-right:30px; border-right:1px solid #48453f; padding-left:30px}


.logoContainer {
 width:950px;
 height:100px;
 margin:0 auto;
}

.container {
margin-left:0;
margin-top:0;
min-height:600px;
padding:17px 0 0 16px;
position:relative;
top:-29px;
width:923px;
}

.menu ul {float:right; list-style:none; margin-top:42px; width:550px}
.menu ul li {float:left; padding-left:35px}

.submenu ul {float:right; margin:16px 10px 0 0; padding-right:0}
.submenu ul li {float:left; margin-left:15px; padding-left:10px; background:url(/resources/images/menu_Bullet.jpg) no-repeat left center; list-style:none}
.submenu ul li.fitem {list-style:none; float:left; margin-left:35px; background:none}
.submenu ul li a {float:left;}
.submenu ul li.company-info span {display:none}
.submenu ul li.company-info a {margin-top:4px; background-image:url(/resources/images/nav_companyInfo.png); width:85px; height:16px; background-repeat:no-repeat; background-position:top}
.submenu ul li.company-info.selected a {background-image:url(/resources/images/nav_companyInfoON.png); width:89px; height:16px;}
.submenu ul li.company-info a:hover {background-position:bottom !important}
.submenu ul li.philosophy {margin:0 10px 0 0px}
.submenu ul li.partnerships ul  {display:none}


.categoryBar {background-image:url(/resources/images/bg_Category.jpg);width:924px;height:54px;float:left;clear:left}
.categoryBar h3{float:left;margin-left:25px; margin-top:9px}
.categoryBar h3.hdr.About{background-image:url(/resources/images/hdr_About.jpg); width:87px;height:41px;}
.categoryBar h3.hdr.About span {display:none}

.categoryBar h3.hdr.Services span, .categoryBar.contact span {
float:left;
margin-left:25px;
margin-top:9px;
}

.categoryBar h3.hdr.Services {
background-image:url(/resources/images/txt_services.png);
width:120px;
height:26px;
}

a.logo span {display:none}
a.logo {
 display:block;
 width:236px;
 height:72px;
 background-image:url(/resources/images/logo.gif);
 background-repeat:no-repeat;
 margin-top:23px;
 float:left;
}

.menu ul li.about a span, .menu ul li.contact-us a span, .menu ul li.products a span, .menu ul li.insight a span, .menu ul li.services a span, .menu ul li.portfolio a span, .menu ul li.approach a span  {display:none}
.menu ul li.about a {
 display:block;
 width:38px;
 height:16px;
 background-image:url(/resources/images/nav_about.gif);
 background-repeat:no-repeat;
 background-position:top;
}
.menu ul li.about a:hover {background-position:bottom}


.menu ul li.contact-us a {
 display:block;
 width:67px;
 height:16px;
 background-image:url(/resources/images/nav_contact.png);
 background-repeat:no-repeat;
 background-position:top;
}
.menu ul li.contact-us a:hover {background-position:bottom}

.menu ul li.products a {
 display:block;
 width:58px;
 height:16px;
 background-image:url(/resources/images/nav_products.png);
 background-repeat:no-repeat;
 background-position:top;
}
.menu ul li.products a:hover {background-position:bottom}

.menu ul li.insight a {
 display:block;
 width:40px;
 height:16px;
 background-image:url(/resources/images/nav_insight.png);
 background-repeat:no-repeat;
 background-position:top;
}
.menu ul li.insight a:hover {background-position:bottom}

.menu ul li.services a {
 display:block;
 width:51px;
 height:16px;
 background-image:url(/resources/images/nav_services.png);
 background-repeat:no-repeat;
 background-position:top;
}
.menu ul li.services a:hover {background-position:bottom}

.menu ul li.portfolio a {
 display:block;
 width:56px;
 height:16px;
 background-image:url(/resources/images/nav_portfolio.png);
 background-repeat:no-repeat;
 background-position:top;
}
.menu ul li.portfolio a:hover {background-position:bottom}

.menu ul li.approach a{
 display:block;
 width:60px;
 height:16px;
 background-image:url(/resources/images/nav_approach.gif);
 background-repeat:no-repeat;
 background-position:top;
}
.menu ul li.approach a:hover {background-position:bottom}

.menu ul li.index a {display:none}

.t {
background-image:url(/resources/images/t.gif);
background-position:left top;
background-repeat:no-repeat;
clear:left;
margin:0 auto;
position:relative;
top:-65px;
width:952px;
}
.tl {background-image:url(/resources/images/tl.gif); background-repeat:no-repeat; background-position:top left; margin-top:-15px }

.b {
background-image:url(/resources/images/b.png);
background-position:left bottom;
background-repeat:no-repeat;
margin:0 auto;
position:relative;
top:-75px;
width:952px;
}
.l {background-image:url(/resources/images/l.png); background-repeat:repeat-y; background-position:top left;}
.r {background-image:url(/resources/images/r.png); background-repeat:repeat-y; background-position:top right; margin-right:-6px}
.tr {background-image:url(/resources/images/tr.gif); background-repeat:no-repeat; background-position:top right;}
.br {background-image:url(/resources/images/br.png); background-repeat:no-repeat; right:-15px}
.bl {background-image:url(/resources/images/bl.png); background-repeat:no-repeat; left:-15px}


/*secondary gray bar under main image*/

.pageElements {
width:100%;
float:left; 
clear:left;
}

.pageElements.secondaryContainer {
 height:112px;
 background-image:url(/resources/images/bkgrd_grayHome.gif);
 background-repeat:repeat-x;
}

.pageElements.mainImage {
 height:333px;
}


/*bottom gray bar */
.bottomGrayContainer {
background-image:url(/resources/images/bkgrd_grayBottom.gif);
background-repeat:repeat-x;
bottom:-30px;
clear:left;
float:left;
height:123px;
left:7px;
position:absolute;
width:944px;
}

.l_grayBottom {background-image:url(/resources/images/l_grayBottom.gif); background-position:left; background-repeat:no-repeat; height:123px; width:8px; }
.r_grayBottom {background-image:url(/resources/images/r_grayBottom.gif); background-position:right; background-repeat:no-repeat; height:123px; width:944px;}

ul.partnerContainer {list-style:none; width:100%; margin:0px; padding:0px}
ul.partnerContainer li {
list-style:none;
float:left;
width:185px;
border-left:1px solid #ffffff;
border-right:1px solid #d6d6d4;
margin:0px;
padding:15px 10px 10px 10px;
height:98px;
text-align:center;
}
ul.partnerContainer li.first {border-left:none; width:70px;}
ul.partnerContainer li.first span {padding-top:30px; display:block}
ul.partnerContainer li.last {border-right:none; width:200px;}

a.irise span {display:none}
a.irise {
display:block;
background-image:url(/resources/images/partners_irise.gif);
width:137px;
height:87px;
background-repeat:no-repeat;
margin:0 auto;
}

a.mcAfee span {display:none}
a.mcAfee {
display:block;
background-image:url(/resources/images/partners_mcAfee.gif);
width:137px;
height:87px;
background-repeat:no-repeat;
margin:0 auto;
}

a.rackspace span {display:none}
a.rackspace {
display:block;
background-image:url(/resources/images/partners_rackspace.gif);
width:137px;
height:87px;
background-repeat:no-repeat;
margin:0 auto;
}

a.campaignMonitor span {display:none}
a.campaignMonitor {
display:block;
background-image:url(/resources/images/partners_campaignMonitor.gif);
width:200px;
height:87px;
background-repeat:no-repeat;
margin:0 auto;
}

.imgBox {
width:136px;
height:134px;
display:block;
overflow:hidden;
margin: 0 10px 10px 0;
position:relative;
float:left;
cursor:pointer}

.img {position:absolute;z-index:75;}
.img img{border:0px}
.img2 {padding: 0px; z-index:70;}
.img2 span{display:none;}
.img2 a{display:none;}
.img2 h2 span, .img2 h2 {display:none}


.project1, .project2, .project3, .project4, .project5, .project6, .project7, .project8, .project9, .project10, .project11, .project12, .project13, .project14, .project15, .project16, .project17
{
background-repeat:no-repeat;
width:136px;
height:134px; 
}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;}  
/*core classes*/ 
.stripViewer {  position: relative; overflow: hidden;} 
.stripViewer ul  {/* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li {  float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; }  

/*core classes for homepage slideviewer*/ 
.stripViewer2 {  position: relative; overflow: hidden;} 
.stripViewer2 ul  {/* this is your UL of images */ margin-top: 10px; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer2 ul li {  float:left; } 
.stripTransmitter2 { background-image:url(/resources/images/spotlight/squareone_spotlight.gif); background-repeat:no-repeat; overflow: hidden; height:29px;width: 1%; margin-top:15px; } 
.stripTransmitter2 ul { float:right; margin: 0; padding-top: 5px; position: relative; list-style-type: none; } 
.stripTransmitter2 ul li{ width: 35px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter2 a{ float:left; font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ffffff; color: #666; text-decoration: none; display: block; padding-right:10px;padding-left:10px} 
.stripTransmitter2 a:hover, a.current{ float:left; background: none !important; color: #ff0000 !important; }  
.stripTransmitter2 span{ float:left; font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ffffff; color: #666; text-decoration: none; display: block; } 

/*tooltips formatting*/ 
#tooltip { background: #fff; color: #000; opacity: 0.85; border: 5px solid #dedede; } 
#tooltip h3 {  font: normal 10px Verdana;  margin: 0;  padding: 6px 2px;  border: 0; } 

.portfolioContainer {
margin:0 auto;
position:relative;
width:870px;
}

.portfolioContainer ul {
list-style:none;
float:left;
clear:left;
}

.portfolioContainer ul li {
float:left;
margin:0 0 10px 10px;
width:136px;
}

.portfolioContainer ul li a {
display:block;
width:136px;
height:136px;
background:url(/resources/images/portfolio/icn_projects.jpg) no-repeat;
}

.portfolioContainer ul li a span {display:none}
.portfolioContainer ul li a.decurion {background-position:0 0}
.portfolioContainer ul li a.decurion:hover {background-position:0 -136px}

.portfolioContainer ul li a.famzam {background-position:-136px 0}
.portfolioContainer ul li a.famzam:hover {background-position:-136px -136px}

.portfolioContainer ul li a.fatmix {background-position:-273px 0}
.portfolioContainer ul li a.fatmix:hover {background-position:-273px -136px}

.portfolioContainer ul li a.gcp {background-position:-410px 0}
.portfolioContainer ul li a.gcp:hover {background-position:-410px -136px}

.portfolioContainer ul li a.iris {background-position:-546px 0}
.portfolioContainer ul li a.iris:hover {background-position:-546px -136px}

.portfolioContainer ul li a.logicJunction {background-position:-683px 0}
.portfolioContainer ul li a.logicJunction:hover {background-position:-683px -136px}

.portfolioContainer ul li a.itds {background-position:-819px 0}
.portfolioContainer ul li a.itds:hover {background-position:-819px -136px}

.portfolioContainer ul li a.jouer {background-position:-955px 0}
.portfolioContainer ul li a.jouer:hover {background-position:-955px -136px}

.portfolioContainer ul li a.filtered {background-position:-1092px 0}
.portfolioContainer ul li a.filtered:hover {background-position:-1092px -136px}

.portfolioContainer ul li a.ofd {background-position:-1228px 0}
.portfolioContainer ul li a.ofd:hover {background-position:-1228px -136px}

.portfolioContainer ul li a.tmt {background-position:-1366px 0}
.portfolioContainer ul li a.tmt:hover {background-position:-1366px -136px}

.portfolioContainer ul li a.numerix {background-position:-1501px 0}
.portfolioContainer ul li a.numerix:hover {background-position:-1501px -136px}

.portfolioContainer ul li a.tls {background-position:-1638px 0}
.portfolioContainer ul li a.tls:hover {background-position:-1638px -136px}

.portfolioContainer ul li a.outfit {background-position:-1774px 0}
.portfolioContainer ul li a.outfit:hover {background-position:-1774px -136px}

.portfolioContainer ul li a.wildfire {background-position:-2271px 0}
.portfolioContainer ul li a.wildfire:hover {background-position:-2271px -136px}

.portfolioContainer ul li a.onlife {background-position:-2433px 0}
.portfolioContainer ul li a.onlife:hover {background-position:-2433px -136px}

.portfolioContainer ul li a.gordian {background-position:-2611px 0}
.portfolioContainer ul li a.gordian:hover {background-position:-2611px -136px}

.portfolioContainer ul li a.wdyka {background-position:-2774px 0}
.portfolioContainer ul li a.wdyka:hover {background-position:-2774px -136px}

#TB_ajaxContent h2 {display:none}
#TB_ajaxContent {padding:2px 0 15px 5px !important; }

.stripTransmitter {background-image:url(/resources/images/portfolio/bkgrd_scroller.gif); background-repeat:no-repeat; height:25px; width:771px;}
.stripTransmitter a {background:none; color:#918d86; font-weight:bold; }
.stripTransmitter a:hover, a.current {background:none; color:#999999; font-weight:bold}
.stripTransmitter ul {width:50px; margin:0 auto}

ul.challenge, ul.solution {min-height:140px; float:left; width:320px; color:#918d86; font-family:verdana, arial, sans-serif; font-size:12px; margin-left:20px; margin-top:25px; font-size:11px;}
ul.challenge {background-image:url(/resources/images/portfolio/txt_theChallenge.gif); background-repeat:no-repeat; padding-left:40px}
ul.solution {background-image:url(/resources/images/portfolio/txt_ourSolution.gif); background-repeat:no-repeat; padding-left:40px}
ul.challenge li, ul.solution li {padding-bottom:7px}

.innovativeTechnology{background-image:url(/resources/images/hdr_Innovative_Technology.jpg); background-repeat:no-repeat; height:445px;width:980px}
.innovativeTechnology span{display:none}

#twitter_div{float:left;width:274px;}
#twitter_div ul{padding-left:15px}
#twitter_div li{padding:10px}
#twitter_div a, a {color:#DD331C; text-decoration:none}
#twitter_div a:hover, a:hover {text-decoration:underline}
#twitter-link{padding-right:10px}
#spotlight{float:left; width:644px; border-right:1px solid #ccc; margin-top:10px; }
#spotlight a {text-decoration:none; color:#e54125}
#spotlight a:hover {text-decoration:underline}

#squareonePartners{margin-left: -10px; width:946px; height:117px;background-image:url(/resources/images/bkgrd_Partners.jpg); color:#94938F}
#squareonePartners div.partners{font-size:11px; padding-left: 35px; padding-right: 10px; padding-top: 77px; width: 157px; float: left;}
#squareonePartners div.shopwise{font-size:11px; margin-left: 155px; padding-right: 0px; padding-top: 23px; width: 155px; float: left;}

.productColumn {width:265px; float:left; padding-right:10px; margin-right:30px}
.productColumn p {color:#78746d; font-size:12px; padding:5px 0 0 0}
.productColumn h3 {color:#48453f; font-size:18px; font-weight:normal; margin-top:10px}

ul.productDetail {margin-top:15px; margin-left:15px}
ul.productDetail li {
 list-style:disc;
padding-bottom:10px;
font-size:12px;
color:#918d86;
}

.productContainer {margin-left:15px; padding-top:15px;}

.productContainer h3 a {
color:#333333
}

.submenu ul li.our-team a span {
display:none
}

.submenu ul li.our-team a {
background-image:url(/resources/images/nav_ourTeam.png);
display:block;
width:55px;
height:16px;
background-repeat:no-repeat;
background-position:top right;
padding-left:15px;
margin-top:4px;
}
.submenu ul li.our-team a:hover {
background-position:bottom right;
}
.submenu ul li.our-team.selected a, .submenu ul li.our-team.selected a:hover {
background-image:url(/resources/images/nav_ourTeamON.png);
width:60px;
height:16px;
background-position:top right;
}

.submenu ul li.partnerships a span {
display:none
}

.submenu ul li.partnerships a {
background-image:url(/resources/images/nav_partnership.png);
display:block;
width:79px;
height:16px;
background-repeat:no-repeat;
margin-top:4px;
margin-left:15px;
background-position:top;
}
.submenu ul li.partnerships a:hover {
background-image:url(/resources/images/nav_partnership.png);
background-position:bottom;
}

.submenu ul li.jobs a span {
display:none
}

.submenu ul li.jobs a {
background-image:url(/resources/images/nav_jobs.png);
display:block;
width:29px;
height:16px;
background-repeat:no-repeat;
margin-top:4px;
margin-right:20px;
margin-left:15px;
background-position:top;
}
.submenu ul li.jobs a:hover {
background-image:url(/resources/images/nav_jobs.png);
background-position:bottom;
}

.submenu ul li.jobs.selected a {
background-image:url(/resources/images/nav_jobsON.png);
width:30px;
height:16px;
}

.submenu ul li.partnerships.selected a {
background-image:url(/resources/images/nav_partnershipsON.png);
width:85px;
height:16px;
}

.submenu ul li.philosophy a {
background-image:url(/resources/images/nav_philosophy.png);
display:block;
width:68px;
height:16px;
background-repeat:no-repeat;
margin-top:4px;
margin-left:15px;
background-position:top;
}
.submenu ul li.philosophy a:hover {
background-position:bottom;
}

.submenu ul li.philosophy.selected a {
background-image:url(/resources/images/nav_philosophyON.png);
width:85px;
height:16px;
}

.submenu ul li.process a {
background-image:url(/resources/images/nav_process.png);
display:block;
width:48px;
height:16px;
background-repeat:no-repeat;
margin-top:4px;
margin-left:15px;
background-position:top;
}
.submenu ul li.process a:hover {
background-position:bottom;
}

.submenu ul li.process.selected a {
background-image:url(/resources/images/nav_processON.png);
width:51px;
height:16px;
}

.submenu ul li.agile-manifesto a {
background-image:url(/resources/images/nav_agileManifesto.png);
display:block;
width:93px;
height:16px;
background-repeat:no-repeat;
margin-top:4px;
margin-left:15px;
background-position:top;
}
.submenu ul li.agile-manifesto a:hover {
background-image:url(/resources/images/nav_agileManifesto.png);
background-position:bottom;
}

.submenu ul li.agile-manifesto.selected a {
background-image:url(/resources/images/nav_agileManifestoON.png);
width:101px;
height:16px;
}

.submenu ul li.project-tools a {
background-image:url(/resources/images/nav_projectTools.png);
display:block;
width:79px;
height:16px;
background-repeat:no-repeat;
margin-top:4px;
margin-left:15px;
background-position:top;
margin-right:20px;
}
.submenu ul li.project-tools a:hover {
background-image:url(/resources/images/nav_projectTools.png);
background-position:bottom;
}

.submenu ul li.project-tools.selected a {
background-image:url(/resources/images/nav_projectToolsON.png);
width:87px;
height:16px;
}
.submenu ul li.agile-manifesto a span, .submenu ul li.process a span, .submenu ul li.project-tools a span, .submenu ul li.philosophy a span {display:none}

ul.mv {
list-style:disc;
display:inline-block;
}

ul.mv li {
padding-bottom:10px;
clear:left;
list-style:disc;
margin-left:20px;
}

.padding {
padding:25px 20px 0px 20px;
float:left;
font-size:12px;
}

.hdr.Approach {
display:block;
background-image:url(/resources/images/hdr_approach.jpg);
width:118px;
height:34px;
}

.hdr.approach span {display:none}

.partners {
float:left;
width:451px;
height:264px;
margin-right:20px;
margin-top:20px;
}

.team {
font-size:12px;
padding:20px;
float:left;
}

.team h3 span {
display:none
}

.team p {
padding-left:5px;
}

.team h3 {
display:block;
background-image:url(/resources/images/titles.png);
background-repeat:no-repeat;
width:233px;
height:39px;
}

.team h3.doris {
background-position:-5px -10px;
}

.team h3.chad {
background-position:-5px -68px;
}

.team h3.winston {
background-position:-5px -189px;
}

.team h3.grace {
background-position:-5px -128px;
}

.team h3.julie {
background-position:-5px -249px;
}

.team h3.shane {
background-position:-5px -308px;
}

.team h3.geoff {
background-position:-5px -369px;
}

.agile b, .process b {
font-size:14px;
color:#e54125;
}

.process {float:left; font-size:12px; line-height:20px}
.agile {
clear:left;
float:left;
font-size:12px;
padding-top:30px;
width:550px
}

ul.about {
list-style:disc;
font-size:12px;
margin:10px 20px;
}

.spotlightText {
margin:0 auto;
width:563px;
margin-top:10px;
}

.spotlightText h6 {margin:0 0 5px 0;
font-size:20px;
text-transform:uppercase
}

.spotlightText span {
clear:left;
float:left
}

.spotlightText iframe {
float:left;
margin-left:10px
}

.spotlightText span {
margin-bottom:10px;
}

.spotlightText a.tweet {
display:block;
background:url(/resources/images/btn_twitter.png) no-repeat;
width:52px;
height:26px;
float:left;
clear:left
}

.spotlightText a.tweet span {display:none}

ul.services {
float:left;
width:270px;
margin-right:25px;
list-style:none;
padding-left:0;
}

ul.services li ul {
list-style:disc;
margin:10px 0 0 15px;
padding-left:0
}

ul.services li p {
padding:0;
margin:5px 0 0 0;
}

a.cms-link-Index, li.cms-menu-Index {display:none;}

#TB_ajaxContent {overflow:hidden}

#mySpotlight{background-image:url(/resources/images/spotlight/squareone_spotlight.gif);background-repeat:no-repeat;}
#mySpotlight .crop{overflow:hidden;width:640px;}
#mySpotlight .image{padding-left:0; float:left;width:1500px; position:relative;margin-top:20px; list-style:none}
#mySpotlight .image li{float:left; width:630px}
#mySpotlight .image li p {width:573px; margin:0 auto; padding:0}

#mySpotlight .buttons{float:right}
#mySpotlight .buttons li{list-style:none; float:left; width:30px; font-weight:bold; font-size:11px}
#mySpotlight .buttons li span.num{cursor:pointer; color: #ff0000}
#mySpotlight .buttons li span.sep{color:#666; margin-left:5px}

ul.selector
    {
    width:269px;
    float:left;	
    background-image:url(/resources/images/bkgrd_leftnav.gif);
    margin-right:15px;
    background-repeat:no-repeat;
    background-position:top left;
    padding-bottom:42px;
    margin-left:30px;
padding-left:0;
list-style:none
    }
ul.selector.buildwise {
background-image:url(/resources/images/bkgrd_buildwise.gif);
}
ul.selector.planwise {
background-image:url(/resources/images/bkgrd_planwise.gif);
}
    ul.selector li
    {
    	width:100%;
    	float:left
    }
    ul.selector li a
    {
    	cursor:pointer;
       background-image:url(/resources/images/leftnav_sellwise.png);
       background-repeat:no-repeat;
       height:77px;
       background-position:center 0;
       display:block
    }
    ul.selector.buildwise li a {
background-image:url(/resources/images/leftnav_buildwise.png);
}
ul.selector.planwise li a {
background-image:url(/resources/images/leftnav_planwise.png);
}
    ul.details
    {
    width:580px;
    float:left;	
list-style:none;
padding-left:0;
    }
    
    ul.details li
    {
    	width:100%;
    	float:left;
    	display:none;
    }

ul.selector li a span {display:none}
ul.selector li.manageProd a {background-position:0px 0px}
ul.selector li.manageProd a.on {background-position:-270px 0px}
ul.selector li.trackInventory a {background-position:0px -78px; height:73px}
ul.selector li.trackInventory a.on {background-position:-270px -78px; height:73px}
ul.selector li.multipleStore a {background-position:0px -151px; height:69px}
ul.selector li.multipleStore a.on {background-position:-270px -151px; height:69px}
ul.selector li.customizeWeb a {background-position:0px -220px; height:72px}
ul.selector li.customizeWeb a.on {background-position:-270px -220px; height:72px}
ul.selector li.manageCustomers a {background-position:0px -292px; height:76px}
ul.selector li.manageCustomers a.on {background-position:-270px -292px; height:76px}
ul.selector li.manageOrders a {background-position:0 -368px; height:76px}
ul.selector li.manageOrders a.on {background-position:-270px -368px; height:76px}

ul.details li .prodContainer {width:100%; font-size:12px; color:#78746d; float:left}
ul.details li .prodContainer ul {list-style:disc; margin:0; padding:0}
ul.details li .prodContainer ul li {display:block !important; padding-bottom:15px; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 7px; padding-left:15px}

ul.details li.manageProd1 .prodContainer {background-image:url(/resources/images/sh_manageProd.gif); background-repeat:no-repeat; background-position:right bottom; float:left; height:477px}
ul.details li.trackInvetory1 .prodContainer {background-image:url(/resources/images/sh_manageProd.gif); background-repeat:no-repeat; background-position:right bottom; float:left; height:477px}

.hdr.Products span {display:none}
.hdr.Products {
background-image:url(/resources/images/hdr-Products.png);
background-repeat:no-repeat;
width:111px;
height:34px;
}

.submenu ul li.verametric a {
display:block;
background-image:url(/resources/images/subnav_products.png);
background-repeat:no-repeat;
background-position:-90px 0;
height:16px;
margin-top:5px;
width:68px;
}
.submenu ul li.verametric.selected a {
background-position:-90px -16px;
width:69px
}

.submenu ul li.irise-custom-widgets a {
display:block;
background-image:url(/resources/images/subnav_products.png);
background-repeat:no-repeat;
background-position:-260px 0;
height:16px;
margin-top:5px;
width:133px;
}
.submenu ul li.irise-custom-widgets.selected a {
background-position:-260px -16px;
width:139px;
}

.submenu ul li.irise-custom-widgets a {
margin-right:15px
}

.submenu ul li.irise-custom-widgets {
margin-left:0
}

.submenu ul li.webwise a {
display:block;
background-image:url(/resources/images/subnav_products.png);
background-repeat:no-repeat;
background-position:-170px 0;
height:16px;
margin-top:5px;
width:56px;
}
.submenu ul li.webwise.selected a {
background-position:-170px -16px;
width:57px
}

.submenu ul li.overview a {
display:block;
background-image:url(/resources/images/subnav_products.png);
background-repeat:no-repeat;
background-position:0px 0;
height:16px;
margin-top:5px;
width:62px;
}
.submenu ul li.overview.selected a {
background-position:0px -16px;
width:66px
}

.submenu ul li.overview a span, .submenu ul li.irise-custom-widgets a span, .submenu ul li.webwise a span, .submenu ul li.verametric a span {display:none}

.submenu ul li.verametric a, .submenu ul li.webwise a, .submenu ul li.irise-custom-widgets a, .submenu ul li.overview a {
padding-left:10px;
margin-left:15px;
}

.submenu ul li.buildwise a {
padding-right:15px
}

ul.selector li.takeControl a {background-position:0px 0px}
ul.selector li.takeControl a.on {background-position:-270px 0px}
ul.selector li.manageTemplates a {background-position:0px -78px; height:73px}
ul.selector li.manageTemplates a.on {background-position:-270px -78px; height:73px}
ul.selector li.socialWeb a {background-position:0px -151px; height:69px}
ul.selector li.socialWeb a.on {background-position:-270px -151px; height:69px}
ul.selector li.forms a {background-position:0px -220px; height:72px}
ul.selector li.forms a.on {background-position:-270px -220px; height:72px}
ul.selector li.versionControl a {background-position:0px -292px; height:76px}
ul.selector li.versionControl a.on {background-position:-270px -292px; height:80px}

ul.selector li.manageEvent a {background-position:0px 0px}
ul.selector li.manageEvent a.on {background-position:-270px 0px}
ul.selector li.classes a {background-position:0px -78px; height:73px}
ul.selector li.classes a.on {background-position:-270px -78px; height:73px}
ul.selector li.ticket a {background-position:0px -151px; height:69px}
ul.selector li.ticket a.on {background-position:-270px -151px; height:69px}
ul.selector li.registrations a {background-position:0px -220px; height:72px}
ul.selector li.registrations a.on {background-position:-270px -220px; height:72px}

.socialWeb1.main .prodContainer ul.bullet {
width:200px;
float:left
}

p.prod {
padding:15px 25px 25px 25px;
float:left
}

ul.portfolioDetail {
width:20000px
}

ul.portfolioDetail ul {
height:450px;
width:5000px;
}

ul.portfolioDetail li {
float:left;
width:925px;
overflow:hidden;
}

ul.portfolioDetail li ul li {
text-align:center;
list-style:none;
}

ul.portfolioDetail li ul li img {
border:1px solid #dddddd;
-moz-border-radius:5px;
}

.portfolioDetailContainer {
width:100%;
overflow:hidden;
}

.projectText {
width:770px; 
margin:0 auto;
}

.projectText p {
float:left;
margin-right:20px;
}

.projectText p.comments {
clear:left;
margin-top:20px;
}

ul.portfolioDetail .projectText ul {
height:8px;
float:right;
width:auto;
}

.projectText ul li {
float:left;
border:1px solid #cc0000;
margin-left:5px;
width:8px;
height:8px;
cursor:pointer;
}

.projectText ul li.on {
background-color:#cc0000;
}

.projectText ul li span {display:none}

.connect_widget .like_button_like .liketext, .connect_widget .like_button_dark .like_button_like .liketext {font-size:9px}

.rightBar {
float:left;
padding-left:20px;
width:250px;
padding-top:15px;
}

.rightBar h5 {
margin:0 0 5px 0;
font-size:18px;
color:#46423c;
padding:0
}

.iriseBox {
background:url(/resources/images/separator.gif) no-repeat bottom left;
padding-bottom:30px
}

.iriseBox p {
padding-top:5px;
}

.followUs {
clear:left;
float:left;
width:100%;
}

.followUs a {
float:right;
margin-left:3px;
}

.followUs p {
float:right;
padding:5px 5px 0 0;
}

#twitter ul {
list-style:none;
margin-top:10px;
padding-left:0;
}

#twitter ul li {
margin-bottom:15px;
}

#mySpotlight .image li .spotlightText p {
margin:0 0 15px 0;
}

.mainbody .content.content {
padding-bottom:10px;
}

.facebook {
float:left;
clear:left;
margin:20px 0 0 20px;
}

.facebook.product {
margin:40px 0 0 20px;
}

.process h6, .agile h6, .service h6, .irisePage h6 {
margin:0;
padding:0 0 5px 0;
color:#E54125;
font-size:18px;
font-weight:bold
}

.service h6 {font-size:21px}
.irisePage h6 {margin-top:20px}

.agile ul {
list-style:none;
padding-left:0;
}

.agile ul li {
padding-bottom:15px;
}

.agile h6 {
padding-bottom:0
}

.box h1 {
padding:20px 0 10px 0;
}

.box ul {
margin-left:20px;
}

#TB_ajaxContent {
overflow:hidden !important
}

.onlifeCaseStudy {
width:475px;
float:left;
padding-left:20px;
padding-top:20px
}

.onlifeCaseStudy h1 {
padding:20px 0 10px 0;
}

.mainhdr p {
padding:0;
margin:0;
}

/*verametric page*/
.verametricPage {margin:0 20px 0 15px; float:left}

.verametricPage .left {
float:left;
padding-left:10px
}

.verametricPage .right {
float:right;
}

.verametricPage .left.top {
width:655px;
}

.verametricPage .left.bottom {
width:655px;
margin-top:15px;
}

.verametricPage .left.bottom p {
padding-bottom:15px;
}

.verametricPage .right.bottom {
width:25%;
margin:15px 0 0 0;
}

.verametricPage .right.bottom h6 {
color:#46423C;
font-size:18px;
margin:0;
padding:10px 0 0;
text-align:center;
}

.verametricPage .right.bottom .bkgrd {
background:url(/resources/images/bkgrd_verametricRight.gif) repeat-x top left;
border-radius:5px;
-moz-border-radius:5px;
padding-bottom:10px;
border:1px solid #e6e5e4
}

.verametricPage h3 {
float:left; clear:left; width:100%; margin:25px 0; padding:20px 0; text-align:center;
background-color:#2F332E; color:#ffffff; -moz-border-radius:10px; 
border-radius:10px; font-size:16px; line-height:20px
}

a.verametricLogo span {display:none}
a.verametricLogo {
width:350px;
height:97px;
background:url(/resources/images/verametricLogo.gif) no-repeat;
display:block;
}

.verametricPage ul {
list-style:none;
margin:0;
padding:0 20px;
}

.verametricPage ul li {
text-align:center;
margin-top:15px;
line-height:16px;
}

.verametricPage .right.bottom ul h4 {
color:#4EB414; 
padding:3px 0 5px 0;
margin:0;
width:100%;
text-align:center;
}

.verametricPage strong {
font-size:14px;
}

.verametricPage .verametricSignUp {
padding:10px; margin-bottom:15px; text-align:center; border:1px solid rgb(230, 229, 228); -moz-border-radius: 5px; border-radius:5px
}

.verametricPage .verametricSignUp input {
width:100%;
background-color:#FBFBFB;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #EAEAEA;
font-size:14px;
color:#999999;
padding:5px 0;
margin:10px 0;
}

.verametricSignUp a.submit {
display:inline-block;
width:85px;
height:28px;
background:url(/resources/images/btn_verametricSubmit.gif) no-repeat;
}

.verametricSignUp a.submit span {display:none}

/*product overview*/
.prodOverview .left {
float:left; 
width:630px;
margin:25px 25px 0 25px;
}

.prodOverview .left h6 {
font-size:20px;
color:#625f58;
margin:0;
padding: 20px 0 10px 0;
}

.prodOverview .left p {
margin:0;
padding:0;
width:100%;
}

.prodOverview .left ul {
margin:25px 0;
padding:0;
list-style:none
}

.prodOverview .left ul li {
float:left;
border-right:1px solid #e8e8e4;
padding:0 17px;
width:180px;
min-height:120px;
}

.prodOverview .left ul li.first {padding-left:0;}
.prodOverview .left ul li.last {border-right:0}

.prodOverview .left ul li h6 {
color:#e4441c;
font-size:16px;
margin:0 0 10px 0;
padding:0;
}

.prodOverview .quickLinks {
float:right;
width:226px;
border-left:1px solid #cccccc;
padding-left:15px;
margin-top:35px;
min-height:370px;
}

.prodOverview .quickLinks h6 {
color:#615e58;
font-size:18px;
margin:5px 0 10px 0;
padding:0 0 0 32px;
}

.prodOverview .quickLinks ul {
width:100%;
margin:0 0 15px 0;
padding:0;
list-style:none;
float:left;
clear:left
}

.prodOverview .quickLinks ul li {
float:left;
}

.prodOverview .quickLinks ul li.last {margin-right:0}

.prodOverview .quickLinks ul li a span, .rightBar ul a span {display:none}
.prodOverview .quickLinks ul li a, a.icn_iframe, a.icn_rss, a.icn_annotate, a.icn_twitter, a.icn_pagination, a.icn_sellwise, a.icn_planwise, a.icn_buildwise, a.icn_webwise, a.icn_verametric  {
display:block;
width:75px;
height:81px;
background:url(/resources/images/icons_QL.png) no-repeat;
}

.prodOverview .quickLinks ul li a.icn_annotate, a.icn_annotate {
background:url(/resources/images/icons_QL.png) no-repeat -75px 0;
}

.prodOverview .quickLinks ul li a.icn_twitter, a.icn_twitter {
background:url(/resources/images/icons_QL.png) no-repeat -150px 0;
}

.prodOverview .quickLinks ul li a.icn_pagination, a.icn_pagination {
background:url(/resources/images/icons_QL.png) no-repeat 0px -81px;
}

.prodOverview .quickLinks ul li a.icn_sellwise {
background:url(/resources/images/icons_QL.png) no-repeat -75px -81px;
}

.prodOverview .quickLinks ul li a.icn_planwise {
background:url(/resources/images/icons_QL.png) no-repeat -150px -81px;
}

.prodOverview .quickLinks ul li a.icn_buildwise {
background:url(/resources/images/icons_QL.png) no-repeat 0px -162px;
}

.prodOverview .quickLinks ul li a.icn_verametric {
background:url(/resources/images/icons_QL.png) no-repeat -75px -162px;
}

.prodOverview .quickLinks ul li a.icn_webwise {
background:url(/resources/images/icons_QL.png) no-repeat -150px -162px;
}

.prodOverview .quickLinks ul li a.icn_rss, a.icn_rss {
background:url(/resources/images/icons_QL.png) no-repeat 0px -243px;
}

/*widget pages*/
.widgets {
padding-left:25px;
}

.widgets .leftContent {
float:left;
width:630px;
margin-top:25px;
}

.widgets .leftContent p {
padding:10px 0 15px 0;
clear:left
}

.widgets .features {
width:295px;
float:left;
}

.widgets.annotation .features {width:640px}

.widgets .features p {
line-height:16px !important;
clear:left;
padding:5px 0 0 0;
}

.widgets .features h6 {
color:#e44122;
font-size:18px;
float:left;
clear:left;
margin:5px 0;
}

.widgets .features h6.small {
font-size:14px;
}

.widgets .features ul {
margin:0 0 15px 15px;
float:left; 
clear:left
}

.widgets .features ul.small li {
font-size:11px;
line-height:14px !important
}

.widgets .features p.version {
clear:left;
float:left;
font-size:11px;
font-style:italic;
padding:0;
}

.widgets .usage {
float:left;
width:291px;
margin-left:5px;
background:url(/resources/images/bkgrd_usage.gif) repeat-x top left #f2f1ed;
border-radius:5px;
-moz-border-radius:5px;
border:1px solid #e4e3df;
padding-top:15px;
text-align:left; 
margin-top:0px
}

.widgets.annotation .usage {margin-top:5px}

.widgets .usage .title {
border-bottom:1px dotted #DDDDDD;
padding-bottom:10px;
text-align:left;
width:90%;
float:left;
margin:0 0 10px 15px;
}

.widgets.annotation .usage .title {width:95%}
.widgets .usage .title img {float:left}
.widgets .usage .title a {float:right; pointer:cursor}

.widget .usage .screenshot {
width:100%; float:left; text-align:center; padding-bottom:10px; display:none
}

.widget .usage a {pointer:cursor; display:block}

.widgets .usage ul {
width:240px;
margin:10px 0 5px 35px;
float:none;
text-align:left;
list-style:decimal;
}

.widgets.annotation .usage ul {
width:580px;
}

.widgets .usage ul li {
padding-bottom:5px;
line-height:18px;
}

.widgets .usage h6 {
font-size:16px;
color:#E44122;
margin:10px 0 0 15px;
padding:0
}

.widgets .usage p {line-height:16px !important}
.widgets.annotation .usage p {
clear:left;
float:left;
margin:5px 0 15px 15px;
width:580px;
}

.widgets .rightBar {
float:right;
width:255px;
padding:0;
margin:35px 0 0 0;
}

.widgets .rightBar p {
background:url(/resources/images/separator.gif) no-repeat bottom right;
padding:0 0 35px 0;
}

.widgets .rightBar h6 {
font-size:14px;
color:#605d57;
margin:5px 0 0 15px;
padding:0
}

.widgets .rightBar ul {
list-style:none;
margin:0;
}

.widgets .rightBar ul li {
float:left;
}

.iRiseOverview {
float:left; 
margin:25px 20px 10px 20px;
}

.iRiseOverview ul li {
float:left;
padding:0 7px 20px 7px;
border-right:1px solid #cccccc;
list-style:none;
}

.iRiseOverview ul li.last {border-right:0}

.iRiseOverview ul {
margin:30px 0 0 0;
padding:0; 
float:left
}

.iRiseOverview ul li p {font-size:11px;text-align:center; padding-top:10px}
.iRiseOverview ul li a {font-size:11px; color:#6d6a62}

.hdr_verametric {
background:url(/resources/images/category-verametric.jpg) no-repeat;
width:924px;
height:271px;
}

.hdr_verametric .video {
float:left; 
margin:21px 0 0px 76px;

}

.hdr_verametric .video a:focus, .hdr_verametric .video a{
border:1px solid #000000
}

.hdr_verametric .rightButton {
float:right;
margin:172px 33px 0 0;
}

.hdr_verametric .rightButton a span {display:none}
.hdr_verametric .rightButton a {
display:block;
background:url(/resources/images/btn_verametric.jpg);
width:245px;
height:70px;
}

/*slideviewer*/
.mainImage .crop {
width:3000px;
height:271px;
position:relative;
}

.mainImage {
width:924px;
height:271px;
overflow:hidden;
}

.mainImage ul li {float:left; list-style:none}
.mainImage ul.image {position:relative}
.mainImage ul.buttons {
height:20px;
left:845px;
margin:8px 0 0 0;
position:absolute;
top:0;
z-index:1000;
}

.mainImage ul.buttons li {
width:20px;
height:19px;
margin-right:5px;
}

.mainImage ul.buttons li.on {
background:url(/resources/images/btn_scrollerOn.png) no-repeat;
}

.mainImage ul.buttons li a {
display:block;
width:20px;
height:19px;
text-align:center;
line-height:19px;
vertical-align:center;
}

.mainImage ul.buttons li.on a {color:#ffffff}

.mainImage ul.image li.verametricOverview {
background:url(/resources/images/category-verametricOverview.jpg) no-repeat;
width:924px;
height:271px
}

.mainImage ul.image li.verametricOverview a {
margin:234px 0 0 518px;
float:left
}