html {
    line-height: normal;
}

body {
  margin: 0;
  padding: 0;
  background: #4D82B8;
}

br.clear {
  clear: both;
}

.page {
  position: relative;
  margin: 0 auto;
  width: 980px;
  padding-left: 0;
}

header {
  padding: 14px 40px 10px;
  background: url(/images/header-sliver.png) repeat-x transparent 0 0;
}

header .small {
  color: #d8d8d8;
  font-size: 13px;
  font-family: Arial;
  font-weight: lighter;
}

header h1 {
  margin: 5px 0 0 0;
  color: white;
  font-family: Georgia;
  font-weight: normal;
  font-size: 40px;
  text-shadow: 1px 1px 0 #2e5781;
}

#share {
  background: url(/images/share-this.png) no-repeat transparent 0 5px;
  position: absolute;
  right: 0;
  width: 200px;
  padding-left: 60px;
  margin-top: 30px;
}

a.share-link {
  background: url(/images/share-icons.png) no-repeat transparent 0 -2px;
  display: inline-block;
  height: 33px;
  width: 34px;
}
#share a:first-child {
  margin-left: 30px;
}

#share #email {
  background-position: 0 -2px;
}
#share #email:hover {
  background-position: 0 -44px;
}

#share #twitter {
  background-position: -40px -2px;
}
#share #twitter:hover {
  background-position: -40px -44px;
}

#share #facebook {
  background-position: -80px -2px;
}
#share #facebook:hover {
  background-position: -80px -44px;
}

#share #sharethis {
  background-position: -117px -2px;
}
#share #sharethis:hover {
  background-position: -117px -44px;
}

#banner {
  background: white;
  position: relative;
  box-shadow: 0 6px 30px 0 rbga(56, 56, 56, 0.6);
}
#banner .page {
  background: url(/images/football.png) no-repeat transparent right top;
  min-height: 317px;
}
#banner .page * {
  width: 440px;
}

#banner h2 {
  padding-top: 20px;
  font-family: Arial;
  font-weight: lighter;
  text-shadow: 1px 1px #d8d8d8;
  margin: 0;
  color: black;
  font-size: 24px;
  line-height: 32px;
}

#banner p {
  color: #999999;
  font-size: 13px;
  line-height: 1.5;
  margin: 13px 0 17px;
}

#banner h3 {
  color: #555555;
  font-family: Arial;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}

#banner ul#alpha-features {
  color: #555555;
  font-size: 13px;
  font-weight: lighter;
  list-style-image: url("/images/arrow-banner.png");
  padding-left: 15px;
  margin: 0;
}
#banner ul#alpha-features li:not(:last-child) {
  margin-bottom: 5px;
}

#features {
  background: #406c98;
  background: -moz-linear-gradient(top, #406c98 0%, #4778aa 3%, #4b7eb2 6%, #4d82b8 10%, #4d82b8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #406c98), color-stop(3%, #4778aa), color-stop(6%, #4b7eb2), color-stop(10%, #4d82b8), color-stop(100%, #4d82b8));
  background: -webkit-linear-gradient(top, #406c98 0%, #4778aa 3%, #4b7eb2 6%, #4d82b8 10%, #4d82b8 100%);
  background: -o-linear-gradient(top, #406c98 0%, #4778aa 3%, #4b7eb2 6%, #4d82b8 10%, #4d82b8 100%);
  background: -ms-linear-gradient(top, #406c98 0%, #4778aa 3%, #4b7eb2 6%, #4d82b8 10%, #4d82b8 100%);
  background: linear-gradient(top, #406c98 0%, #4778aa 3%, #4b7eb2 6%, #4d82b8 10%, #4d82b8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#406c98', endColorstr='#4d82b8',GradientType=0 );
}

#features ul.page {
  padding-top: 15px;
}

#features ul.page > li {
  padding-top: 25px;
  list-style-type: none;
}
#features .left, #features .right {
  display: inline-block;
}

#features .left.nonauto, #features .right.nonauto {
  width: 450px;
  margin-top: 38px;
  vertical-align: top;
}

#features .left.nonauto {
  text-align: right;
}

.page .right{
   float: right;
   margin-right: 45px;
}

#features h3 {
  margin: 0 0 3px;
  padding: 0;
  color: white;
  letter-spacing: 0.05em;
  text-shadow: 1px 1px rgba(51, 51, 51, 0.6);
  font-family: Arial;
  font-size: 16px;
  font-weight: lighter;
}

#features p {
  color: #CADFF5;
  font-size: 13px;
  line-height: 1.4;
  text-shadow: 1px 1px rgba(87, 107, 127, 0.9);
}

a.example {
  border: 1px solid transparent;
  display: block;
  margin: 5px 0 14px;
  outline: 0 none;
  padding: 0;
  position: relative;
  width: 287px;
}
a.example span.content {
  border: 1px solid #aaaaaa;
  color: black;
  display: block;
  font: 12px/16px arial, sans-serif;
  padding: 1px 4px;
  vertical-align: middle;
  background-color: white;
}
a.example .submit {
  background: url("/images/equals.png") no-repeat scroll 0 0 transparent;
  border: 0 none;
  display: block;
  font-size: 0;
  height: 0;
  margin: auto 0;
  padding: 14px 0 0;
  position: absolute;
  right: 4px;
  top: 3px;
  width: 13px;
}
a.example-selected {
  border: 1px solid #ffcb00;
}

.ex-caption {
  font-size: 11px;
  color: #888888;
  line-height: 16px;
}

ul.inputs {
  padding: 0;
}
ul.inputs li {
  display: inline-block;
}
ul.inputs li a.example {
  margin-bottom: 2px;
  text-decoration: none;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -ms-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
}
ul.inputs li a.example:hover {
  border: 1px solid #fe5618;
  box-shadow: 0px 0px 10px rgba(206, 208, 95, 0.65);
}

ul.inputs a.example {
  width: 220px;
  text-align: left;
}

ul.inputs li.input-wide a.example {
  width: 446px;
}

#examples {
  padding: 20px 35px;
  margin-top: 50px;
  background-color: #719bc6;
}
#examples h1 {
  margin-bottom: 12px;
}
#examples a.back-to-top {
  top: 33px;
  right: 33px;
}

ul#gallery li {
  display: inline-block;
}

.section h1 {
  color: white;
  text-shadow: 1px 1px rgba(51, 51, 51, 0.6);
  font-family: Arial;
  font-size: 24px;
  font-weight: lighter;
  border-bottom: 1px solid #ececec;
}

a.back-to-top {
  position: absolute;
  text-indent: -9999px;
  background: url(/images/back-to-top.png) no-repeat transparent 0 0;
  right: 0;
  width: 101px;
}


#coverage {
  margin: 20px auto 80px auto;
}

#coverage h1 {
  margin-bottom: 20px;
}

#coverage a.back-to-top {
  top: 12px;
}

#team{
   margin-bottom: 20px;
}

.statistics h3 {
  background: #406fad;
  background: -moz-radial-gradient(center, ellipse cover, #406fad 0%, #3d69a5 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #406fad), color-stop(100%, #3d69a5));
  background: -webkit-radial-gradient(center, ellipse cover, #406fad 0%, #3d69a5 100%);
  background: -o-radial-gradient(center, ellipse cover, #406fad 0%, #3d69a5 100%);
  background: -ms-radial-gradient(center, ellipse cover, #406fad 0%, #3d69a5 100%);
  background: radial-gradient(center, ellipse cover, #406fad 0%, #3d69a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#406fad', endColorstr='#3d69a5',GradientType=1 );
  border: 1px solid #2e5c9b;
  padding: 3px 0 3px 38px;
  color: white;
  text-shadow: 1px 1px rgba(51, 51, 51, 0.6);
  font-family: Arial;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.statistics:not(:first-child) h3 {
  margin-top: 5px;
}

.statistics h4 {
  font-size: 12px;
  text-transform: none;
  color: white;
  text-shadow: 1px 1px rgba(51, 51, 51, 0.6);
  font-family: Arial;
  font-size: 16px;
  margin: 0;
}

ul.categories .column {
  width: 298px;
  display: inline-block;
  vertical-align: top;
}

ul.categories li {
  list-style-type: none;
  margin: 5px 15px 5px 0;
  display: inline-block;
}

ul.categories p, ul.categories a {
  color: #CADFF5;
  font-size: 13px;
  line-height: 1.5;
  text-shadow: 1px 1px rgba(87, 107, 127, 0.9);
  margin: 0;
}

ul.categories p {
   padding-bottom:5px;
}

ul.categories a:hover {
  color: white;
  border-bottom: 1px solid white;
}

ul.categories hr {
  border: 1px solid #7398bf;
}

#future {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 100px;
}

#future hr {
  color: #f1f1f1;
}

#future h1 {
  border-bottom: 0;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 18px;
}

#future h2 {
  margin: 5px 0 0 0;
  color: #acacac;
  font-size: 17px;
  font-weight: lighter;
}

/** OVERLAY FOR EXAMPLES GALLERY **/

li.square-wrapper {
  margin: 0 auto;
  width: 206px;
  height: 281px;
  padding: 14px 6px 14px 6px;
  background-color: #4D82B8;
  text-align: center;
  border: 1px solid #00508b;
  -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.33);
  -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.33);
  box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.33);
}

li.square-wrapper div.square-lower a div.lower-copy {
  position: relative;
  z-index: 100;
  width: 158px;
  margin: 0 auto;
  height: 53px;
  background: rgba(44, 100, 151, 0.7);
  padding: 20px 30px 20px 30px;
  top: -76px;
  left: -6px;
}

li.square-wrapper div.square-lower a div.lower-copy p {
  display: block;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 9.3pt;
}

li.square-wrapper:hover {
  background-color: #4d92d1;
  text-align: center;
  border: 1px solid #bccad5;
}

/** END OVERLAY FOR EXAMPLES GALLERY  **/

.jcarousel-skin-tango .jcarousel-direction-rtl {
  direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 880px;
    padding: 0px 40px 10px 29px;
}

#tab2 .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 830px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  920px;
}

#tab2 .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 820px;
}

.jcarousel-skin-tango .jcarousel-list-horizontal {
    padding: 20px 5px 20px 5px !important;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

#tab2 .jcarousel-skin-tango .jcarousel-item {
        width: 405px;
        height: 300px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 150px;
    right: -24px;
    cursor: pointer;
    /*background: transparent url(next-horizontal.png) no-repeat 0 0;*/
        height: 29px;
        width: 20px;
        background: url(/images/Screenshot_Gallery_Arrows.png) 0 0 no-repeat;
        background-position: -20px 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/images/Screenshot_Gallery_Arrows.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
        background-position: -20px -30px;

}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
        cursor: default;
        background-position: -20px -61px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 150px;
    left: 5px;
    width: 20px;
    height: 29px;
    cursor: pointer;
        background: url(/images/Screenshot_Gallery_Arrows.png) 0 0 no-repeat;
        background-position: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
        background-position: 0 -30px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
        background-position: 0 -61px;
}



/* vim:sw=2: