* { margin: 0; padding: 0; }

/* for PNGs on IE6 */
img.fuie6, #page-head, #page-body, #page-body.home, #news-area, #page-foot, #page-foot.home { _behavior: url('/images/site/iepngfix.htc'); } /* only IE6 sees this */

/* sitewide */
#page-body, #news-area #page-foot, #main, #sidebar, #featured-news, #featured-blog, #feature-spot { overflow: hidden } /* to make them "containers" */

.hidden { display: none; }

body { font: 12px Verdana, sans-serif; line-height: 18px; color: #555;
  background: #a4a4a4 url('/images/site/bg-page.png') repeat-x top left; }

a { text-decoration: underline; }
a img { border: none; }
a:link, a:visited { color: #0b53a3; }
a:hover { color: #3888e2; }

/* only for Cluetips */
a.glossary { display: inline-block; padding-right: 14px; background: url('/images/site/bg-glossary-term.gif') no-repeat top right; color: #555; text-decoration: none; }
a.glossary:hover { display: inline-block; padding-right: 14px; background: url('/images/site/bg-glossary-term.gif') no-repeat top right; color: #55a51c; text-decoration: none; }

.float-left { float: left; }
.float-right { float: right; }
.center-aligned { text-align: center; }

h1 { font-size: 30px; font-weight: normal; color: #093978; padding: 12px 0 24px 0; }
h3 { font-size: 18px; font-weight: normal; color: #093978; padding-top: 16px; margin-bottom: 6px; }
h3 a, h3 a:visited, h3 a:hover { text-decoration: none; }
h4 { font-size: 13px; margin-bottom: 6px; }

#main .content p { margin-bottom: 18px; }
#main .content p, #main .content h2, #main .content h3, #main .content h4, .headlines, #main .content .news-item a.more, #main .content .documentation-item a.more, ul.sidebar-links, ul.nav-secondary, ul.side-nav { padding-left: 2px; } /* a slight nudge to the right for subtle header overhang */

blockquote { margin: 0 0 18px 30px; }

ul { list-style: none; }
#main .content ul { list-style-type: square; margin: 0 0 18px 55px; list-style-image: url('/images/site/bullet.gif'); }
#main .content ul li { margin-bottom: 4px; }
ol { margin: 0 0 18px 55px; }

#main-wrapper { width: 960px; margin: 0 auto 30px auto; }
#main-wrapper #page-head { width: 960px; height: 136px; background: url('/images/site/bg-page-body-top.png') no-repeat bottom left; z-index: 10; } /* need to have a higher z relative to page-body for subnavs to be on top in ie8 */
#main-wrapper #page-body { width: 960px; background: url('/images/site/bg-page-body.png') repeat-y top left; z-index: 5; }
#main-wrapper #page-foot { width: 960px; padding-top: 50px; background: url('/images/site/bg-page-body-bottom.png') no-repeat top left; }
#main-wrapper #main, #sidebar { float: left; }
#main-wrapper #main { width: 705px; }
#main-wrapper #main.wide { width: 960px; }
#main-wrapper #main .content { margin: 20px 50px 0 55px; }
#main-wrapper #sidebar { width: 255px; }
#main-wrapper #divider-container { width: 35px; margin-top: 65px; float: left; }
img#divider { width: 35px; }
#main-wrapper #sidebar .content { width: 185px; margin-top: 30px; float: left; }

.column-left, .column-right { width: 265px; float: left;}
.column-left { padding-right: 70px; }

/* home page styles */
#main-wrapper #page-head.home { height: 100px; background-image: url('/images/site/bg-page-body-top-home.png'); }
#main-wrapper #page-body.home { width: 960px; height: 350px; background: url('/images/site/bg-page-body-home2.png') no-repeat top left; z-index: 5; }
#main-wrapper #page-body.home #main .content { margin: 0; }
#main-wrapper #main.home { width: 640px; }
#main-wrapper #page-foot.home { width: 960px; padding-top: 7px; background: none; }
#main-wrapper #sidebar.home { width: 320px; }
#main-wrapper #sidebar.home p { padding: 16px 30px 18px 32px; font-size: 13px; line-height: 16px; color: #434343; }
#main-wrapper #news-area { width: 960px; height: 230px; background: url('/images/site/bg-home-news-area.png') no-repeat top left; }
#featured-news, #featured-blog, #feature-spot { float: left; }
#featured-news { width: 260px; height: 180px; padding: 20px 56px 30px 24px; }
#featured-blog { width: 280px; height: 180px; padding: 20px 20px 30px 0; }
.headlines h4 { padding: 13px 0 0 0; font-size: 10px; margin-bottom: 0; }
#news-area a, #news-area a:visited { color: #434343; text-decoration: none; }
#news-area a:hover { color: #0b53a3; text-decoration: none; }
#news-area a.more { display: block; text-align: right; font-size: 9px; float: right; padding-top: 3px; text-decoration: none; }
#news-area a.more, #news-area a.more:visited { color: #7a7a7a; text-decoration: none; }
#news-area a.more:hover { color: #393939; text-decoration: underline; }
.headlines { clear: both; font-size: 10px; color: #434343; line-height: 13px; }
#page-foot p { text-align: center; font-size: 10px; color: #606060; }

#page-foot p.rights { margin: 12px 0 4px 0; }
p.rights a, p.rights a:visited { color: #373737; text-decoration: none; }
p.rights a:hover { text-decoration: underline; }
#page-foot p.network img { vertical-align: middle; }

/* news page styles */
#main .content .news-item { margin-bottom: 30px; }
#main .content p.date { font-size: 11px; text-transform: uppercase; margin-bottom: 2px; }
#main .content p.pub-info { font-size: 11px; margin-bottom: 2px; }
#main .content p.pub-info span.date { text-transform: uppercase; }
#main .content p.pub-info span.pub-name { font-style: italic; }
#main .content p.date-location { font-size: 11px; margin-bottom: 2px; }
#main .content p.date-location span { text-transform: uppercase; }
#main .content .news-item a.more, #main .content p a.more { width: 150px; font-size: 10px; display: block; }
#main .content .news-item a.more, #main .content .news-item a.more:visited, #main .content .news-item a.more:hover, #main .content p a.more, #main .content p a.more:visited, #main .content p a.more:hover { text-decoration: none; }
#main .content .news-item h3 { font-size: 16px; padding-top: 0; margin-bottom: 6px; }
#main .content .news-item h3 span.file-info { font-size: 11px; color: #8f8f8f; font-weight: normal; }
#main .content .news-item h3 a, #main .content .news-item h3 a:visited, #main .content .news-item h3 a:hover { text-decoration: none; }

/* documentation styles */
#main .content .documentation-item { padding-bottom: 18px; border-top: 1px dotted #ccc; }
#main .content .documentation-item a.more { width: 150px; font-size: 10px; display: block; }
#main .content .documentation-item a.more, #main .content .documentation-item a.more:visited, #main .content .documentation-item a.more:hover { text-decoration: none; }
#main .content .documentation-item h3 { margin-bottom: 6px; }
#main .content .documentation-item h3 a, #main .content .documentation-item h3 a:visited, #main .content .documentation-item h3 a:hover { text-decoration: none; }

/* nav */
#nav { width: 960px; height: 90px; }
  #supra-nav { width: 196px; height: 13px; padding: 21px 0 0 764px; }

img.off { display: inline-block; }

#logo img { width: 270px; height: 76px; }
  #logo-2 img { width: 230px; height: 56px; }
  #logo-3 img { width: 230px; height: 56px; }

#nav li { float: left; }
  #supra-nav li { float: left; }
li#logo { width: 333px; padding: 14px 0 0 0; }
  li#logo-2 { width: 316px; padding: 0 0 0 0; }
  li#logo-3 { width: 264px; padding: 0 0 0 0; }
li#whats-broken { width: 137px; height: 33px; } /* 12 + 113 + 12 */
  li#solutions { width: 97px; height: 33px; } /* 12 + 73 + 12 */
li#products { width: 96px; height: 33px; } /* 12 + 72 + 12 */
  li#products-2 { width: 93px; height: 33px; } /* 12 + 69 + 12 */
  li#partners { width: 88px; height: 33px; } /* 12 + 64 + 12 */
li#news { width: 62px; height: 33px; } /* 12 + 38 + 12 */
  li#news-2 { width: 61px; height: 33px; } /* 12 + 37 + 12 */
li#about { width: 91px; height: 33px; } /* 12 + 67 + 12 */
  li#about-2 { width: 69px; height: 33px; } /* 12 + 45 + 12 */
li#contact { width: 97px; height: 33px; } /* 12 + 85 */
  li#contact-2 { width: 106px; height: 33px; } /* 12 + 82 + 12 */
li#beta { width: 54px; padding: 37px 0 0 18px; } /* 18 + 54 */
  li#buy { width: 44px; padding: 11px 0 0 13px; } /*  */
  li#buy-2 { width: 42px; padding: 11px 0 0 14px; } /*  */
  li#try { width: 42px; padding: 11px 0 0 14px; } /*  */
li#blog { width: 55px; padding: 51px 10px 0 7px; } /* 7 + 55 + 10 */
  li#blog-2 { width: 51px; padding: 22px 0 0 9px; } /* 9 + 51 */
  li#blog-3 { width: 47px; padding: 22px 0 0 9px; } /* 9 + 47 */
li#about, li#whats-broken, li#products, li#news, li#contact { margin-top: 57px; }
  li#solutions, li#products-2, li#partners, li#news-2, li#about-2, li#contact-2 { margin-top: 23px; }
  li#support { width: 83px; height: 12px; }
  li#communities { width: 113px; height: 12px; }

#nav li ul { position: absolute; top: 90px; left: -2000px; border: 1px solid #acacac; }
#nav li ul li { border-bottom: 1px solid #cdcdcd; }
#nav li ul li.last { border-bottom: 0; }

a.topnav-link, a.supra-nav-link, #nav li ul li a { display: block; }
#nav li ul li a, #nav li ul li a:visited, #nav li ul li a:hover { color: #0b53a3; }
#nav li ul li a { background-color: #f2f2f2; font-size: 11px; height: 21px; padding: 3px 0 0 13px; text-decoration: none;}
#nav li ul li a, #nav li ul li a:hover { filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92; }
#nav li ul li a:hover { color: #0b53a3; background-color: #e6e5e5; }

li#about ul, li#about ul li { width: 135px; }
  li#about-2 ul, li#about-2 ul li { width: 135px; }
li#whats-broken ul, li#whats-broken ul li { width: 245px; }
  li#solutions ul, li#solutions ul li { width: 245px; }
li#contact ul, li#contact ul li { width: 175px; }
  li#contact-2 ul, li#contact-2 ul li { width: 175px; }
  li#products-2 ul, li#products-2 ul li { width: 185px; }
  li#partners ul, li#partners ul li { width: 87px; }
  li#news-2 ul, li#news-2 ul li { width: 94px; }

#crumbs { padding: 30px 0 0 55px; }
#crumbs a { font: 12px Verdana, sans-serif; line-height: 100%; text-decoration: none; }
#crumbs { color: #0b53a3; }

ul.nav-secondary { padding-bottom: 30px; margin-bottom: 18px; width: 183px; background: url('/images/site/bg-sb-divider.gif') no-repeat bottom left; }
ul.nav-secondary li { font-size: 11px; line-height: 11px; padding-bottom: 13px; }
ul.nav-secondary li a { text-decoration: none; }

#main .content ul.problems-links { width: 600px; list-style: none; margin: 0; padding: 0; }
#main .content ul.problems-links li { float: left; width: 150px; height: 110px; margin: 0; padding: 0; text-align: center; background-repeat: no-repeat; background-position: top left; font-size: 11px; line-height: 14px; }
#main .content ul.problems-links li.on { height: 45px; width: 130px; padding: 65px 10px 0 10px; }
#main .content ul.problems-links li a { display: block; width: 130px; padding: 65px 10px 0 10px; text-align: center; background-repeat: no-repeat; background-position: -150px 0px; font-size: 11px; line-height: 14px; }
#main .content ul.problems-links li a:hover { background-position: top left; }
li#sprawl, li#sprawl a { background-image: url('/images/site/page-content/button-sprawl.gif'); }
li#performance, li#performance a { background-image: url('/images/site/page-content/button-performance.gif'); }
li#management, li#management a { background-image: url('/images/site/page-content/button-management.gif'); }
li#costs, li#costs a { background-image: url('/images/site/page-content/button-costs.gif'); }

/* sidebar */
ul.sidebar-links { padding-bottom: 30px; }
ul.sidebar-links li { height: 21px; padding-bottom: 3px; font-size: 11px; }
ul.sidebar-links li a { display: block; height: 21px; font-size: 11px; color: #8f8f8f; text-decoration: none; }
ul.sidebar-links li a:visited { color: #8f8f8f; }
ul.sidebar-links li a:hover { color: #555; }
.documentation ul.side-nav li { color: #0b53a3; font-size: 11px; padding-bottom: 8px; }
.documentation ul.side-nav li a, .documentation ul.sidebar-links li a:visited { text-decoration: none; color: #0b53a3; }
.documentation ul.side-nav li a:hover { color: #3888e2; }

ul.sidebar-links li a#info { background: url('/images/site/icon-info.gif') no-repeat top left; padding-left: 30px;  }
ul.sidebar-links li a#join-beta { background: url('/images/site/icon-beta.gif') no-repeat top left; padding-left: 30px; }
  ul.sidebar-links li a#buy { background: url('/images/site/icon-buy.gif') no-repeat top left; padding-left: 30px; }
  ul.sidebar-links li a#try { background: url('/images/site/icon-try.gif') no-repeat top left; padding-left: 30px; }
  ul.sidebar-links li a#partner { background: url('/images/site/icon-partner.gif') no-repeat top left; padding-left: 30px; }
  ul.sidebar-links li a#community { background: url('/images/site/icon-community.gif') no-repeat top left; padding-left: 30px; }
  ul.sidebar-links li a#youtube { background: url('/images/site/icon-youtube.gif') no-repeat top left; padding-left: 30px; }
  ul.sidebar-links li a#glossary { background: url('/images/site/icon-glossary.gif') no-repeat top left; padding-left: 30px; }
ul.sidebar-links li a#news-events { background: url('/images/site/icon-news.gif') no-repeat top left; padding-left: 30px; }
ul.sidebar-links li a#blog-recent { background: url('/images/site/icon-blog.gif') no-repeat top left; padding-left: 30px; }
ul.sidebar-links li a#facebook { background: url('/images/site/icon-facebook.gif') no-repeat top left; padding-left: 30px; }
ul.sidebar-links li a#linked { background: url('/images/site/icon-linked.gif') no-repeat top left; padding-left: 30px; }
ul.sidebar-links li a#twitter { background: url('/images/site/icon-twitter.gif') no-repeat top left; padding-left: 30px; }
ul.sidebar-links li a#rss { background: url('/images/site/icon-rss.gif') no-repeat top left; padding-left: 30px; }

/* graphical text */
img.big-heading { display: block; width: 600px; height: 53px; }
img.news-heading { display: block; width: 600px; height: 40px; padding: 12px 0 14px 0; }
img.sb-heading { display: block; width: 185px; height: 25px; }
img.bnr-beta { display: block; width: 960px; height: 62px; }

/* people */
h3.full-name { font-size: 18px; color: #083978; font-weight: normal; padding-top: 0; margin-bottom: 4px; }
h4.title { text-transform: uppercase; font-size: 11px; color: #393939; font-weight: normal; margin-bottom: 18px; }
h3.board-name, h3.advisor-name { font-size: 12px; font-weight: bold; padding-top: 0; margin-bottom: 0; color: #393939; }
h4.board-position, h4.advisor-position { font-size: 12px; font-weight: normal; margin-bottom: 18px; }
.person-profile { padding-bottom: 12px; }