@charset "utf-8";

#toolbar { background: #ededed; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align: left; }
#toolbar .inner { margin: 0 auto; width: 963px; }
#toolbar .inner .lt { float: left; width: 600px; }
#toolbar .inner .lt .whyversionone-btn { display: block; background: url(/images/global/home-whyv1-btn.gif) no-repeat; width: 139px; height: 38px; text-indent: -9000em; overflow: hidden; }
#toolbar .inner .lt .whyversionone-btn:hover { background-position: bottom; }

#billboard { position: relative; margin: 10px auto 4px auto; background: url(/images/global/billboard-bg.jpg) no-repeat; width: 956px; height: 273px; }
#billboard h1 { margin: 0; padding: 40px 0 0 48px; font-size: 23px; color: #000; letter-spacing: -0.1em; line-height: 1.4em; }
#billboard .action { font-size: 28px; color: #78082d; }
#billboard .who { font-size: 35px; }
#billboard .statement { position: relative; display: block; margin-left: 48px; padding-top: 10px; font-size: 13px; letter-spacing: -0.1em; color: #000; }
#billboard .statement strong { font-size: 15px; }
#billboard .statement .notice { font-size: 13px; font-weight: normal; }
#billboard .statement .cloud { position: absolute; top: 5px; left: 15px; display: inline; background: url(/images/global/billboard-statement-img-sprite.png) no-repeat; width: 32px; height: 25px; }
#billboard .statement .product { position: absolute; top: 5px; left: 165px; display: inline; background: url(/images/global/billboard-statement-img-sprite.png) no-repeat 0 -32px; width: 32px; height: 25px; }
#billboard .cta { margin: 10px 0 0 28px; padding: 0; list-style: none; }
#billboard .cta li { float: left; }
#billboard .cta li .tryversiononenow {  display: block; background: url(/images/global/billboard-cta-img-sprite.png) no-repeat; width: 287px; height: 89px; text-indent: -9000em; overflow: hidden; }
#billboard .cta li .tryversiononenow:hover { background-position: bottom; }
#billboard .cta li .learnmore {  display: block; background: url(/images/global/learnmoreaboutproduct.png) no-repeat; width: 307px; height: 89px; text-indent: -9000em; overflow: hidden; }
#billboard .cta li .learnmore:hover { background-position: bottom; }
#billboard .agile-process { position: absolute; top: -2px; right: 15px; background: url(/images/global/billboard-agile-process.png) no-repeat 80px 15px; width: 351px; height: 267px; }
#billboard .agile-process .inner { position: relative; }
#billboard .agile-process h2 { position: absolute; margin: 0; padding: 0; top: 135px; left: 152px; font-size: 12px; color: #5e889e; }
#billboard .agile-process span { position: absolute; display: block; font-size: 11px; color: #356884; text-transform: uppercase; }
#billboard .agile-process .releases { top: 52px; left: 172px; }
#billboard .agile-process .iterations { top: 73px; left: 240px; }
#billboard .agile-process .roadmaps { top: 138px; left: 270px; }
#billboard .agile-process .ideas { top: 193px; left: 265px; }
#billboard .agile-process .reporting { top: 240px; left: 209px; }
#billboard .agile-process .collaboration { top: 240px; left: 98px; }
#billboard .agile-process .tests { top: 193px; left: 82px; }
#billboard .agile-process .defects { top: 138px; left: 72px; }
#billboard .agile-process .stories { top: 76px; left: 102px; }
#billboard .moreinfo-btn { display: inline; margin: 0; padding: 0; font-size: 13px; height: auto; width: auto; }

#secondary-ctas { float: left; margin-left: 4px; width: 610px; }
#secondary-ctas .admin-made-easier-vid { float: left; display: block; background: url(/images/global/agile-made-easier-vid.jpg) no-repeat; width: 322px; height: 237px; }
#secondary-ctas .resources { float: left; padding: 15px 0; width: 283px; border-right: 1px solid #f2f2f2; }
#secondary-ctas .resources ul { margin: 0; padding: 0; list-style: none; }
#secondary-ctas .resources a { position: relative; display: block; padding: 10px 10px 10px 40px; text-decoration: none; color: #00496b; }
#secondary-ctas .resources span { position: absolute; display: block; background: url(/images/global/home-resources-icon-sprite.png) no-repeat; width: 32px; height: 32px; }
#secondary-ctas .resources .compare { top: 6px; left: 8px; background-position: 0 0; }
#secondary-ctas .resources .whitepaper { top: 10px; left: 6px; background-position: -32px 0; }
#secondary-ctas .resources .opensource { top: 8px; left: 8px; background-position: -64px 0; }
#secondary-ctas .resources h2 { margin: 0; padding: 0; font-size: 14px; color: 14px; letter-spacing: -0.1em; text-decoration: underline; }
#secondary-ctas .resources p { margin: 0; padding: 0; font-size: 12px; color: #8e8d8d; text-decoration: none; }

#secondary-ctas .my-agile-roadmap { position: relative; margin: 5px 0; background: url(/images/global/my-agile-roadmap-banner.jpg) no-repeat; width: 607px; height: 232px; font-size: 12px; }
#secondary-ctas .my-agile-roadmap .theagilemanagersroadmap-btn { position: absolute; bottom: 20px; left: 30px; display: block; }
#secondary-ctas .my-agile-roadmap .agilechecklist-btn { position: absolute; bottom: 34px; left: 235px; display: block; }
#secondary-ctas .my-agile-roadmap .agileposter-btn { position: absolute; bottom: 37px; left: 455px; display: block; }
#secondary-ctas .my-agile-roadmap .allresources-btn { position: absolute; bottom: 180px; left: 478px; display: block; }

#value { float: left; width: 344px; border-right: 1px solid #f2f2f2; }
#value .customers h4 { margin: 0 auto; width: 75%; padding: 8px 0; font-size: 20px; color: #000; text-align: center; letter-spacing: -0.1em; line-height: 1.2em; border-bottom: 1px solid #efefef; }
#value .customers h4 strong { font-size: 25px; color: #78082d; }
#value .customers h4 span { display: block; font-size: 22px; }
#value .customers h4 span strong { font-size: 28px; }
#value .customers .customer-logos { padding: 8px 0; }
#value .customers .customer-logos .lt { float: left; padding: 15px 0; width: 33%; text-align: center; }
#value .customers .customer-logos .md { float: left; padding: 15px 0; width: 33%; text-align: center; }
#value .customers .customer-logos .rt { float: left; padding: 15px 0; width: 33%; text-align: center; }
#value .customers .customer-logos .s-lt { float: left; padding: 15px 0; width: 50%; text-align: center; }
#value .customers .customer-logos .s-rt { float: left; padding: 15px 0; width: 50%; text-align: center; }
#value .customers a { display: block; padding: 8px 0; font-size: 14px; text-transform: uppercase; color: #989898; text-align: center; letter-spacing: -0.1em; text-decoration: none; }
#value .customers a:hover { color: #00496b; }

#value .casestudies {}
#value .casestudies h4 { margin: 0; padding: 10px 0; background: #f9f9f9; font-size: 16px; color: #000; text-align: center; letter-spacing: -0.1em; border-top: 1px solid #e7e6e6; }
#value .casestudies ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
#value .casestudies li { float: left; padding-bottom: 15px; font-size: 15px; font-weight: bold; letter-spacing: -0.1em; width: 33%; }
#value .casestudies li a { display: block; padding: 10px 0; background: url(/images/global/home-casestudies-icon.gif) no-repeat; color: #00496b; text-decoration: none; text-align: center; }
#value .casestudies li a.aol { background-position: 24px 8px; }
#value .casestudies li a.intergraph { background-position: 0 8px; }
#value .casestudies li a.kbb { background-position: 24px 8px; }
#value .casestudies .viewall { display: block; padding: 4px 0 8px 0; font-size: 14px; text-transform: uppercase; color: #989898; text-align: center; letter-spacing: -0.1em; text-decoration: none; }
#value .casestudies .viewall:hover { color: #00496b; }

#news { padding: 20px 0 30px 15px; background: #f5f5f5 url(/images/global/home-news-menu-bg.png) no-repeat 15px 0; }
#news h4 { margin: 0 0 10px 0; padding: 0; background: url(/images/global/inthenow-title.png) no-repeat right bottom; width: 98%; height: 37px; text-indent: -9000em; overflow: hidden; }
#news .menu { float: left; margin: 0; padding: 0; list-style: none; }
#news .menu li { width: 200px; }
#news .menu li a { display: block; font-size: 13px; color: #00496b; text-decoration: none; letter-spacing: -0.1em; text-align: right; width: 200px; height: 31px; }
#news .menu li a:hover { background: url(/images/global/home-new-arrow.png) no-repeat; }
#news .menu li span { display: block; padding: 7px 30px 0 4px; }
#news .menu li .selected { background: url(/images/global/home-new-arrow-selected.png) no-repeat; color: #929292; }

#news .spotlight { float: left; margin-left: 10px; width: 730px; }
#news .spotlight .lt { float: left; position: relative; width: 33%; height: 180px; }
#news .spotlight .md { float: left; position: relative; width: 33%; height: 180px; }
#news .spotlight .rt { float: left; position: relative; width: 33%; height: 180px; }
#news .spotlight h1 { margin: 0; padding: 0 20px 0 0; font-size: 16px; color: #000; }
#news .spotlight p { padding-right: 20px; }
#news .spotlight .blue { display: block; position: absolute; bottom: -5px; background: url(/images/global/home-blue-btn.png) no-repeat; color: #fff; font-weight: bold; width: 200px; height: 35px; text-decoration: none; }
#news .spotlight .blue:hover { background-position: bottom; color: #00496b; }
#news .spotlight .blue span { display: block; padding: 8px 0 0 10px; }

#news .about { float: left; margin-left: 10px; width: 730px; }
#news .about .inner { padding: 0 20px 20px 0; line-height: 1.8em; font-size: 12px; color: #333; }
#news .about h1 { margin: 0; padding: 0 20px 0 0; font-size: 16px; color: #000;  }

#news .agile { float: left; margin-left: 10px; width: 730px; }
#news .agile .inner { padding: 0 20px 20px 0; line-height: 1.8em; font-size: 12px; color: #333; }
#news .agile h1 { margin: 0; padding: 0 20px 30px 0; font-size: 16px; color: #000;  }
#news .agile ul { float: left; margin: 0 0 0 30px; padding: 0; list-style: none; }
#news .agile li { margin-bottom: 5px; padding: 0 8px 5px 20px; background: url(/images/global/home-agile101-icon.png) no-repeat; }

#news .userDiscussions { float: left; margin-left: 10px; width: 730px; }
#news .userDiscussions .inner { padding: 0 20px 30px 0; line-height: 1.8em; font-size: 12px; color: #333; }
#news .userDiscussions h1 { margin: 0; padding: 0 20px 0 0; font-size: 16px; color: #000;  }
#news .userDiscussions ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
#news .userDiscussions ul li { float: left; width: 33%; }
#news .userDiscussions ul li a { display: block; margin-bottom: 5px; padding: 0 8px 5px 20px; background: url(/images/global/home-dis-icon.png) no-repeat; }
#news .userDiscussions .blue { display: block; margin-top: 20px; background: url(/images/global/home-blue-btn.png) no-repeat; color: #fff; font-weight: bold; width: 200px; height: 35px; text-decoration: none; }
#news .userDiscussions .blue:hover { background-position: bottom; color: #00496b; }
#news .userDiscussions .blue span { display: block; padding: 8px 0 0 10px; }

#news .devDiscussions { float: left; margin-left: 10px; width: 730px; }
#news .devDiscussions .inner { padding: 0 20px 30px 0; line-height: 1.8em; font-size: 12px; color: #333; }
#news .devDiscussions h1 { margin: 0; padding: 0 20px 0 0; font-size: 16px; color: #000;  }
#news .devDiscussions ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
#news .devDiscussions ul li { float: left; width: 33%; }
#news .devDiscussions ul li a { display: block; margin-bottom: 5px; padding: 0 8px 5px 20px; background: url(/images/global/home-dis-icon.png) no-repeat; }
#news .devDiscussions .blue { display: block; margin-top: 20px; background: url(/images/global/home-blue-btn.png) no-repeat; color: #fff; font-weight: bold; width: 200px; height: 35px; text-decoration: none; }
#news .devDiscussions .blue:hover { background-position: bottom; color: #00496b; }
#news .devDiscussions .blue span { display: block; padding: 8px 0 0 10px; }

#news .newsFeed { float: left; margin-left: 10px; width: 730px; }
#news .newsFeed .inner { padding: 0 20px 30px 0; line-height: 1.8em; font-size: 12px; color: #333; }
#news .newsFeed h1 { margin: 0; padding: 0 20px 0 0; font-size: 16px; color: #000;  }
#news .newsFeed ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
#news .newsFeed ul li { float: left; width: 33%; }
#news .newsFeed ul li a { display: block; margin-bottom: 5px; padding: 0 8px 5px 20px; background: url(/images/global/home-dis-icon.png) no-repeat; }