/*@import url(http://www.iron.io/stylesheets/jquery-ui-1.8.10.css);*/
/*@import url(http://www.iron.io/nivo-slider.css);*/


html {
    height: 100%;
    margin: 0
}

body {
    margin: 0;
    color: #363636;
    font-family:'Open Sans', sans-serif;
    font-size: 11px;
    /*font-family: Helvetica, Arial, sans-serif;*/
    /*background: #fff url(http://www.iron.io/assets/bg-body.png) repeat-x;*/
    height: 100%;
    min-width: 990px;
}

img {
    border-style: none
}

a {
    text-decoration: none;
    color: #003663
}

a:hover {
    text-decoration: underline
}

input, textarea, select {
    font: 100% arial, sans-serif;
    vertical-align: middle;
    color: #000
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}


div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px
}

code {
    font-family: courier;
    color: green;
}

.span-1 {
  width: 30px
}

.span-2 {
  width: 70px
}

.span-3 {
  width: 110px
}

.span-4 {
  width: 150px
}

.span-5 {
  width: 190px
}

.span-6 {
  width: 230px
}

.span-7 {
  width: 270px
}

.span-8 {
  width: 310px
}

.span-9 {
  width: 350px
}

.span-10 {
  width: 390px
}

.span-11 {
  width: 430px
}

.span-12 {
  width: 470px
}

.span-13 {
  width: 510px
}

.span-14 {
  width: 550px
}

.span-15 {
  width: 590px
}

.span-16 {
  width: 630px
}

.span-17 {
  width: 670px
}

.span-18 {
  width: 710px
}

.span-19 {
  width: 750px
}

.span-20 {
  width: 790px
}

.span-21 {
  width: 830px
}

.span-22 {
  width: 870px
}

.span-23 {
  width: 910px
}

.span-24, div.span-24 {
  width: 950px;
  margin-right: 0
}

input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
  padding-left: 5px !important;
  padding-right: 5px !important
}

input.span-1, textarea.span-1 {
  width: 18px !important
}

input.span-2, textarea.span-2 {
  width: 58px !important
}

input.span-3, textarea.span-3 {
  width: 98px !important
}

input.span-4, textarea.span-4 {
  width: 138px !important
}

input.span-5, textarea.span-5 {
  width: 178px !important
}

input.span-6, textarea.span-6 {
  width: 218px !important
}

input.span-7, textarea.span-7 {
  width: 258px !important
}

input.span-8, textarea.span-8 {
  width: 298px !important
}

input.span-9, textarea.span-9 {
  width: 338px !important
}

input.span-10, textarea.span-10 {
  width: 378px !important
}

input.span-11, textarea.span-11 {
  width: 418px !important
}

input.span-12, textarea.span-12 {
  width: 458px !important
}

input.span-13, textarea.span-13 {
  width: 498px !important
}

input.span-14, textarea.span-14 {
  width: 538px !important
}

input.span-15, textarea.span-15 {
  width: 578px !important
}

input.span-16, textarea.span-16 {
  width: 618px !important
}

input.span-17, textarea.span-17 {
  width: 658px !important
}

input.span-18, textarea.span-18 {
  width: 698px !important
}

input.span-19, textarea.span-19 {
  width: 738px !important
}

input.span-20, textarea.span-20 {
  width: 778px !important
}

input.span-21, textarea.span-21 {
  width: 818px !important
}

input.span-22, textarea.span-22 {
  width: 858px !important
}

input.span-23, textarea.span-23 {
  width: 898px !important
}

input.span-24, textarea.span-24 {
  width: 938px !important
}

.append-1 {
  padding-right: 40px
}

.append-2 {
  padding-right: 80px
}

.append-3 {
  padding-right: 120px
}

.append-4 {
  padding-right: 160px
}

.append-5 {
  padding-right: 200px
}

.append-6 {
  padding-right: 240px
}

.append-7 {
  padding-right: 280px
}

.append-8 {
  padding-right: 320px
}

.append-9 {
  padding-right: 360px
}

.append-10 {
  padding-right: 400px
}

.append-11 {
  padding-right: 440px
}

.append-12 {
  padding-right: 480px
}

.append-13 {
  padding-right: 520px
}

.append-14 {
  padding-right: 560px
}

.append-15 {
  padding-right: 600px
}

.append-16 {
  padding-right: 640px
}

.append-17 {
  padding-right: 680px
}

.append-18 {
  padding-right: 720px
}

.append-19 {
  padding-right: 760px
}

.append-20 {
  padding-right: 800px
}

.append-21 {
  padding-right: 840px
}

.append-22 {
  padding-right: 880px
}

.append-23 {
  padding-right: 920px
}

.prepend-1 {
  padding-left: 40px
}

.prepend-2 {
  padding-left: 80px
}

.prepend-3 {
  padding-left: 120px
}

.prepend-4 {
  padding-left: 160px
}

.prepend-5 {
  padding-left: 200px
}

.prepend-6 {
  padding-left: 240px
}

.prepend-7 {
  padding-left: 280px
}

.prepend-8 {
  padding-left: 320px
}

.prepend-9 {
  padding-left: 360px
}

.prepend-10 {
  padding-left: 400px
}

.prepend-11 {
  padding-left: 440px
}

.prepend-12 {
  padding-left: 480px
}

.prepend-13 {
  padding-left: 520px
}

.prepend-14 {
  padding-left: 560px
}

.prepend-15 {
  padding-left: 600px
}

.prepend-16 {
  padding-left: 640px
}

.prepend-17 {
  padding-left: 680px
}

.prepend-18 {
  padding-left: 720px
}

.prepend-19 {
  padding-left: 760px
}

.prepend-20 {
  padding-left: 800px
}

.prepend-21 {
  padding-left: 840px
}

.prepend-22 {
  padding-left: 880px
}

.prepend-23 {
  padding-left: 920px
}

div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee
}

div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee
}

.pull-1 {
  margin-left: -40px
}

.pull-2 {
  margin-left: -80px
}

.pull-3 {
  margin-left: -120px
}

.pull-4 {
  margin-left: -160px
}

.pull-5 {
  margin-left: -200px
}

.pull-6 {
  margin-left: -240px
}

.pull-7 {
  margin-left: -280px
}

.pull-8 {
  margin-left: -320px
}

.pull-9 {
  margin-left: -360px
}

.pull-10 {
  margin-left: -400px
}

.pull-11 {
  margin-left: -440px
}

.pull-12 {
  margin-left: -480px
}

.pull-13 {
  margin-left: -520px
}

.pull-14 {
  margin-left: -560px
}

.pull-15 {
  margin-left: -600px
}

.pull-16 {
  margin-left: -640px
}

.pull-17 {
  margin-left: -680px
}

.pull-18 {
  margin-left: -720px
}

.pull-19 {
  margin-left: -760px
}

.pull-20 {
  margin-left: -800px
}

.pull-21 {
  margin-left: -840px
}

.pull-22 {
  margin-left: -880px
}

.pull-23 {
  margin-left: -920px
}

.pull-24 {
  margin-left: -960px
}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
  float: left;
  position: relative
}

.push-1 {
  margin: 0 -40px 1.5em 40px
}

.push-2 {
  margin: 0 -80px 1.5em 80px
}

.push-3 {
  margin: 0 -120px 1.5em 120px
}

.push-4 {
  margin: 0 -160px 1.5em 160px
}

.push-5 {
  margin: 0 -200px 1.5em 200px
}

.push-6 {
  margin: 0 -240px 1.5em 240px
}

.push-7 {
  margin: 0 -280px 1.5em 280px
}

.push-8 {
  margin: 0 -320px 1.5em 320px
}

.push-9 {
  margin: 0 -360px 1.5em 360px
}

.push-10 {
  margin: 0 -400px 1.5em 400px
}

.push-11 {
  margin: 0 -440px 1.5em 440px
}

.push-12 {
  margin: 0 -480px 1.5em 480px
}

.push-13 {
  margin: 0 -520px 1.5em 520px
}

.push-14 {
  margin: 0 -560px 1.5em 560px
}

.push-15 {
  margin: 0 -600px 1.5em 600px
}

.push-16 {
  margin: 0 -640px 1.5em 640px
}

.push-17 {
  margin: 0 -680px 1.5em 680px
}

.push-18 {
  margin: 0 -720px 1.5em 720px
}

.push-19 {
  margin: 0 -760px 1.5em 760px
}

.push-20 {
  margin: 0 -800px 1.5em 800px
}

.push-21 {
  margin: 0 -840px 1.5em 840px
}

.push-22 {
  margin: 0 -880px 1.5em 880px
}

.push-23 {
  margin: 0 -920px 1.5em 920px
}

.push-24 {
  margin: 0 -960px 1.5em 960px
}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
  float: right;
  position: relative
}

.prepend-top {
  margin-top: 1.5em
}

.append-bottom {
  margin-bottom: 1.5em
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden
}

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden
}

.clearfix, .container {
  display: block
}

.clear {
  clear: both
}

::selection {
  background: #BF0000;
  color: white
}

::-moz-selection {
  background: #BF0000;
  color: white
}

q {
  quotes: none
}

q:before {
  content: ""
}

q:after {
  content: ""
}

figure {
  margin: 0;
  padding: 0
}

header, footer, article, section, hgroup, nav, figure {
  display: block
}

small {
  font-style: italic;
  line-height: 1.5em;
  font-size: 10px;
  display: inline-block;
  color: #888
}

#wrapper {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}

.wrapper-holder {
  padding: 0;
  width: 970px;
  margin: 0 auto;
}
.sub-nav-wrapper-holder{
  padding: 0;
  width: 100%;
  margin: 0 auto;
  background-color: #E6E7E6;
  display: inline-block;
}

#header {
  position: fixed;
  width: 100%;
  z-index: 10000;
  overflow: hidden;
  margin: 0 auto;
  height: 100px;
  padding: 0;
  background: #3c4750;
/*  background: -webkit-linear-gradient(#444, #111);
  background: -moz-linear-gradient(#444, #111);
  background: -ms-linear-gradient(#444, #111);
  background: -o-linear-gradient(#444, #111);
  background: linear,top,#444,#111;*/
  /*position: relative;*/
}

#header .nav-texture {
  position: absolute;
  content: '';
  display: block;
  /*background: url(http://www.iron.io/assets/nav-texture.png) repeat;*/
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#header .wrapper-holder {
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 100;
  width: 940px;
  /*height:100px;*/
}

.logo {
  left: 0;
  margin: 5px 0 5px 0;
  position: relative;
  float: left;
  width: 300px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-transition: left .2s linear, margin-left .2s linear;
  -moz-transition: left .2s linear, margin-left .2s linear;
  -ms-transition: left .2s linear, margin-left .2s linear;
  -o-transition: left .2s linear, margin-left .2s linear;
  transition: left .2s linear, margin-left .2s linear;
  background: url(/images/logo-white.png) no-repeat;
}

.logo a {
  display: block;
  height: 100%
}

#nav {
  padding: 1px 0 0;
  margin-top: 2px;
  margin-right: -10px;

  float: right;
  height: auto;
  width: auto;
  clear: none;
  opacity: 1;
  -webkit-transition: height .2s linear, opacity .3s linear;
  -moz-transition: height .2s linear, opacity .3s linear;
  -ms-transition: height .2s linear, opacity .3s linear;
  -o-transition: height .2s linear, opacity .3s linear;
  transition: height .2s linear, opacity .3s linear;
}

#nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  font-size: 14px;
  line-height: 27px
}

#nav ul li {
  float: left;
  padding: 1px;
  margin: 0 0 0 6px;
  font-family:'Open Sans', sans-serif;
  font-weight: 300;
}

#nav ul li a {
  float: left;
  text-decoration: none;
  color: #e6e7e6;
  padding: 7px 14px 6px;
  overflow: hidden;
  position: relative;
  /*border-radius: 4px*/
}

#nav ul li a:hover, #nav ul li.active a {
  float: left;
  text-decoration: none;
  color: #e6e7e6;
  padding: 7px 14px 6px;
  overflow: hidden;
  position: relative;
  border-bottom: 5px solid #9f251f;
}

#nav ul li.signup a {
  font-style: bold;
/*  color: white;
  margin-top: -1px;
  margin-right: -1px;
  margin-bottom: -1px;
  margin-left: 5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  border: 1px solid #7c0e0e;
  background: #c00;
  background: -moz-linear-gradient(top, #c00, #600);
  background: -o-linear-gradient(top, #c00, #600);
  background: -ms-linear-gradient(top, #c00, #600);
  background: linear-gradient(top, #c00, #600);
  background: -webkit-linear-gradient(top, #c00, #600);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset*/
}

/*#nav ul li.signup a:hover {
  background: red;
  background: -moz-linear-gradient(top, red, #600);
  background: -o-linear-gradient(top, red, #600);
  background: -ms-linear-gradient(top, red, #600);
  background: linear-gradient(top, red, #600);
  background: -webkit-linear-gradient(top, red, #600);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset
}

#nav ul li.signup a:active {
  background: #600;
  background: -moz-linear-gradient(top, #600, maroon);
  background: -o-linear-gradient(top, #600, maroon);
  background: -ms-linear-gradient(top, #600, maroon);
  background: linear-gradient(top, #600, maroon);
  background: -webkit-linear-gradient(top, #600, maroon);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.8)
}*/
verticalbreak {
 border-left: 1px solid #b5b5b5;
 padding: 0 5px;
}

#main {
  padding-top: 100px;
  width: 100%
}

.promo-box {
  margin: 0 auto 40px;
  position: relative;
  color: #fff;
  border-radius: 4px
}

.promo-box header {
  overflow: hidden;
  padding: 40px 280px 0 30px;
  height: 140px
}

.promo-box h1 {
  margin: 0;
  font-weight: bold;
  font-size: 60px;
  line-height: 66px
}

.promo-box h2 {
  margin: 0;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px
}

.promo-box h2 .cufon, .promo-box h1 .cufon {
  margin: 0;
  float: left
}

.promo-box .content {
  border: 1px solid #161616;
  overflow: hidden;
  font-size: 18px;
  line-height: 27px;
  padding: 30px 460px 53px 30px;
  height: 130px;
  background: #262626;
  background: rgba(31, 31, 31, 0.9);
  background: -moz-linear-gradient(top, rgba(31, 31, 31, 0.9), rgba(66, 66, 66, 0.95) 70%);
  background: -o-linear-gradient(top, rgba(31, 31, 31, 0.9), rgba(66, 66, 66, 0.95) 70%);
  background: -ms-linear-gradient(top, rgba(31, 31, 31, 0.9), rgba(66, 66, 66, 0.95) 70%);
  background: linear-gradient(top, rgba(31, 31, 31, 0.9), rgba(66, 66, 66, 0.95) 70%);
  background: -webkit-linear-gradient(top, rgba(31, 31, 31, 0.9), rgba(66, 66, 66, 0.95) 70%)
}

.promo-box .content a {
  color: #fff;
  text-decoration: underline
}

.promo-box .content a:hover {
  text-decoration: none
}

.promo-box .content p {
  margin: 0;
  font-weight: lighter
}

.promo-box .btn, .promo-box .button {
  padding: 10px 15px 5px 20px
}

.promo-box .decor {
  position: absolute;
  bottom: 20px;
  right: 0
}

.cufon-active .promo-box h1 {
  font-size: 94px;
  line-height: 94px;
  letter-spacing: -6px
}

.cufon-active .promo-box h2 {
  letter-spacing: -2px
}

.main-container {
  width: auto;
  margin: 0 0 0 auto
}

.main-container h2 {
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 23px;
  line-height: 27px;
  color: #464646;
  overflow: hidden;
  letter-spacing: -1px;
  /*font-family: Helvetica, Arial, sans-
  */
  font-family:'Open Sans', sans-serif;

}

.main-container h2 .cufon {
  float: left;
  margin: 0
}

.main-container .list-partner {
  list-style: none;
  padding: 23px 0 30px;
  margin: 0 -20px 48px;
  border: 1px solid #ccc;
  border-width: 1px 0;
  text-align: center
}

.main-container .list-partner li {
  display: inline-block;
  width: 174px;
  margin: 0 6px;
  vertical-align: middle
}

.main-container .list-partner img {
  vertical-align: top
}

*+html .main-container .list-partner li {
  display: inline;
  margin: 0 8px
}

.press-title {
  padding-left: 25px;
  margin-bottom: 30px
}

.press-title a {
  background: url(http://www.iron.io/assets/press.png) no-repeat;
  width: 200px;
  height: 25px;
  display: inline-block;
  opacity: .5
}

.press-title a:hover, .press-title a.selected {
  background-position: 0 100%;
  opacity: 1
}

.press-title a[data-title="geekwire"] {
  width: 160px;
  background-position: -250px 0
}

.press-title a[data-title="geekwire"]:hover, .press-title a[data-title="geekwire"].selected {
  background-position: -250px 100%;
  opacity: 1
}

.press-title a[data-title="techflash"] {
  background-position: -480px 0;
  height: 45px;
  margin-bottom: -4px;
  width: 150px
}

.press-title a[data-title="techflash"]:hover, .press-title a[data-title="techflash"].selected {
  background-position: -480px 100%;
  opacity: 1
}

.twocolumn .content article.press {
  position: relative;
  display: none
}

.twocolumn .content article.press blockquote {
  background: #eee;
  margin-right: 30px;
  margin-top: 20px;
  padding: 25px 5px 30px 20px;
  border-radius: 10px;
  font-weight: lighter;
  margin-bottom: 10px
}

.twocolumn .content article.press blockquote q {
  line-height: 1.5em;
  font-style: normal
}

.twocolumn .content article.press blockquote a {
  float: right;
  margin: 0 45px 0 0;
  font-size: 13px;
  font-weight: bold
}

.twocolumn .content article.press.selected {
  display: block
}

.twocolumn .content article.press.selected:after {
  border-color: #eee transparent;
  border-style: solid;
  border-width: 0 15px 20px;
  top: -20px;
  content: "";
  display: block;
  left: 17%;
  position: absolute;
  right: auto;
  bottom: auto;
  width: 0;
  z-index: 11
}

.twocolumn .content article.press.selected[data-title='geekwire']:after {
  left: 46%
}

.twocolumn .content article.press.selected[data-title='techflash']:after {
  left: 74%
}

.container {
  overflow: hidden;
  width: 100%;
  margin: 20px 0 30px;
  position: relative;
  /*border-radius: 4px*/
}

.container header {
  background: #7a1722 url(http://www.iron.io/assets/bg-heading-page.png) no-repeat;
  /*border-radius: 5px 5px 0 0;*/
  background-color:#7a1722;
  overflow: hidden;
  height: 30px;
  color: #fff;
  padding: 14px 14px 8px 18px;
}

.container header .title-box {
  float: left
}
/*#documentation-title {
  float: left;
  line-height: 24px;
  font-size:24px;
  padding-left: 20px
}*/


.title-box h1 {
  font-size: 28px;
  margin-top: 18px;
  /*margin-left: 304px;*/
  margin-bottom: 0px;
  line-height: 32px;
  color: #F2F2F2;
}

.container h1 {
  margin: 0;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  float: left;
  padding: 3px 0 0;
  letter-spacing: -1px
}
a.title {
    text-decoration: none;
    color: white;
}
a.title:hover {
    text-decoration: none;
    color: white;
}

.container header .title-box .info {
  float: left;
  border-left: 1px solid #fff;
  padding: 15px 0 9px 16px;
  margin: 0 0 0 16px;
  float: left;
  font-size: 25px
}

.container header .title-box .info strong .cufon, .container h1 .cufon {
  margin: 0;
  float: left
}

body.mq .container header {
  background: #284549 url(http://www.iron.io/assets/heading-bg-mq.png) no-repeat
}

body.mq .container header .title-box .info {
  font-size: 22px;
  padding-top: 13px
}

body.worker .container header {
  background: #213b77 url(http://www.iron.io/assets/heading-bg-worker.png) no-repeat
}

body.worker .container header .title-box .info {
  font-size: 21px;
  padding-top: 15px
}

.signup-page .information-area {
  padding-top: 23px
}

.content-container {
  padding: 15px 10px 0;
  background: #fff;
  overflow: hidden;
  border: 1px solid #f4f4f4;
  border-width: 0 1px 1px;
  position: relative;
  font-size: 17px;
  line-height: 23px;
}

.content-container .content h1 {
  margin-top: 0px;
}
.content-container .table-holder {
  overflow: hidden;
  width: 928px;
  margin: 0 0 28px
}

.content-container .table {
  width: 929px;
  border-collapse: collapse;
  margin: -1px 0 -9px -1px
}

.content-container .table td {
  border: 1px solid #b2b2b2;
  padding: 0;
  border-width: 1px 0 0 1px;
  height: 151px;
  text-align: center
}

.content-container .table img {
  vertical-align: top
}

.content-container .main-info {
  overflow: hidden;
  margin: 8px 0 30px 0
}

.content-container .main-info h2 {
  text-align: center
}

.content-container h2 {
  margin: 0 0 30px 0;
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
  color: #111;
  letter-spacing: -2px;
  padding: 4px 0 0
}

.content-container h2 .holder-row {
  display: block;
  margin: -4px 0 0
}

.content-container h2 .cufon {
  vertical-align: top;
  margin: 0
}

*+html .content-container h2 {
  padding: 7px 0 0;
  margin-bottom: 13px
}

*+html .content-container .promo-area h2 {
  margin-bottom: 12px
}

*+html .content-container h2 .holder-row {
  margin: -7px 0 0
}

.information-area {
  font-size: 15px;
  line-height: 19px;
  overflow: hidden
}

.information-area .list-info {
  list-style: none;
  padding: 0 0 0 35px;
  margin: 0 -55px 0 0
}

.information-area .list-info li {
  display: inline-block;
  width: 405px;
  margin: 0 59px 50px 0
}

.information-area .list-info .photo-box {
  background: url(http://www.iron.io/assets/shadow-image-box.png) no-repeat 50% 100%;
  padding: 0 9px 5px;
  float: left;
  margin: 0 14px 0 -9px
}

.information-area .list-info .photo-box img {
  display: block;
  border: 1px solid #838383
}

.information-area .list-info blockquote {
  overflow: hidden;
  margin: 0
}

.information-area .list-info q {
  margin: 0 0 13px;
  display: block
}

.information-area .list-info cite {
  display: block;
  font-weight: bold;
  font-style: normal;
  font-size: 12px
}

*+html .information-area .list-info li {
  display: inline;
  margin-right: 63px
}

.btn-box {
  overflow: hidden;
  border: 1px solid #b5b5b5;
  position: relative;
  background: #f0f0f0;
  font-size: 17px;
  line-height: 23px;
  padding: 16px 14px 13px 28px;
  margin: 0 0 41px;
  border-radius: 5px
}

.btn-box .btn, .btn-box .button {
  line-height: 26px;
  padding: 10px 20px;
  margin: 2px 0 0 25px;
  float: right;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none
}

.btn-box .btn:active, .btn-box .button:active {
  margin-top: 3px
}

.btn-box .holder {
  overflow: hidden;
  padding: 0 0 0 6px
}

.btn-box .title {
  display: block;
  overflow: hidden;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  color: #111;
  letter-spacing: -1px;
  margin: 0 0 0 -6px
}

.btn-box .title .cufon {
  float: left;
  margin: 0
}

.btn-box p {
  margin: 0
}

.btn, .button {
  display: inline-block;
  *display: inline;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  /*border: 1px solid #999;*/
  padding: 4px 14px;
  margin: 0 0;
  cursor: pointer;
/*  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px 0 0 rgba(255, 255, 255, 0.3) inset;*/
  /*border-radius: 5px;*/
  font-weight: 300;
  /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);*/
  text-decoration: none;
  background: #f0f0f0;
  background: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
  background: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
  background: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
  background: linear-gradient(top, #f0f0f0, #dfdfdf);
  background: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
  -webkit-transition: margin .05s linear, background-color .1s linear;
  -moz-transition: margin .05s linear, background-color .1s linear;
  -ms-transition: margin .05s linear, background-color .1s linear;
  -o-transition: margin .05s linear, background-color .1s linear;
  transition: margin .05s linear, background-color .1s linear
}

.btn:hover, .button:hover {
  text-decoration: none;
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5, #e0e0e0);
  background: -o-linear-gradient(top, #f5f5f5, #e0e0e0);
  background: -ms-linear-gradient(top, #f5f5f5, #e0e0e0);
  background: linear-gradient(top, #f5f5f5, #e0e0e0);
  background: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0);
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px 0 0 rgba(255, 255, 255, 0.3) inset*/
}

.btn:active, .button:active {
  color: #222;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px 0 0 rgba(255, 255, 255, 0.3) inset;
  background: #c4c4c4;
  background: -moz-linear-gradient(top, #c4c4c4, #d6d6d6);
  background: -o-linear-gradient(top, #c4c4c4, #d6d6d6);
  background: -ms-linear-gradient(top, #c4c4c4, #d6d6d6);
  background: linear-gradient(top, #c4c4c4, #d6d6d6);
  background: -webkit-linear-gradient(top, #c4c4c4, #d6d6d6)
}

.btn .icon, .button .icon {
  color: rgba(0, 0, 0, 0.75);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  margin-left: 3px
}

.btn.black, .button.black {
  margin-top: 5px;
  color: #eee;
  padding: 8px 25px 8px 25px;
  text-shadow: 0 -1px 0 #000;
  border: 1px solid #222;
  background: #333;
  background: -moz-linear-gradient(top, #333, #1a1a1a);
  background: -o-linear-gradient(top, #333, #1a1a1a);
  background: -ms-linear-gradient(top, #333, #1a1a1a);
  background: linear-gradient(top, #333, #1a1a1a);
  background: -webkit-linear-gradient(top, #333, #1a1a1a);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset
}

.btn.black:hover, .button.black:hover {
  background: #404040;
  background: -moz-linear-gradient(top, #404040, #1a1a1a);
  background: -o-linear-gradient(top, #404040, #1a1a1a);
  background: -ms-linear-gradient(top, #404040, #1a1a1a);
  background: linear-gradient(top, #404040, #1a1a1a);
  background: -webkit-linear-gradient(top, #404040, #1a1a1a);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset
}

.btn.black:active, .button.black:active {
  margin-top: 6px;
  background: #1a1a1a;
  background: -moz-linear-gradient(top, #1a1a1a, #262626);
  background: -o-linear-gradient(top, #1a1a1a, #262626);
  background: -ms-linear-gradient(top, #1a1a1a, #262626);
  background: linear-gradient(top, #1a1a1a, #262626);
  background: -webkit-linear-gradient(top, #1a1a1a, #262626);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.8)
}

.btn.black .icon, .btn.black .icon, .button.black .icon, .button.black .icon {
  color: rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75)
}

.btn.light-black, .button.light-black {
  color: #eee;
  padding: 8px 25px 8px 25px;
  text-shadow: 0 -1px 0 #000;
  border: 1px solid #222;
  background: #444;
  background: -moz-linear-gradient(top, #444, #222);
  background: -o-linear-gradient(top, #444, #222);
  background: -ms-linear-gradient(top, #444, #222);
  background: linear-gradient(top, #444, #222);
  background: -webkit-linear-gradient(top, #444, #222);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset
}

.btn.light-black:hover, .button.light-black:hover {
  background: #555;
  background: -moz-linear-gradient(top, #555, #222);
  background: -o-linear-gradient(top, #555, #222);
  background: -ms-linear-gradient(top, #555, #222);
  background: linear-gradient(top, #555, #222);
  background: -webkit-linear-gradient(top, #555, #222);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset
}

.btn.light-black:active, .button.light-black:active {
  background: #222;
  background: -moz-linear-gradient(top, #222, #333);
  background: -o-linear-gradient(top, #222, #333);
  background: -ms-linear-gradient(top, #222, #333);
  background: linear-gradient(top, #222, #333);
  background: -webkit-linear-gradient(top, #222, #333);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.8)
}

.btn.light-black .icon, .btn.light-black .icon, .button.light-black .icon, .button.light-black .icon {
  color: rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75)
}

.btn.red, .button.red {
  color: white;
  /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);*/
  /*border: 1px solid #7c0e0e;*/
  background: #96001b;
/*  background: -moz-linear-gradient(top, #c00, #600);
  background: -o-linear-gradient(top, #c00, #600);
  background: -ms-linear-gradient(top, #c00, #600);
  background: linear-gradient(top, #c00, #600);
  background: -webkit-linear-gradient(top, #c00, #600);*/
  /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset*/
}

/*.btn.red:hover, .button.red:hover {
  background: red;
  background: -moz-linear-gradient(top, red, #600);
  background: -o-linear-gradient(top, red, #600);
  background: -ms-linear-gradient(top, red, #600);
  background: linear-gradient(top, red, #600);
  background: -webkit-linear-gradient(top, red, #600);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset
}*/

.btn.red:active, .button.red:active {
  background: #600;
  background: -moz-linear-gradient(top, #600, maroon);
  background: -o-linear-gradient(top, #600, maroon);
  background: -ms-linear-gradient(top, #600, maroon);
  background: linear-gradient(top, #600, maroon);
  background: -webkit-linear-gradient(top, #600, maroon);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.8)
}

.btn.orange, .button.orange {
  margin-top: 5px;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  border: 1px solid #7c0e0e;
  background: #ff8000;
  background: -moz-linear-gradient(top, #ff8000, #ff4000);
  background: -o-linear-gradient(top, #ff8000, #ff4000);
  background: -ms-linear-gradient(top, #ff8000, #ff4000);
  background: linear-gradient(top, #ff8000, #ff4000);
  background: -webkit-linear-gradient(top, #ff8000, #ff4000)
}

.btn.orange:hover, .button.orange:hover {
  background: #ff8c1a;
  background: -moz-linear-gradient(top, #ff8c1a, #ff401a);
  background: -o-linear-gradient(top, #ff8c1a, #ff401a);
  background: -ms-linear-gradient(top, #ff8c1a, #ff401a);
  background: linear-gradient(top, #ff8c1a, #ff401a);
  background: -webkit-linear-gradient(top, #ff8c1a, #ff401a)
}

.btn.orange:active, .button.orange:active {
  background: #e63900;
  background: -moz-linear-gradient(top, #e63900, #f50);
  background: -o-linear-gradient(top, #e63900, #f50);
  background: -ms-linear-gradient(top, #e63900, #f50);
  background: linear-gradient(top, #e63900, #f50);
  background: -webkit-linear-gradient(top, #e63900, #f50);
  text-shadow: none;
  color: rgba(255, 255, 255, 0.8)
}

.btn.blue, .button.blue {
  background: #1f66ad;
  background: -moz-linear-gradient(top, #1f66ad, #036);
  background: -o-linear-gradient(top, #1f66ad, #036);
  background: -ms-linear-gradient(top, #1f66ad, #036);
  background: linear-gradient(top, #1f66ad, #036);
  background: -webkit-linear-gradient(top, #1f66ad, #036);
  border: solid 1px #005980;
  border-bottom-color: #00364d;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset
}

.btn.blue:hover, .button.blue:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset;
  background: #197fe6;
  background: -moz-linear-gradient(top, #197fe6, #004080);
  background: -o-linear-gradient(top, #197fe6, #004080);
  background: -ms-linear-gradient(top, #197fe6, #004080);
  background: linear-gradient(top, #197fe6, #004080);
  background: -webkit-linear-gradient(top, #197fe6, #004080)
}

.btn.blue:active, .button.blue:active {
  background: #036;
  background: -moz-linear-gradient(top, #036, #174c82);
  background: -o-linear-gradient(top, #036, #174c82);
  background: -ms-linear-gradient(top, #036, #174c82);
  background: linear-gradient(top, #036, #174c82);
  background: -webkit-linear-gradient(top, #036, #174c82);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.8)
}

.btn.teal, .button.teal {
  background: #187b91;
  background: -moz-linear-gradient(top, #187b91, #274349);
  background: -o-linear-gradient(top, #187b91, #274349);
  background: -ms-linear-gradient(top, #187b91, #274349);
  background: linear-gradient(top, #187b91, #274349);
  background: -webkit-linear-gradient(top, #187b91, #274349);
  border: solid 1px #274349;
  border-bottom-color: #152428;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset
}

.btn.teal:hover, .button.teal:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px 0 0 rgba(255, 255, 255, 0.3) inset;
  background: #1fa0bd;
  background: -moz-linear-gradient(top, #1fa0bd, #205460);
  background: -o-linear-gradient(top, #1fa0bd, #205460);
  background: -ms-linear-gradient(top, #1fa0bd, #205460);
  background: linear-gradient(top, #1fa0bd, #205460);
  background: -webkit-linear-gradient(top, #1fa0bd, #205460)
}

.btn.teal:active, .button.teal:active {
  background: #274349;
  background: -moz-linear-gradient(top, #274349, #225b67);
  background: -o-linear-gradient(top, #274349, #225b67);
  background: -ms-linear-gradient(top, #274349, #225b67);
  background: linear-gradient(top, #274349, #225b67);
  background: -webkit-linear-gradient(top, #274349, #225b67);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.8)
}

.big.btn, .big.button {
  display: block;
  float: none;
  margin: 0 60px 15px 40px;
  font-size: 25px;
  text-align: center;
  padding: 20px 0 15px
}

.btn[disabled=disabled], .btn[disabled=disabled]:hover, .btn[disabled=disabled]:active, .button[disabled=disabled], .button[disabled=disabled]:hover, .button[disabled=disabled]:active {
  opacity: 0.3;
  filter: alpha(opacity = 3);
  color: #444;
  font-size: 18px;
  line-height: 22px;
  border: 1px solid #999;
  padding: 8px 15px 7px 20px;
  margin: 0 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px 0 0 rgba(255, 255, 255, 0.3) inset;
  border-radius: 5px;
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  text-decoration: none;
  background: #f0f0f0;
  background: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
  background: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
  background: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
  background: linear-gradient(top, #f0f0f0, #dfdfdf);
  background: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf)
}

.information-area .column-list {
  float: right;
  width: 206px;
  margin: 0 -11px;
  position: relative;
  padding: 12px 0 0
}

.information-area .column-list h3 {
  margin: 0 0 10px;
  color: #111;
  font-weight: bold;
  letter-spacing: -1px;
  font-size: 21px;
  line-height: 21px;
  overflow: hidden
}

.information-area .column-list h3 .cufon {
  margin: 0;
  float: left
}

.information-area .column-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 23px
}

.information-area .column-list li {
  border-top: 1px solid #c5c5c5;
  padding: 10px 0 10px 30px;
  vertical-align: top;
  background: url(http://www.iron.io/assets/bullet01.png) no-repeat 0 14px
}

.information-area .column-list li:first-child {
  border: none
}

.sign-form {
  border: 1px solid #b2b2b2;
  float: left;
  width: 621px;
  position: relative;
  background: #fff;
  padding: 29px 40px 31px 36px;
  overflow: hidden;
  font-size: 18px;
  line-height: 20px;
  color: #464646;
  border-radius: 4px
}

.sign-form hgroup {
  overflow: hidden;
  width: 100%;
  padding: 0 0 12px;
  margin: 0 0 36px;
  border-bottom: 1px solid #c5c5c5
}

.sign-form h3 {
  font-weight: bold;
  margin: 0;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -1px
}

.sign-form h3 .cufon {
  float: left;
  margin: 0
}

.sign-form .holder-form {
  margin: 0 0 0 -30px
}

.sign-form .row {
  overflow: hidden;
  width: 100%;
  margin: 0 0 26px
}

.sign-form label {
  float: left;
  width: 159px;
  text-align: right;
  padding: 8px 0 0
}

.sign-form .text {
  float: right;
  border: 1px solid #959595;
  margin: 0;
  padding: 6px 10px;
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  width: 444px;
  color: #464646;
  border-radius: 4px;
  box-shadow: inset 3px 3px 3px 1px rgba(0, 0, 0, 0.1)
}

.sign-form .box-form {
  width: 457px;
  padding: 2px 0 0;
  margin: 0 0 0 auto
}

.sign-form .check-row {
  overflow: hidden;
  width: 100%;
  margin: 0 0 26px
}

.sign-form .checkbox {
  float: left;
  margin: 2px 10px 0 0;
  padding: 0;
  width: 16px;
  height: 16px
}

.sign-form .check-row label {
  width: auto;
  font-size: 15px;
  line-height: 18px;
  padding: 0
}

.sign-form .captcha-holder {
  overflow: hidden;
  width: 100%;
  margin: 0 0 34px
}

.sign-form .captcha-holder img {
  display: block;
  border: 1px solid #dfdfdf
}

.sign-form .btn-holder {
  overflow: hidden;
  padding: 5px;
  margin: 0 0 0 -2px
}

*+html .sign-form .btn, *+html .sign-form .button {
  padding: 0 0 2px;
  margin-left: 3px
}

.login-area {
  border: 1px solid #b0aaaa;
  width: 635px;
  margin: 0 auto 41px;
  padding: 27px 0 23px;
  border-radius: 8px;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #d8d8d8);
  background: -o-linear-gradient(top, #fff, #d8d8d8);
  background: -ms-linear-gradient(top, #fff, #d8d8d8);
  background: linear-gradient(top, #fff, #d8d8d8);
  background: -webkit-linear-gradient(top, #fff, #d8d8d8)
}

.login-area h2 {
  margin: 0 0 17px;
  padding: 2px 0 0;
  font-size: 32px;
  line-height: 32px;
  color: #111;
  text-align: center
}

.login-area h2 .cufon {
  margin: 0;
  vertical-align: top
}

.login-area h2 span {
  display: block
}

*+html .login-area h2 {
  padding: 2px 0 0
}

*+html .login-area h2 span {
  margin: 0 0 -2px
}

.login-area .form {
  margin: 0 auto;
  width: 466px;
  border: 1px solid #b0aaaa;
  padding: 24px 47px 45px 44px;
  font-size: 17px;
  line-height: 23px;
  background: #e0e0e0;
  background: -moz-linear-gradient(top, #e0e0e0, #fff);
  background: -o-linear-gradient(top, #e0e0e0, #fff);
  background: -ms-linear-gradient(top, #e0e0e0, #fff);
  background: linear-gradient(top, #e0e0e0, #fff);
  background: -webkit-linear-gradient(top, #e0e0e0, #fff);
  border-radius: 8px
}

.login-area .form .row {
  width: 100%;
  margin: 0 0 29px
}

.login-area .form .holder:after, .login-area .form .row:after {
  content: "";
  display: block;
  clear: both
}

.login-area .form label {
  display: block;
  margin: 0 0 3px
}

.login-area .form .holder {
  width: 100%
}

.login-area .form .text {
  float: left;
  border: 1px solid #959595;
  margin: 0;
  padding: 6px 10px;
  font-size: 17px;
  line-height: 20px;
  height: 20px;
  width: 444px;
  color: #464646;
  border-radius: 4px;
  box-shadow: inset 3px 3px 3px 1px rgba(0, 0, 0, 0.1)
}

.login-area .form #password {
  width: 364px;
  margin: 0
}

.login-area .form .btn {
  float: right;
  font-size: 16px;
  border: 1px solid #999999;
  padding: 7px 14px 5px;
  margin: -1px 0 0
}

*+html .login-area .form .btn {
  padding: 0 0 2px;
  line-height: 30px
}

.login-area .form .holder-info {
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  margin: -17px 0 0
}

.login-area .form .holder-info a {
  text-decoration: underline
}

.login-area .form .holder-info a:hover {
  text-decoration: none
}

.list-category {
  list-style: none;
  padding: 0;
  margin: -3px 0 38px;
  text-align: center
}

.list-category li {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  background: url(http://www.iron.io/assets/shadow-category-list.png) no-repeat 50% 100%;
  padding: 0 12px 4px;
  margin: 0 17px
}

*+html .list-category li {
  display: inline;
  margin: 0 19px
}

.list-category .image-box {
  border: 1px solid #b0aaaa;
  margin: 0;
  padding: 20px 0 12px;
  position: relative;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #d8d8d8);
  background: -o-linear-gradient(top, #fff, #d8d8d8);
  background: -ms-linear-gradient(top, #fff, #d8d8d8);
  background: linear-gradient(top, #fff, #d8d8d8);
  background: -webkit-linear-gradient(top, #fff, #d8d8d8);
  border-radius: 3px
}

.list-category .image-box img {
  vertical-align: top
}

.list-category .image-box .info {
  display: block;
  color: #464646;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  text-shadow: 1px 1px 1px #fff;
  padding: 7px 0 0;
  letter-spacing: -1px
}

.support-page .information-area {
  padding: 0 26px
}

.article-info {
  overflow: hidden;
  font-size: 17px;
  line-height: 23px;
  position: relative;
  padding: 40px 0 36px 40px
}

.article-info .image-decor {
  float: right;
  margin: -10px 40px 0 0;
  position: relative
}

.article-info .text-box {
  position: relative;
  z-index: 2;
  width: 560px;
  float: left
}

.article-info .text-box p {
  font-weight: lighter;
  line-height: 1.6em
}

.article-info h2 {
  font-size: 38px;
  line-height: 1.2em
}

.content-container .article-info h2 {
  margin: 0 0 12px;
  padding: 0;
  letter-spacing: -1px;
  overflow: hidden
}

.content-container .article-info h2 .cufon {
  float: left;
  margin: 0
}

.products-page .information-area {
  margin: 0;
  padding: 0
}

.tq-page {
  padding: 0
}

.mq-page {
  padding: 0
}

.worker-page {
  padding: 0
}

.promo-area {
  overflow: hidden;
  padding: 26px 50px 0;
  text-align: center;
  margin: 0 0 28px
}

.mq-page .promo-area {
  padding-top: 29px
}

.promo-area .image-box {
  overflow: hidden;
  width: 100%;
  margin: 20px 0 25px
}

.mq-page .promo-area .image-box {
  margin: 20px 0 33px
}

.promo-area .image-box+p {
  font-size: 25px;
  line-height: 1.5em;
  letter-spacing: -1px;
  margin: 0
}

.promo-area .image-box img {
  display: block;
  margin: 0 auto;
  width: 400px
}

.content-container .promo-area h2 {
  font-size: 37px;
  line-height: 37px
}

.menu {
  list-style: none;
  padding: 9px 0 0;
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  text-shadow: 0 1px 1px white;
  float: left;
  position: relative;
  width: 100%;
}

.menu li {
  display: inline-block;
  vertical-align: top;
  margin: 0 13px
}

*+html .menu li {
  display: inline;
  margin: 0 15px
}

.menu a {
  color: #3d6688;
  float: left;
  text-shadow: 1px 1px 1px #fff;
  padding: 6px 12px 7px;
  /*border-radius: 5px*/
}

.menu .active a, .menu a:hover {
  text-decoration: none;
  border: 1px solid #b0aaaa;
  color: #464646;
  padding: 5px 11px 6px;
  background: #d9d9d9;
  background: -moz-linear-gradient(top, #d9d9d9, #fff);
  background: -o-linear-gradient(top, #d9d9d9, #fff);
  background: -ms-linear-gradient(top, #d9d9d9, #fff);
  background: linear-gradient(top, #d9d9d9, #fff);
  background: -webkit-linear-gradient(top, #d9d9d9, #fff);
  box-shadow: #f6f6f6 0px 1px 1px
}

.content-container .menu-holder {
  margin: 0 auto 17px;
  width: 870px;
  background: url(http://www.iron.io/assets/shadow-menu.png) no-repeat 50% 100%;
  padding: 0 13px 4px
}

.content-container .menu-holder .menu {
  border-bottom-color: #aaa
}

.about-page .subnavigation {
  margin: 0 0 25px 0
}

.color-box {
  width: 14px;
  height: 15px;
  display: inline-block;
  border: 1px solid #444;
  margin-bottom: -3px;
  border-radius: 3px;
  margin-left: 5px
}

.resources {
  background: #f8f8f8 url(http://www.iron.io/assets/about/resources.png) no-repeat 5px 15px;
  display: block;
  height: 75px;
  padding-left: 140px;
  margin-left: 0;
  color: #363636;
  padding-top: 30px
}

.resources:hover {
  text-decoration: none;
  background-color: #f0f0f0
}

.resources:hover .link {
  text-decoration: underline
}

.resources .link {
  color: #003663;
  font-size: 12px
}

.media-post {
  margin-bottom: 40px
}

.media-post blockquote {
  font-family:'Open Sans', sans-serif;
  /*font-family: 'Georgia', 'Times New Roman' serif;*/
  margin: 10px 0 10px
}

.media-post q {
  font-weight: bold
}

.products-page {
  padding: 0
}

.features-list {
  margin-left: -30px;
  padding-top: 40px;
  border-top: 1px solid #ccc;
  margin-top: 18px
}

.features-list li {
  float: left;
  width: 250px;
  margin: 0 60px 0 0;
  height: 250px;
  list-style: none;
  position: relative
}

.features-list li:nth-child(3n) {
  margin: 0
}

.features-list li>img {
  position: absolute;
  left: -30px
}

.features-list li h3 {
  margin: 2px 0 10px;
  line-height: 1.2em;
  font-weight: bold;
  font-size: 18px
}

.subnavigation {
  list-style: none;
  margin: 0;
  height: 30px;
  padding: 10px 10px 10px;
  position: relative;
  z-index: 10;
  line-height: 16px;
  /*border: 1px solid #b0aaaa;*/
  border-top: none;
  background: #E6E7E6;
/*  background: -webkit-linear-gradient(#fafafa, #d9d9d9);
  background: -moz-linear-gradient(#fafafa, #d9d9d9);
  background: -ms-linear-gradient(#fafafa, #d9d9d9);
  background: linear-gradient(#fafafa, #d9d9d9)*/
}

.subnavigation.mq .page-menu, .subnavigation.worker .page-menu {
  float: left
}

.subnavigation.mq .product-menu, .subnavigation.worker .product-menu {
  float: right
}

.subnavigation li {
  display: inline-block;
  margin: 0 5px 0 0
}

.subnavigation a, .subnavigation a:hover {
  float: left;
  text-shadow: 1px 1px 1px #fff;
  padding: 0 12px 7px;
  color: #666;
  font-size: 14px;
  position: relative;
  background: none;
  border: none;
  box-shadow: none
}

.subnavigation a:hover {
  color: #464646
}

.subnavigation .page-menu a {
  color: #444
}

.subnavigation .page-menu .active a, .subnavigation .page-menu a:hover {
  background: none repeat scroll 0 0;
  border: 1px solid;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin-top: -8px;
  padding: 7px 11px 5px;
}

.subnavigation .page-menu a:hover {
  background-color: #D9D9D9;
  border-color: #B0AAAA;
  color: #464646;
}

.subnavigation .page-menu .active a {
  background-color: #900;
  border-color: #600;
  color: #FFFFFF;
  text-shadow: 0 1px 0 black;
}

.subnavigation .product-menu .active a, .subnavigation .product-menu a:hover {
  background: transparent;
  box-shadow: none;
  padding: 0 12px 0;
  text-decoration: none;
  border: none
}

.subnavigation .product-menu .active a:before, .subnavigation .product-menu a:hover:before {
  border-color: #B0AAAA transparent;
  border-style: solid;
  border-width: 0 12px 12px;
  bottom: -15px;
  content: "";
  display: block;
  left: 37%;
  margin-left: -2px;
  position: absolute;
  right: auto;
  top: auto;
  width: 0;
  z-index: 11
}

.subnavigation .product-menu .active a:after, .subnavigation .product-menu a:hover:after {
  border-color: #FFFFFF transparent;
  border-style: solid;
  border-width: 0 10px 10px;
  bottom: -15px;
  content: "";
  display: block;
  left: 37%;
  position: absolute;
  right: auto;
  top: auto;
  width: 0;
  z-index: 11
}

.subnavigation .product-menu .active a {
  font-weight: bold;
  padding: 0 11px 0
}

body.mq .page-menu a {
  color: #213D44
}

body.mq .page-menu .active a {
  background: none repeat scroll 0 0 #213D44;
  border: 1px solid #182F35
}

body.worker .page-menu a {
  color: #1f397a
}

body.worker .page-menu .active a {
  background: none repeat scroll 0 0 #1f397a;
  border: 1px solid #142652
}

.tab-area {
  width: 870px;
  overflow: hidden;
  margin: 0 auto 40px;
  border: 1px solid #b0aaaa;
  background: #d9d9d9;
  background: -moz-linear-gradient(top, #d9d9d9, #fff);
  background: -o-linear-gradient(top, #d9d9d9, #fff);
  background: -ms-linear-gradient(top, #d9d9d9, #fff);
  background: linear-gradient(top, #d9d9d9, #fff);
  background: -webkit-linear-gradient(top, #d9d9d9, #fff);
  border-radius: 7px
}

.tabset {
  float: left;
  width: 278px;
  list-style: none;
  padding: 0;
  margin: 0 -1px 0 0;
  position: relative;
  z-index: 2;
  border-radius: 7px 0 0 0
}

.tabset li {
  border-top: 1px solid #b0aaaa;
  vertical-align: top;
  position: relative;
  width: 278px;
  background-color: transparent;
  float: left
}

.tabset li:hover {
  z-index: 99 !important;
  background: rgba(0, 0, 0, 0.1)
}

.tabset li:first-child {
  margin-top: -1px;
  position: relative;
  border-radius: 7px 0 0 0
}

.tabset li a {
  padding: 7px 0;
  margin: -7px 0;
  color: #353535;
  cursor: pointer;
  position: relative;
  z-index: 145;
  overflow: hidden;
  width: 278px;
  height: 69px;
  vertical-align: top;
  background: url(http://www.iron.io/assets/bg-tab-active.png) no-repeat -9999px -9999px;
  float: left
}

.tabset li a .holder {
  height: 54px;
  overflow: hidden;
  width: 249px;
  vertical-align: top;
  padding: 15px 10px 0 22px;
  position: relative
}

.tabset li a:hover {
  text-decoration: none;
  z-index: 96 !important
}

.tabset li a.active .holder {
  background: #fff
}

.tabset li:first-child a {
  padding-top: 0;
  margin-top: 0;
  border-radius: 7px 0 0 0
}

.tabset li:hover .active:hover, .tabset li .active:hover, .tabset li .active {
  position: relative;
  background: url(http://www.iron.io/assets/bg-tab-active.png) no-repeat 271px 0
}

.tabset li:first-child .active, .tabset li:first-child .active:hover {
  background: url(http://www.iron.io/assets/bg-tab-active.png) no-repeat 271px 100%
}

.tabset li:first-child .holder {
  border-radius: 7px 0 0 0
}

.tabset li:last-child .active:hover .holder, .tabset li:last-child .active .holder {
  background: url(http://www.iron.io/assets/bg-last-holder.gif) no-repeat 0 100%;
  border: none;
  padding-bottom: 1px
}

.tabset li:last-child a:hover .holder {
  border-bottom: 1px solid #b0aaaa
}

.tabset span {
  font-size: 12px;
  line-height: 14px;
  display: block;
  margin: 0 0 3px;
  text-indent: 2px
}

.tabset strong {
  font-size: 21px;
  line-height: 24px;
  display: block
}

.tab-content {
  overflow: hidden;
  background: #fff;
  border-left: 1px solid #b0aaaa;
  padding: 13px 10px 62px 18px;
  border-radius: 0 7px 7px 0
}

.tab-area .video-box {
  overflow: hidden;
  width: 100%;
  margin: 0 0 21px;
  width: 560px;
  height: 345px
}

.tab-area .video-box img {
  display: block
}

.tab-content .text-info {
  font-size: 15px;
  line-height: 18px;
  padding: 0 0 0 34px
}

.tab-content h3 {
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 28px;
  font-weight: normal
}

.tab-content p {
  margin: 0 0 21px
}

.tab-content .social-info {
  overflow: hidden;
  width: 100%
}

.tab-content .social-info>div {
  float: left;
  margin: 0 5px 0 0
}

.tab-content .social-info>div .embed-btn {
  position: relative
}

.tab-content .social-info>div .embed-btn a {
  background-color: #E8E8E8;
  border: 1px solid #BBBBBB;
  border-radius: 3px 3px 3px 3px;
  color: #666666;
  display: block;
  margin: 0 20px 10px 0;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.tab-content .social-info>div .embed-btn a:hover {
  background-color: #e0e0e0;
  border-color: #888
}

.tab-content .social-info>div .embed-btn a:active {
  background-color: #4d4d4d;
  color: #e8e8e8;
  border-color: #4d4d4d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.tab-content .social-info>div .embed-code {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #AAAAAA;
  border-radius: 5px 5px 5px 5px;
  display: none;
  font: 10px "Monaco", "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  padding: 0 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4)
}

.tab-content .social-info>div .embed-code textarea {
  display: block;
  overflow: visible;
  font-size: 11px;
  min-height: 70px;
  padding: 6px;
  width: 174px;
  background: #eee
}

.tab-content .social-info>div .embed-code a, .tab-content .social-info>div .embed-code a:hover, .tab-content .social-info>div .embed-code a:active {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #006295;
  margin: 5px 0 0;
  padding: 0;
  text-align: left;
  text-decoration: underline
}

.article-container {
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  padding: 20px 20px 40px 40px;
  position: relative
}

.article-container .alignright {
  float: right;
  margin: 0 0 0 5px
}

.article-container .text-holder {
  overflow: hidden;
  padding: 7px 0 0
}

.article-container p {
  font-weight: lighter;
  font-size: 15px;
  margin-top: 0
}

.article-container hgroup {
  float: left;
  background: #a2a2a2;
  color: #fff;
  padding: 3px 12px;
  border-radius: 3px
}

.article-container h3 {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px
}

.article-container h3.title {
  color: #1a426b;
  font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 30px 0 20px
}

.article-container .post {
  margin: 0 0 37px;
  overflow: hidden;
  width: 100%
}

.mq-page .article-container h3.title {
  color: #1a5e6c
}

.container .article-container header {
  overflow: hidden;
  width: 100%;
  height: auto;
  background: none;
  padding: 0;
  margin: 0 0 9px
}

h2#overview {
  margin-top: 0px;
}

#overview.article-container {
  background: url(http://www.iron.io/assets/products/overview-worker-bg.png) no-repeat right top;
  margin: 0;
  height: 280px;
  padding: 40px 20px 20px 40px
}

#overview.article-container .image-box {
  margin: 0px 0 30px
}

#overview.article-container .image-box img {
  margin: 0
}

#overview.article-container p {
  font-size: 18px;
  line-height: 1.3em;
  letter-spacing: -1px;
  margin: 0;
  text-align: left;
  width: 510px;
  border-bottom: 1px solid #aaa;
  padding-bottom: 20px;
  margin-bottom: 20px
}

.mq-page #overview.article-container {
  background: url(http://www.iron.io/assets/products/overview-mq-bg.png) no-repeat right top;
  height: 310px;
  padding: 30px 20px 20px 40px
}

.mq-page #overview.article-container .image-box {
  margin: 0px 0 20px
}

.mq-page #overview.article-container .image-box img {
  width: 350px
}

.mq-page #overview.article-container p {
  width: 580px
}

.article-information {
  overflow: hidden;
  font-size: 13px;
  line-height: 18px;
  padding: 25px 45px 23px 55px
}

.article-information h3 {
  margin: 0 0 17px;
  font-size: 21px;
  line-height: 24px;
  font-weight: normal
}

.article-information h4 {
  margin: 0 0 18px;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal
}

.article-information h5 {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal
}

.article-information h6 {
  margin: 0 0 1px;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal
}

.article-information p {
  margin: 0 0 18px
}

.article-information .image-box {
  overflow: hidden;
  width: 100%;
  padding: 14px 0 0;
  margin: 0 0 51px
}

.article-information .image-block {
  overflow: hidden;
  width: 100%;
  padding: 14px 0 0;
  margin: 0 0 5px
}

.article-information img {
  display: block;
  margin: 0 auto
}

.article-information .holder {
  overflow: hidden;
  width: 100%;
  padding: 15px 0 0;
  margin: 0 0 29px
}

.article-information .box-holder {
  overflow: hidden;
  width: 100%;
  margin: 0 0 -38px
}

.article-information .box-holder .box {
  margin: -19px 0 55px;
  padding: 33px 0 0;
  border-top: 1px solid #c2c2c2
}

.article-information ul {
  list-style: none;
  padding: 0 0 0 11px;
  margin: 0
}

.article-information li {
  padding: 0 0 0 8px;
  background: url(http://www.iron.io/assets/bullet02.gif) no-repeat 0 7px
}

#footer {
  height: 219px;
  position: relative;
  font-size: 11px;
  line-height: 14px;
  color: #888
}

#footer .footer-box {
  overflow: hidden;
  width: 100%;
  border: 1px solid #bbb;
  border-width: 1px 0;
  margin: 0 0 23px
}

#footer .footer-box .holder {
  border: 1px solid #f2f2f2;
  border-width: 1px 0;
  background: #3C4750;
  overflow: hidden
}

#footer .footer-box .content {
  margin: 0 auto;
  width: 988px;
  overflow: hidden;
  padding: 31px 0 29px
}

#footer .footer-box .box-holder {
  width: 700px;
  margin: 0 30px;
  float: right;
}

#footer .footer-box .box {
  float: left;
  width: 170px;
  margin: 0 0 0 30px
}

#footer .footer-box .box hgroup {
  overflow: hidden;
  width: 100%;
  /*border-bottom: 1px solid #bbb;*/
  color: #e6e7e6;
  padding: 0 0 6px;
  margin: 0 0 10px
}

#footer .footer-box .box h3 {
  margin: 0;
  color: #e6e7e6;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  /*text-shadow: 1px 1px 1px #fff*/
}

#footer .footer-box .box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 21px
}

#footer .footer-box .box a {
  color: #e6e7e6;
  text-decoration: none;
}

#footer .footer-holder {
  width: 988px;
  margin: 0 auto
}

#footer .footer-holder a {
  text-decoration: none;
  color: #4d4d4d
}

#footer p {
  margin: 0
}

#footer #footer-nav .container {
  width: 960px;
  padding: 0
}

.plans .plans-text {
  width: 260px;
  float: left;
  background: #f0f0f0;
  padding: 15px 20px 6px 15px;
  min-height: 162px
}

.plans ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 630px;
  overflow: hidden
}

.plans ul li {
  background: url(http://www.iron.io/assets/plans-bg-super.png) no-repeat 100% 0;
  width: 150px;
  color: white;
  padding: 15px 40px 15px 15px;
  margin-top: 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  float: left;
  height: 195px
}

.plans ul li[data-plan="super"] {
  z-index: 1;
  margin-left: -40px;
  padding-left: 60px
}

.plans ul li[data-plan="super"] h4 {
  color: #529898
}

.plans ul li[data-plan="regular"] {
  background: url(http://www.iron.io/assets/plans-bg-regular.png) no-repeat 100% 0;
  z-index: 3
}

.plans ul li[data-plan="regular"] h4 {
  color: #86cbcb
}

.plans ul li[data-plan="high"] {
  background: url(http://www.iron.io/assets/plans-bg-high.png) no-repeat 100% 0;
  margin-left: -40px;
  z-index: 2;
  padding-left: 60px
}

.plans ul li[data-plan="high"] h4 {
  color: #3bb0b0
}

.plans ul li h3 {
  font-weight: normal;
  margin: 0 0 5px
}

.plans ul li h4 {
  font-size: 25px;
  font-weight: normal;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0
}

.plans ul li p {
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin: 0;
  line-height: 1.5em;
  padding-top: 10px
}

.plans ul li p b {
  font-weight: bold;
  font-style: italic
}

.mq-page .plans .plans-text {
  width: 270px;
  padding: 30px 30px 10px 30px;
  min-height: 184px
}

.mq-page .plans ul {
  width: 580px
}

.mq-page .plans ul li {
  width: 350px;
  padding: 35px 80px 15px 50px;
  margin: 0
}

.mq-page .plans ul li h3 {
  margin: 0 0 10px;
  font-size: 18px
}

.worker-page .plans ul li {
  background: url(http://www.iron.io/assets/plans-bg-super-worker.png) no-repeat 100% 0
}

.worker-page .plans ul li[data-plan="super"] h4 {
  color: #5e9cba
}

.worker-page .plans ul li[data-plan="regular"] {
  background: url(http://www.iron.io/assets/plans-bg-regular-worker.png) no-repeat 100% 0
}

.worker-page .plans ul li[data-plan="regular"] h4 {
  color: #79b5d2
}

.worker-page .plans ul li[data-plan="high"] {
  background: url(http://www.iron.io/assets/plans-bg-high-worker.png) no-repeat 100% 0
}

.worker-page .plans ul li[data-plan="high"] h4 {
  color: #539fc6
}

.worker-page .plans ul li[data-plan="standard"] {
  background: url(http://www.iron.io/assets/plans-bg-standard-worker.png) no-repeat 100% 0;
  z-index: 12;
  width: 230px
}

.worker-page .plans ul li[data-plan="standard"] h4 {
  color: #79b5d2
}

.worker-page .plans ul li[data-plan="superpower"] {
  background: url(http://www.iron.io/assets/plans-bg-superpower-worker.png) no-repeat 100% 0;
  margin-left: -32px;
  width: 280px;
  z-index: 11;
  padding: 15px 40px 15px 55px
}

.worker-page .plans ul li[data-plan="superpower"] h4 {
  color: #5e9cba
}

#logos {
  margin-bottom: 80px;
  overflow: hidden;
  margin-right: -30px
}

.img-box {
  width: 292px;
  line-height: .8em;
  margin: 0 0 20px 0
}

.img-box>div {
  background: url(http://www.iron.io/assets/transparent-bg.png);
  min-width: 100px;
  height: auto;
  border: 1px solid #aaa;
  position: relative;
  overflow: hidden;
  display: inline-block;
  float: left;
  margin: 0 5px 5px 0
}

.img-box>div img {
  width: 290px
}

.img-box>div span {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  color: white;
  padding: 5px;
  text-align: center;
  width: 99%
}

.img-box>span {
  font-size: 12px
}

.img-box:hover>div span {
  display: block
}

.badge-code {
  background: #eee;
  padding: 5px;
  box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.5);
  margin-left: 20px;
  border-radius: 4px
}

.badge-code textarea {
  font-size: 12px;
  border-color: transparent;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 0px;
  width: 500px;
  height: 30px;
  outline: none
}

#badge-table td {
  vertical-align: top;
  height: 70px
}

nav#howitworks-tabs {
  overflow: hidden;
  border-bottom: 1px solid #aaa;
  padding: 10px 0 30px;
  margin-bottom: 30px
}

nav#howitworks-tabs .crumbs {
  width: 370px;
  float: left;
  margin-right: 20px
}

nav#howitworks-tabs .crumbs h3 {
  border: 1px solid #ccc;
  border-bottom: none;
  text-align: center;
  font-weight: lighter;
  font-size: 14px;
  height: 10px
}

nav#howitworks-tabs .crumbs h3 span {
  margin: -10px auto 10px;
  display: block;
  background: white;
  width: 110px
}

nav#howitworks-tabs .crumbs ul {
  list-style: none;
  padding: 0
}

nav#howitworks-tabs .crumbs ul li {
  float: left;
  margin-right: 6px
}

nav#howitworks-tabs .crumbs ul li a {
  display: block;
  background: #ccc;
  color: white;
  padding: 5px 25px 5px 35px;
  height: 20px;
  font-size: 13px;
  position: relative
}

nav#howitworks-tabs .crumbs ul li a:after {
  border-color: transparent #CCCCCC;
  border-style: solid;
  border-width: 15px 0 15px 14px;
  bottom: auto;
  content: "";
  display: block;
  left: auto;
  position: absolute;
  right: -14px;
  top: 0;
  width: 0;
  z-index: 11
}

nav#howitworks-tabs .crumbs ul li a:before {
  border-color: transparent #FFFFFF;
  border-style: solid;
  border-width: 15px 0 15px 14px;
  bottom: auto;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 10
}

nav#howitworks-tabs .crumbs ul li a:hover {
  text-decoration: none;
  background: #aaa
}

nav#howitworks-tabs .crumbs ul li a:hover:after {
  border-color: transparent #aaa
}

nav#howitworks-tabs .crumbs ul li a.active {
  background: #335056
}

nav#howitworks-tabs .crumbs ul li a.active:after {
  border-color: transparent #335056
}

nav#howitworks-tabs .crumbs ul li:first-child a {
  padding: 5px 30px
}

nav#howitworks-tabs .crumbs ul li:first-child a:before {
  border: none;
  display: none
}

.worker-page nav#howitworks-tabs .crumbs ul li a.active {
  background: #1f487a
}

.worker-page nav#howitworks-tabs .crumbs ul li a.active:after {
  border-color: transparent #1f487a
}

#howitworks-panes {
  min-height: 400px
}

#howitworks-panes aside.text {
  float: left;
  width: 280px;
  min-height: 360px
}

#howitworks-panes aside.text h2 {
  font-size: 30px
}

#howitworks-panes .illustration {
  float: right;
  width: 600px;
  position: relative
}

#howitworks-panes .illustration img {
  position: absolute
}

#howitworks-panes .arrow-nav {
  float: left;
  border-top: 1px solid #ccc;
  padding: 30px 0 5px;
  width: 280px;
  clear: left
}

#howitworks-panes .arrow-nav .button {
  padding: 5px 15px 4px 15px;
  font-size: 14px
}

#howitworks-panes .arrow-nav .button.prev {
  padding: 5px 12px 4px 8px
}

#howitworks-panes .arrow-nav .button.next {
  padding: 5px 8px 4px 12px
}

.iron-slider {
  position: relative;
  height: 395px;
  width: 956px
}

.iron-slider .panel {
  width: 970px;
  height: 395px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  background: url(http://www.iron.io/assets/promo-bg.png) no-repeat;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75) inset
}

.iron-slider .panel header p {
  color: #434343;
  font-size: 17px;
  font-weight: lighter;
  margin-top: 10px
}

.iron-slider .panel#worker-promo {
  background: url(http://www.iron.io/assets/banner-worker-bg.jpg) no-repeat
}

.iron-slider .panel#mq-promo {
  background: url(http://www.iron.io/assets/banner-mq-bg.jpg) no-repeat
}

.iron-slider .panel#mq-promo header {
  height: 100%;
  padding: 33px 280px 0 30px;
  width: 480px
}

.iron-slider .panel#worker-promo header {
  height: 100%;
  width: 520px;
  padding: 30px 280px 0 30px
}

.iron-slider .panel#worker-promo header h1 img {
  width: 450px;
  margin-bottom: 20px
}

.iron-slider .panel#worker-promo header h2 {
  color: #213a6e;
  text-shadow: none !important
}

.iron-slider .panel#mq-promo header h1 img {
  width: 340px;
  margin-top: 0;
  margin-bottom: 15px
}

.iron-slider .panel#mq-promo header h2 {
  color: #31555b;
  text-shadow: none !important
}

.iron-slider .panel.current {
  z-index: 2
}

.iron-slider-nav {
  width: 910px;
  height: 55px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  z-index: 11;
  padding: 15px 30px 0;
  background: -webkit-linear-gradient(rgba(56, 56, 56, 0.95), #1a1a1a);
  background: -moz-linear-gradient(rgba(56, 56, 56, 0.95), #1a1a1a);
  background: -ms-linear-gradient(rgba(56, 56, 56, 0.95), #1a1a1a);
  background: linear-gradient(rgba(56, 56, 56, 0.95), #1a1a1a);
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px
}

.iron-slider-nav:after {
  content: ".";
  display: block;
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 896px;
  z-index: 111;
  background: -webkit-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0)) repeat scroll 0 0 transparent;
  background: -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0)) repeat scroll 0 0 transparent;
  background: linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0)) repeat scroll 0 0 transparent
}

.iron-slider-nav .btn-holder {
  float: right
}

.iron-slider-nav ul {
  margin: 10px 0 0;
  float: left;
  padding: 0
}

.iron-slider-nav ul li {
  display: inline
}

.iron-slider-nav ul li a {
  display: block;
  float: left;
  text-decoration: none;
  background: #afafaf;
  width: 20px;
  margin-right: 20px;
  height: 20px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
  border-radius: 10px
}

.iron-slider-nav ul li.current a {
  background: #1f66ad;
  background: -moz-linear-gradient(top, #1f66ad, #036);
  background: -o-linear-gradient(top, #1f66ad, #036);
  background: -ms-linear-gradient(top, #1f66ad, #036);
  background: linear-gradient(top, #1f66ad, #036);
  background: -webkit-linear-gradient(top, #1f66ad, #036)
}

.iron-slider-nav ul.red li.current a {
  background: #c00;
  background: -moz-linear-gradient(top, #c00, #600);
  background: -o-linear-gradient(top, #c00, #600);
  background: -ms-linear-gradient(top, #c00, #600);
  background: linear-gradient(top, #c00, #600);
  background: -webkit-linear-gradient(top, #c00, #600)
}

.iron-slider-nav ul.teal li.current a {
  background: #187b91;
  background: -moz-linear-gradient(top, #187b91, #274349);
  background: -o-linear-gradient(top, #187b91, #274349);
  background: -ms-linear-gradient(top, #187b91, #274349);
  background: linear-gradient(top, #187b91, #274349);
  background: -webkit-linear-gradient(top, #187b91, #274349)
}

#ironio-promo header h1, #ironio-promo header h2 {
  opacity: 0
}

#ironio-promo .content {
  opacity: 0
}

.threecolumns {
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
  padding: 40px 0 40px 40px;
  margin: 0 -20px 0 0;
  position: relative
}

.threecolumns .column {
  float: left;
  width: 275px;
  margin: 0 35px 0 0
}

.threecolumns .column .content {
  padding: 0 0 0 5px
}

.threecolumns .column .content img {
  float: left;
  margin-left: -5px;
  margin-right: 10px
}

.threecolumns .column .content h3 {
  /*font-family: 'Myriad Pro';*/
  font-family:'Open Sans', sans-serif;
  padding-top: 30px;
  margin-bottom: 30px
}

.threecolumns .column .content p {
  clear: both
}

.threecolumns h3 {
  margin: 0 0 17px;
  color: #111;
  font-size: 24px;
  line-height: 24px;
  overflow: hidden;
  letter-spacing: -1px
}

.threecolumns h3 .cufon {
  margin: 0;
  float: left
}

.content-container .threecolumns p {
  margin: 0
}

.twocolumn {
  padding: 0 8px 0 0;
  width: auto;
  overflow: hidden;
  margin: 0 0 20px
}

.twocolumn .content {
  float: left;
  width: 525px
}

.twocolumn .content .column-holder {
  overflow: hidden;
  margin: 0 -40px 10px 0;
  width: 565px;
  padding: 8px 0 0
}

.twocolumn .content .column-holder .column {
  float: left;
  margin: 0 32px 20px 0;
  padding: 0;
  background: none;
  border: none;
  width: 245px;
  font-size: 13px;
  line-height: 18px;
  color: #353535
}

.twocolumn .content p {
  margin: 0 0 22px
}

.twocolumn .content .column .more {
  text-decoration: none;
  color: #003663;
  font-size: 14px
}

.twocolumn .content .column .more:hover {
  text-decoration: underline
}

.twocolumn .content .column .image-holder {
  overflow: hidden;
  width: 100%;
  margin: 0 0 17px
}

.twocolumn .content .column .image-holder img {
  display: block
}

.twocolumn .content .blockquote-holder {
  overflow: hidden;
  margin: -3px 0 -24px
}

.twocolumn .content blockquote {
  display: block;
  margin: 0 0 48px;
  font-size: 17px;
  line-height: 19px;
  padding: 0 15px 0 4px
}

.twocolumn .content cite {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  padding: 0 0 0 6px
}

.twocolumn .content q {
  display: block;
  margin: 0 0 8px;
  font-style: italic
}

.twocolumn .aside {
  float: right;
  width: 357px;
  margin: 0 -9px 0 0
}

.twocolumn .aside .news-list {
  list-style: none;
  padding: 0;
  margin: -8px 0 0;
  font-size: 13px;
  line-height: 18px
}

.twocolumn .aside .news-list h3 {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px
}

.twocolumn .aside .news-list h3 a {
  text-decoration: underline
}

.twocolumn .aside .news-list h3 a:hover {
  text-decoration: none
}

.twocolumn .aside .news-list p {
  margin: 0
}

.twocolumn .aside .news-list li {
  overflow: hidden;
  width: 100%;
  margin: 0 0 21px
}

.twocolumn .aside .list-holder {
  overflow: hidden;
  margin: 0 0 10px -2px
}

.twocolumn .aside .list {
  list-style: none;
  padding: 0;
  margin: -20px -3px -14px -18px;
  color: #363636;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  overflow: hidden
}

.twocolumn .aside .list a {
  color: #363636
}

.twocolumn .aside .list li {
  float: left;
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
  padding: 19px 10px 0;
  width: 104px;
  height: 110px
}

.twocolumn .aside .list img {
  display: block;
  margin: 0 auto 11px
}

.column-holder {
  overflow: hidden;
  margin: 0 -26px -14px;
  position: relative
}

.column-holder .area-content {
  margin: 0 0 -9999px;
  position: relative;
  padding: 31px 0 9999px 41px;
  float: left;
  width: 641px;
  font-size: 14px;
  line-height: 24px
}

.column-holder .area-content h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin: 0
}

.content-container .column-holder .area-content p {
  margin: 0 0 24px
}

.column-holder h3 {
  overflow: hidden;
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -1px;
  color: #111;
  margin: 0 0 22px
}

.column-holder h3 .cufon {
  margin: 0;
  float: left
}

.column-holder .post-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden
}

.column-holder .post-list li {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #acacac;
  padding: 22px 0 0
}

.column-holder .post-list li:first-child {
  border: none;
  padding: 0
}

.column-holder .column {
  float: right;
  border-left: 1px solid #b2b2b2;
  background: #e5eef4;
  padding: 20px 5px 9999px 14px;
  margin: 0 0 -9999px;
  font-size: 14px;
  width: 225px;
  line-height: 21px;
  color: #003663;
  position: relative
}

.column-holder .column ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.column-holder .column li {
  overflow: hidden;
  width: 100%;
  vertical-align: top;
  margin: 0 0 21px
}

.list-worker {
  list-style: none;
  padding: 10px 30px 30px 30px;
  margin: 0
}

.list-worker li {
  width: 100%;
  vertical-align: top;
  padding: 46px 0 0;
  margin: 0 0 35px
}

.list-worker .holder-info:after, .list-worker li:after {
  content: "";
  display: block;
  clear: both
}

.list-worker li:first-child {
  border: none;
  padding: 0
}

.list-worker .photo-box {
  background: url(http://www.iron.io/assets/shadow-image-box.png) no-repeat 50% 100%;
  padding: 0 9px 5px;
  float: left;
  margin: 0 14px 0 -9px;
  width: 106px;
  text-align: center
}

.list-worker .photo-box img {
  vertical-align: top;
  border: 1px solid #838383;
  border-radius: 3px 3px 0 0
}

.list-worker .holder {
  overflow: hidden;
  font-size: 14px;
  line-height: 19px;
  padding: 0 0 0 9px
}

.container .list-worker header {
  overflow: hidden;
  margin: 0 0 12px -3px;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  height: auto;
  width: auto;
  background: none;
  padding: 0;
  color: #353535
}

.container .list-worker .title {
  display: block;
  margin: -12px 0 37px;
  position: relative;
  font-size: 23px;
  line-height: 27px;
  font-weight: bold
}

.list-worker h3 {
  margin: 0;
  color: #cf0000;
  font-size: 17px;
  line-height: 19px;
  font-weight: bold
}

.container .list-worker .info {
  display: block;
  padding: 0;
  margin: 0;
  float: none;
  border: none
}

.list-worker .holder-info {
  width: 100%
}

.list-worker p {
  margin: 0 0 18px
}

#investors-list .photo-box {
  background: url(http://www.iron.io/assets/shadow-image-box-small.png) no-repeat 50% 100%
}

#investors-list .photo-box img {
  border: none;
  padding: 0px 0 15px
}

#line {
  position: absolute;
  display: none;
  width: 960px;
  height: 844px;
  background: transparent;
  z-index: 1
}

#line.your-application {
  display: block;
  top: 68px;
  left: 146px;
  height: 10px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) left -925px no-repeat
}

#line.worker-code-repository {
  display: block;
  top: 180px;
  left: 206px;
  height: 135px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) left -950px no-repeat
}

#line.job-queues {
  display: block;
  top: 300px;
  left: 111px;
  height: 10px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) left -1100px no-repeat
}

#line.scheduler {
  display: block;
  top: 162px;
  left: 50px;
  height: 290px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) left -1125px no-repeat
}

#line.worker-farm {
  display: block;
  top: 492px;
  left: 118px;
  height: 100px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) left -1415px no-repeat
}

ul#architecture {
  width: 400px;
  float: left;
  margin-top: 40px;
  padding-left: 0;
  list-style: none
}

ul#architecture h4 {
  font-size: 16px;
  color: #fff;
  padding: 6px 10px 4px;
  background: #a2a2a2;
  display: inline-block;
  line-height: 1em;
  margin: 0 0 10px;
  border-radius: 4px;
  cursor: default
}

ul#architecture:hover li p, ul#architecture.hover li p {
  opacity: .2
}

ul#architecture:hover li.hover p, ul#architecture.hover li.hover p {
  opacity: 1
}

ul#architecture li.hover h4 {
  background: #3f8ccd
}

ul#architecture p {
  margin: 0;
  font-size: 13px
}

ul#architecture li {
  padding-bottom: 36px;
  margin: 0;
  position: relative;
  z-index: 11;
  cursor: default
}

#diagram {
  width: 462px;
  height: 450px;
  margin-top: 38px;
  float: right;
  position: relative;
  z-index: 12;
  background: url(http://www.iron.io/assets/diagram-bgs.png) left top no-repeat
}

#diagram.fade {
  background-position: -481px 0
}

#diagram a {
  display: block;
  position: absolute;
  text-indent: -2000px;
  cursor: default
}

#diagram a#your-application-hover {
  width: 309px;
  height: 45px;
  left: 25px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) -25px -450px no-repeat
}

#diagram a#your-application-hover.hover {
  background-position: -506px -450px
}

#diagram a#your-application-hover.fade {
  background-position: -987px -450px
}

#diagram a#scheduler-hover {
  width: 66px;
  height: 66px;
  left: 395px;
  top: 80px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) -395px -533px no-repeat
}

#diagram a#scheduler-hover.hover {
  background-position: -876px -533px
}

#diagram a#scheduler-hover.fade {
  background-position: -1357px -533px
}

#diagram a#worker-code-repository-hover {
  width: 58px;
  height: 66px;
  left: 40px;
  top: 207px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) -42px -657px no-repeat
}

#diagram a#worker-code-repository-hover.hover {
  background-position: -523px -657px
}

#diagram a#worker-code-repository-hover.fade {
  background-position: -1004px -657px
}

#diagram a#job-queues-hover {
  width: 190px;
  height: 66px;
  left: 150px;
  top: 206px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) -150px -656px no-repeat
}

#diagram a#job-queues-hover.hover {
  background-position: -631px -656px
}

#diagram a#job-queues-hover.fade {
  background-position: -1112px -656px
}

#diagram a#worker-farm-hover {
  width: 450px;
  height: 110px;
  left: 0;
  top: 340px;
  background: url(http://www.iron.io/assets/diagram-bgs.png) left -790px no-repeat
}

#diagram a#worker-farm-hover.hover {
  background-position: -481px -790px
}

#diagram a#worker-farm-hover.fade {
  background-position: -962px -790px
}

.bold {
  font-weight: bold !important
}

.left {
  float: left
}

.right {
  float: right
}

.clear {
  clear: both
}

.clearfix:before, .clearfloat:before {
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix, .clearfloat {
  display: block
}

.floatbox {
  overflow: hidden
}

#ie_clearing {
  display: none
}

#see-in-action #uploader {
  background: #eee;
  padding: 45px 20px 50px;
  text-align: center;
  border: 2px dashed #ccc;
  border-radius: 5px;
  width: auto;
  margin-bottom: 10px;
  font-family:'Open Sans', sans-serif;
  /*font-family: 'Molengo', Helvetica, Arial, sans-serif;*/
  font-weight: normal;
  color: #888;
  overflow: hidden;
  font-size: 21px;
  cursor: default
}

#see-in-action #uploader:hover {
  background: #eaeaea;
  border-color: #c8c8c8
}

#see-in-action #uploader.dragover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2) inset;
  border-color: #aaa
}

#see-in-action #choosen-file {
  font-family:'Open Sans', sans-serif;
  /*font-family: 'Molengo', Helvetica, Arial, sans-serif;*/
  font-weight: normal;
  overflow: hidden;
  border-top: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 40px;
  background: -webkit-linear-gradient(#f0f0f0, #fff);
  background: -moz-linear-gradient(#f0f0f0, #fff);
  background: -ms-linear-gradient(#f0f0f0, #fff);
  background: linear-gradient(#f0f0f0, #fff)
}

#see-in-action #choosen-file .thumb {
  float: left;
  margin-right: 20px
}

#see-in-action #choosen-file img {
  width: 200px
}

#see-in-action #choosen-file .thumb+h3 {
  width: 380px;
  float: left;
  line-height: 1.3em;
  word-wrap: break-word
}

#see-in-action #choosen-file h3 strong {
  display: block
}

#see-in-action .button {
  font-weight: normal
}

#see-in-action h4 {
  clear: both
}

#see-in-action #img-set {
  margin-bottom: 10px;
  overflow: hidden
}

#see-in-action #img-set img {
  height: 50px;
  opacity: .3;
  border: 3px solid transparent;
  float: left;
  -webkit-transition: opacity .25s ease-out;
  -moz-transition: opacity .25s ease-out;
  -ms-transition: opacity .25s ease-out;
  -o-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out
}

#see-in-action #img-set img.selected {
  border: 3px solid #1F60BC;
  opacity: 1
}

#see-in-action #img-set img:hover {
  opacity: 1
}

#see-in-action #available-operations {
  height: 75px;
  padding: 0
}

.img-action {
  height: 25px;
  width: 100px;
  margin: 0 3px 0 0;
  border: 1px solid #ddd;
  padding: 45px 0 0;
  text-align: center;
  border-radius: 3px;
  cursor: move;
  float: left;
  font-size: 12px;
  list-style: none
}

.img-action.ui-draggable-dragging {
  opacity: .75
}

#see-in-action .worker-constructor {
  margin-bottom: 40px
}

#see-in-action #available-operations li:hover {
  background-color: #e0e0e0 !important;
  border-color: #aaa
}

#see-in-action #available-operations li:last-child {
  margin: 0
}

.img-action.rotate {
  background: #eee url(http://www.iron.io/assets/see_in_action/rotate.png) no-repeat 50% 10px
}

.img-action.flip-h {
  background: #eee url(http://www.iron.io/assets/see_in_action/flip-horizontal.png) no-repeat 50% 10px
}

.img-action.flip-v {
  background: #eee url(http://www.iron.io/assets/see_in_action/flip-vertical.png) no-repeat 50% 10px
}

.img-action.resize-h {
  background: #eee url(http://www.iron.io/assets/see_in_action/resize-h.png) no-repeat 50% 10px
}

.img-action.resize-v {
  background: #eee url(http://www.iron.io/assets/see_in_action/resize-v.png) no-repeat 50% 10px
}

#see-in-action .queue-bar {
  border: 1px solid #888;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 1px 0 white inset;
  height: 20px;
  padding: 5px 10px;
  font-size: 12px;
  background: -webkit-linear-gradient(#eee, #ddd, #ccc);
  background: -moz-linear-gradient(#eee, #ddd, #ccc);
  background: -ms-linear-gradient(#eee, #ddd, #ccc);
  background: linear-gradient(#eee, #ddd, #ccc)
}

#see-in-action .queue-bar #status {
  padding: 1px 0 1px 20px;
  margin-top: -4px;
  display: inline-block;
  font-size: 12px;
  background-position: 0 3px;
  margin-left: 5px
}

#see-in-action .queue-bar .text {
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4)
}

#see-in-action #selected-operations {
  position: relative;
  height: 90px;
  border: 1px solid #888;
  padding: 3px 3px 5px 3px;
  margin: 0;
  list-style-position: inside;
  background: -webkit-linear-gradient(#ccc, #eee);
  background: -moz-linear-gradient(#ccc, #eee);
  background: -ms-linear-gradient(#ccc, #eee);
  background: linear-gradient(#ccc, #eee)
}

#see-in-action #selected-operations li {
  width: 110px;
  background: #eee;
  border: 1px solid #666;
  height: 70px;
  float: left;
  border-radius: 4px;
  margin: 0 3px 0 0;
  padding: 10px
}

#see-in-action #selected-operations li#help {
  width: 100%;
  text-align: center;
  list-style: none;
  border: none;
  padding: 35px 0 0;
  height: 55px;
  font-size: 38px;
  background: transparent;
  line-height: 1em;
  color: white;
  cursor: default;
  font-family:'Open Sans', sans-serif;
  /*font-family: 'Molengo', Helvetica, Arial, sans-serif;*/
  font-weight: normal;
  color: #888;
  font-size: 21px;
  cursor: default
}

#see-in-action .run-box {
  margin-bottom: 60px
}

#see-in-action .image-processed, #see-in-action .image-initial {
  width: 40%;
  float: left;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 1px 0 #fff inset;
  border-radius: 3px;
  padding: 6px;
  background: -webkit-linear-gradient(#f0f0f0, #fff);
  background: -moz-linear-gradient(#f0f0f0, #fff);
  background: -ms-linear-gradient(#f0f0f0, #fff);
  background: linear-gradient(#f0f0f0, #fff)
}

#see-in-action .image-processed {
  float: right;
  min-height: 180px
}

#see-in-action .image-processed .preloader {
  width: auto;
  margin: 80px auto 0;
  display: none
}

#see-in-action .process-arrow {
  margin: 50px 0 0 17px;
  float: left
}

#see-in-action .image-initial img, #see-in-action .image-processed img {
  width: 100%;
  display: block
}

#see-in-action .cloud-code {
  background: #597fa6;
  color: white;
  text-align: left;
  border-radius: 10px;
  border: 2px solid #243342;
  padding: 20px 0 20px 15px;
  position: relative;
  margin: 10px 0 20px
}

#see-in-action .cloud-code pre .comment {
  color: #9cb2c9;
  font-style: italic
}

#see-in-action .cloud-code pre {
  line-height: 1.5 pxem;
  font-size: 13px
}

#see-in-action .cloud-code:before {
  border-color: #233342 transparent;
  border-style: solid;
  border-width: 0 17px 17px;
  bottom: auto;
  content: "";
  display: block;
  left: 118px;
  position: absolute;
  top: -18px;
  width: 0
}

#see-in-action .cloud-code:after {
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: -15px;
  left: 120px;
  bottom: auto;
  border-width: 0 15px 15px;
  border-color: #597FA5 transparent
}

.unvisible {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden
}

.counter-box {
  color: #444;
  font-size: 24px;
  margin: 0px 0 5px 40px;
  padding: 10px 0 8px;
  width: 248px;
  text-align: center;
  line-height: 25px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75) inset;
  border-radius: 40px;
  border: 5px solid #eee;
  letter-spacing: 5px;
  cursor: default !important;
  background: #eee;
  background: -webkit-linear-gradient(#f2f2f2, #d9d9d9 50%, #d4d4d4 50%, #bdbdbd);
  background: -moz-linear-gradient(#f2f2f2, #d9d9d9 50%, #d4d4d4 50%, #bdbdbd);
  background: -ms-linear-gradient(#f2f2f2, #d9d9d9 50%, #d4d4d4 50%, #bdbdbd);
  background: linear-gradient(#f2f2f2, #d9d9d9 50%, #d4d4d4 50%, #bdbdbd)
}

.counter-box-text {
  margin: 0 0 20px;
  text-align: center;
  width: 340px;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  cursor: default
}

.testimonials-slider {
  background: #eeeeee;
  width: 968px;
  height: 170px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #c6c5c5;
  margin: 0 0 30px
}

.testimonials-slider .testimonial {
  position: relative;
  display: none;
  padding: 20px 0;
  width: 860px;
  height: 66px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  font-style: italic;
  text-shadow: 1px 1px #ffffff
}

.testimonials-slider .testimonial span {
  font-size: 18px;
  line-height: 24px
}

.testimonials-slider .testimonial span span.signature {
  display: block;
  font-size: 14px;
  font-style: normal;
  padding: 4px 0 0 200px
}

.testimonials-slider .banner-edge {
  position: relative;
  top: -56px;
  height: 58px;
  width: 17px
}

.testimonials-slider .banner-edge.left {
  left: -17px;
  background: url(http://www.iron.io/assets/home-testimonial-corner-sprite.png) left no-repeat
}

.testimonials-slider .banner-edge.right {
  right: -17px;
  background: url(http://www.iron.io/assets/home-testimonial-corner-sprite.png) right no-repeat
}

.testimonials-slider .banner-center {
  position: relative;
  height: 54px;
  width: 1001px;
  left: -16px;
  background: url(http://www.iron.io/assets/home-testimonial-bg.png) repeat-x
}

.testimonials-slider .banner-center a img {
  height: 24px;
  margin: 14px 32px 0
}

.testimonials-slider .banner-center a img.first {
  margin: 11px 32px 0 45px
}

.testimonials-slider .banner-center a {
  display: inline-block;
  height: 56px;
  cursor: pointer
}

.testimonials-slider .banner-center a.active {
  background-image: url(http://www.iron.io/assets/home-testimonial-active-arrow.png);
  background-repeat: no-repeat
}

.testimonials-slider .banner-center a.first {
  background-position: 105px 40px
}

.testimonials-slider .banner-center a.second {
  background-position: 80px 43px
}

.testimonials-slider .banner-center a.third {
  background-position: 90px 43px
}

.testimonials-slider .banner-center a.fourth {
  background-position: 58px 43px
}

.testimonials-slider .banner-center a.fifth {
  background-position: 120px 43px
}

.latest-news h2 {
  width: 970px
}

.latest-news ul.news-list {
  list-style-type: none;
  padding: 0
}

.latest-news ul.news-list li {
  display: block;
  float: left;
  width: 450px;
  margin: 0 0 50px;
  padding: 0
}

.latest-news ul.news-list li h3.blog_title {
  font-size: 16px;
  margin: 10px 0
}

.latest-news ul.news-list li p.blog_body {
  font-size: 14px;
  line-height: 20px
}

.latest-news ul.news-list li:first-child {
  margin: 0 50px 0 0
}

.howitworksCon {
  position: relative;
  width: 970px;
  margin: 0 auto 100px
}

.howitworksCon pre {
  display: none;
  font-size: 14px
}

.howitworksCon ul.sections-nav {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0
}

.howitworksCon ul.sections-nav li {
  position: relative;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  color: #afafaf;
  display: block;
  height: 20px;
  width: 150px;
  padding: 10px 0 10px 10px;
  z-index: 999
}

.howitworksCon ul.sections-nav li:hover {
  color: #949494
}

.howitworksCon ul.sections-nav li.active {
  color: #E7E7E7
}

.howitworksCon ul.sections-nav li#active-float {
  position: absolute;
  top: 47px;
  height: 40px;
  width: 160px;
  background: url(http://www.iron.io/assets/howitworks-nav-active-bg.png) no-repeat
}

.howitworksCon .example-container {
  width: 780px;
  min-height: 198px;
  padding: 0 0 0 40px;
  background: #eeeeee;
  border: 1px solid #dedede;
  position: absolute;
  right: 0px;
  z-index: 1
}

.howitworksCon .example-container span.desc {
  display: block;
  margin: 5px 0 8px 10px;
  font-weight: bold;
  font-style: italic;
  font-size: 14px
}

.howitworksCon .example-container ul#pushMessage, .howitworksCon .example-container ul#deleteMessage, .howitworksCon .example-container ul#getMessage, .howitworksCon .example-container ul#queueWorkers, .howitworksCon .example-container ul#scheduleWorkers {
  display: none
}

.howitworksCon .example-container ul.languages-tab {
  position: relative;
  float: left;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottom-ight: 5px;
  -moz-border-radius-bottom-left: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #bc0e00;
  background: url(http://www.iron.iodata:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjMGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjE5MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #bc0e00 0%, #721914 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bc0e00), color-stop(100%, #721914));
  background: -webkit-linear-gradient(top, #bc0e00 0%, #721914 100%);
  background: -o-linear-gradient(top, #bc0e00 0%, #721914 100%);
  background: -ms-linear-gradient(top, #bc0e00 0%, #721914 100%);
  background: linear-gradient(top, #bc0e00 0%, #721914 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bc0e00', endColorstr = '#721914', GradientType = 0)
}

.howitworksCon .example-container ul.languages-tab li {
  display: block;
  cursor: pointer;
  float: left;
  font-size: 15px;
  padding: 5px 20px;
  margin: 0;
  color: #ffffff;
  border-right: 1px solid #721914;
  border-left: 1px solid #dd2100
}

.howitworksCon .example-container ul.languages-tab li:hover {
  background: #dd2100;
  background: url(http://www.iron.iodata:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkMjEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjI4MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd2100), color-stop(100%, #af2816));
  background: -webkit-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: -o-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: -ms-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: linear-gradient(top, #dd2100 0%, #af2816 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dd2100', endColorstr = '#af2816', GradientType = 0)
}

.howitworksCon .example-container ul.languages-tab li.active {
  background: #dd2100;
  background: url(http://www.iron.iodata:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkMjEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjI4MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd2100), color-stop(100%, #af2816));
  background: -webkit-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: -o-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: -ms-linear-gradient(top, #dd2100 0%, #af2816 100%);
  background: linear-gradient(top, #dd2100 0%, #af2816 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dd2100', endColorstr = '#af2816', GradientType = 0)
}

.howitworksCon .example-container ul.languages-tab li#api {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  border-bottom-left-radius: 5px;
  border-left: 0px
}

.howitworksCon .example-container ul.languages-tab li#api:hover {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  border-bottom-left-radius: 5px
}

.howitworksCon .example-container ul#pushMessage li#java, .howitworksCon .example-container ul#getMessage li#java, .howitworksCon .example-container ul#deleteMessage li#java {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-right: 5px;
  border-bottom-right-radius: 5px;
  border-right: 0px
}

.howitworksCon .example-container ul#pushMessage li#java:hover, .howitworksCon .example-container ul#getMessage li#java:hover, .howitworksCon .example-container ul#deleteMessage li#java:hover {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-right: 5px;
  border-bottom-right-radius: 5px
}

.howitworksCon .example-container ul#queueWorkers li#python, .howitworksCon .example-container ul#scheduleWorkers li#python {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-right: 5px;
  border-bottom-right-radius: 5px;
  border-right: 0px
}

.howitworksCon .example-container ul#queueWorkers li#python:hover, .howitworksCon .example-container ul#scheduleWorkers li#python:hover {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-right: 5px;
  border-bottom-right-radius: 5px
}

.tweet, .query {
  color: #666;
  font-size: 14px;
  line-height: 1.4em
}

.tweet .tweet_list, .query .tweet_list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden
}

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
  text-transform: uppercase
}

.tweet .tweet_list li, .query .tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0 10px;
  list-style-type: none;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-left: 50px
}

.tweet .tweet_list li:last-child, .query .tweet_list li:last-child {
  border-bottom: none
}

.tweet .tweet_list li a, .query .tweet_list li a {
  color: #0189B7
}

.tweet .tweet_list li .tweet_avatar, .query .tweet_list li .tweet_avatar {
  position: absolute;
  left: 5px;
  top: 20px
}

.tweet .tweet_list li .tweet_avatar img, .query .tweet_list li .tweet_avatar img {
  vertical-align: middle
}

.twitter-box {
  background: #eee;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px
}

.twitter-follow {
  float: right;
  width: 140px;
  margin-top: 25px;
  margin-right: 10px
}

.content-container .content .libs {
  padding: 0;
  margin-right: 130px;
  height: 230px;
  margin-top: 30px;
}

.content-container .content .libs li {
  float: left;
  list-style: none;
  background: -webkit-linear-gradient(#fff, #f8f8f8);
  background: -moz-linear-gradient(#fff, #f8f8f8);
  background: -ms-linear-gradient(#fff, #f8f8f8);
  background: -o-linear-gradient(#fff, #f8f8f8);
  background: linear-gradient(#fff, #f8f8f8);
  padding: 0;
  width: 106px;
  margin: 0 10px 10px 0;
}

.content-container .content .libs li a {
  display: block;
  background: url(/images/libs/language_node.png) no-repeat 21px 6px;
  padding: 0;
  border: 1px solid #CCC;
  width: 105px;
  height: 100px;
  margin-right: 10px;
  /*border-radius: 5px;*/
  text-align: center;
  line-height: 172px;
  text-decoration: none;
  font-weight: bold;
  color: #CCC;
  font-size: 14px;
}

.content-container .content .libs li a:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  color: #aaa;
}

.content-container .content .libs li a[data-lang="rails"] {
  background: url(/images/libs/framework_rails.png) no-repeat 29px 9px;
}

.content-container .content .libs li a[data-lang="ruby"] {
  background: url(/images/libs/language_ruby.png) no-repeat 21px 9px;
}

.content-container .content .libs li a[data-lang="php"] {
  background: url(/images/libs/language_php.png) no-repeat 2px 11px;
}

.content-container .content .libs li a[data-lang="python"] {
  background: url(/images/libs/language_python.png) no-repeat 3px 18px;
}

.content-container .content .libs li a[data-lang="java"] {
  background: url(/images/libs/language_java.png) no-repeat 9px 3px;
}

.content-container .content .libs li a[data-lang="node"] {
  background: url(/images/libs/language_node.png) no-repeat 3px 13px;
}

.content-container .content .libs li a[data-lang="go"] {
  background: url(/images/libs/language_go.png) no-repeat 22px 8px;
}

.content-container .content .libs li a[data-lang="dotnet"] {
  background: url(/images/libs/language_dotnet.png) no-repeat 8px 0px;
}

.content-container .content .libs li a[data-lang="clojure"] {
  background: url(/images/libs/language_clojure.png) no-repeat 22px 12px;
}

.content-container .content .libs li a[data-lang="mono"] {
  background: url(/images/libs/language_mono.png) no-repeat 22px 12px;
}

.content-container .content .libs li a[data-lang="elixir"] {
  background: url(/images/libs/language_elixir.png) no-repeat 22px 12px;
}

.content-container .content .libs li a[data-lang="rust"] {
  background: url(/images/libs/language_rust.png) no-repeat 22px 12px;
}

/*framework stlying*/
.content-container .content .frameworks-row li {
  display:inline-block;
  list-style: none;
  background: -webkit-linear-gradient(#fff, #f8f8f8);
  background: -moz-linear-gradient(#fff, #f8f8f8);
  background: -ms-linear-gradient(#fff, #f8f8f8);
  background: -o-linear-gradient(#fff, #f8f8f8);
  background: linear-gradient(#fff, #f8f8f8);
  padding: 0;
  margin: 0 10px 5px 0;
}

.content-container .content .frameworks-row li a {
  display: block;
  border: 1px solid #CCC;
  width: 170px;
  height: 139px;
  /*border-radius: 5px;*/
  text-align: center;
  line-height: 235px;
  text-decoration: none;
  color: black;
  font-size: 14px;
  padding-right: 0;
}

.content-container .content .frameworks-row li a:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, .6);
  color: #aaa;
}

.content-container .content .frameworks-row li a[data-lang="rails"] {
  background: url(/images/frameworks/rails.png) no-repeat 50px 8px;
}

.content-container .content .frameworks-row li a[data-lang="celery"] {
  background: url(/images/frameworks/celery.png) no-repeat 38px 8px;
}

.content-container .content .frameworks-row li a[data-lang="drupal"] {
  background: url(/images/frameworks/drupal.png) no-repeat 35px 8px;
}

.content-container .content .frameworks-row li a[data-lang="apachecamel"] {
  background: url(/images/frameworks/language_java.png) no-repeat 9px 0px;
}

.content-container .content .frameworks-row li a[data-lang="yii"] {
  background: url(/images/frameworks/yii.png) no-repeat 45px -4px;
}

.content-container .content .frameworks-row li a[data-lang="zend"] {
  background: url(/images/frameworks/zend.png) no-repeat 28px 24px;
}

.content-container .content .frameworks-row li a[data-lang="laravel"] {
  background: url(/images/frameworks/laravel.png) no-repeat 25px -5px;
}

.content-container .content .frameworks-row li a[data-lang="dotnetframework"] {
  background: url(/images/frameworks/dotnetframework.png) no-repeat 43px 8px;
}
/*end framework styling*/



.faq-image{
  width:70%;
  border:2px solid black;
}

.img-med{
  width:80%;
}