/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-size: 14px;
  line-height: 1.231;
  background: url('../png/background.png');
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* ::-moz-selection { background: fe57a1; color: #fff; text-shadow: none; }*/

/* ::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/

/* =============================================================================
   Links
   ========================================================================== */

a {
  text-decoration: none;
}

a:visited {}

a:hover {}

a:focus {
  outline: thin dotted;
}


/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover,
a:active {
  outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}


/* Redeclare monospace font family: h5bp.com/j */

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}


/* Improve readability of pre-formatted text in all browsers */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}


/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub,
sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.75em;
}

sub {
  bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}


/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
  overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure {
  margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}


/* Indicate that 'label' will shift focus to the associated form element */

label {
  cursor: pointer;
}


/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}


/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}


/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button,
input {
  line-height: normal;
  *overflow: visible;
}


/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button,
table input {
  *overflow: auto;
}


/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}


/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}


/* Colors for form validity */

input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}


/* =============================================================================
   Tables
   ========================================================================== */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}


/* ==|== primary styles =====================================================
   Author: charity: water / Jasdeep Gosal
   ========================================================================== */

h1,
h2,
h3,
h4 {
  font-weight: 400;
}

a:hover {
  text-decoration: underline;
}

div#container {
  margin: 0px;
}

div.centered {
  margin: 0px auto;
  width: 1151px;
}

div.tiles {
  background: url('../jpg/tile.jpg');
  min-width: 1151px;
}

div.blueprint {
  background: url('../png/glow.png') no-repeat center top;
  background-size: 125%;
}

header {
  padding: 20px 0px;
  margin: 0px auto;
  width: 1151px;
}

header nav {
  float: left;
  margin-left: 40px;
  font-family: Georgia, serif;
  color: #96b8dd;
  font-style: italic;
}

header span.spacer {
  margin: 0px 11px 0px 12px;
}

header nav a.home:hover {
  text-decoration: none;
}

header nav a {
  color: #96b8dd;
}

header nav img.icon {
  margin-top: -2px;
  margin-left: 15px;
}

header nav img.charity-water {
  margin-top: -3px;
  margin-left: 10px;
}

header div.social {
  float: right;
  margin-right: 40px;
}

header div.social fb,
header div.social div,
header div.social a {
  display: inline;
  margin-left: 3px;
  height: 21px;
}

div.social div {
  width: 90px;
}

header div.banner {
  position: relative;
  z-index: 1;
  clear: both;
  width: 1151px;
  height: 107px;
  background: url('../png/white_banner.png') no-repeat bottom;
  color: #0670e6;
  font-size: 20px;
  margin-top: 23px;
  text-align: center;
}

header div.banner h1 {
  display: inline;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  vertical-align: middle;
  font-size: 34px;
}

div#help_us_buy {
  color: #ffffff;
  padding-top: 10px;
}

div#help_us_buy div.column {
  width: 360px;
  margin-left: 20px;
  margin-top: 5px;
  float: left;
}

div#help_us_buy div.column h2 {
  font-family: Tamarillo;
  font-size: 25px;
  font-weight: 100;
  letter-spacing: 1px;
  margin-bottom: 24px;
}

div#help_us_buy div.column h1 {
  font-family: "league gothic", league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 80px;
  margin-bottom: 15px;
  line-height: 76px;
  letter-spacing: 1px;
  text-shadow: rgb(0, 5, 11) -1px 1px;
  text-shadow: rgba(0, 0, 0, .75) -1px 1px;
}

div#help_us_buy a.start-fundraising {
  background-image: url('../png/donate_post_close.png');
  width: 285px;
  height: 44px;
  float: left;
}

div#help_us_buy a.start-fundraising:hover {
  background-position: 0px -43px;
}

div#help_us_buy a.donate {
  background-image: url('../png/donate.png');
  width: 149px;
  height: 44px;
  float: left;
  margin-left: 11px;
}

div#help_us_buy a.donate:hover {
  background-position: 0px -44px;
}

div#help_us_buy div.text {
  line-height: 24px;
}

div#help_us_buy .column .text a {
  color: #fff;
  text-decoration: underline;
}

div#help_us_buy div.every-dollar {
  margin-top: 28px;
}

div#help_us_buy div.proof {
  margin-top: 5px;
}

div#help_us_buy div.links {
  margin-top: 25px;
  margin-bottom: 31px margin-left: -6px;
}

div#help_us_buy div.videos {
  width: 695px;
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}

div#help_us_buy div.video {
  background-color: #feffff;
  padding: 9px;
  border: 1px solid rgb(43, 106, 72);
  border: 1px solid rgba(0, 0, 0, .24);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, .24);
  position: relative;
}

div#help_us_buy div.bigvid {
  width: 675px;
  height: 379px;
}

div#help_us_buy div.smallvid {
  width: 114px;
  height: 68px;
  float: left;
  padding: 6px;
  margin-right: 14px;
}

div#help_us_buy div.video a,
div#help_us_buy div.video iframe {
  position: absolute;
}

div#help_us_buy div.five {
  margin-top: 17px;
}

div#help_us_buy div.five a,
div#help_us_buy div.five a:hover {
  color: #FFF;
  margin-top: 20px;
}

div.five a:hover div.text {
  text-decoration: underline;
}

div#help_us_buy div.five h1 {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 31px;
  margin-top: 16px;
  margin-bottom: 15px;
  line-height: 28px;
  text-shadow: rgb(0, 5, 11) -1px 1px;
  text-shadow: rgba(0, 0, 0, .75) -1px 1px;
  letter-spacing: 1px;
  float: left;
}

div#help_us_buy div.five h1 img {
  margin-top: -.2em;
}

div#help_us_buy div.five div.text {
  width: 175px;
  float: left;
}

div#progress {
  background: url(../png/progress_background3860.png?v=1) repeat-x;
  height: 225px;
  width: 100%;
  margin-top: 43px;
}

div#progress div.progress-bar,
div#progress div.the-match {
  float: left;
  color: #ffffff;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 30px;
  margin-top: 27px;
  margin-left: 16px;
  letter-spacing: .1px;
}

div#progress div.progress-bar div.row {
  clear: both;
  margin-left: 24px;
}

div#progress div.text {
  float: left;
  text-shadow: rgb(113, 134, 160) -1px 1px;
  text-shadow: rgba(0, 0, 0, .43) -1px 1px;
}

div#progress div.small-text {
  float: left;
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 5px;
  line-height: 16px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-shadow: rgb(0, 5, 11) -1px 1px;
  text-shadow: rgba(0, 0, 0, .75) -1px 1px;
}

div#progress div#progress_bar {
  float: left;
  margin: 0px 10px 0 6px;
  width: 520px;
  height: 36px;
  background: #1a1f24;
  border-bottom: 1px solid #77ace7;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
}

div#progress div#progress_bar span.inside {
  float: left;
}

div#progress div#progress_bar div.amount {
  float: left;
  font-size: 24px;
  margin-left: 15px;
  margin-top: 4px;
}

div#progress div.progress-bar span#additional_amount {
  color: rgb(244, 208, 30);
}

div#progress div#progress_bar div.raised-so-far {
  float: left;
  font-size: 20px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 7px;
  color: #757575;
}

div#progress div#progress_bar div.bar {
  background: url('../png/progress_bar_foreground.png') repeat-x;
  width: 20px;
  height: 29px;
  margin: 4px 0px 0px 3px;
  float: left;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
}

div#progress div.the-match {
  float: left;
  width: 500px;
  margin-left: 43px;
  margin-top: 25px;
}

div#progress div.the-match div.match {
  float: left;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  color: #1b1f24;
  font-size: 30px;
  margin-top: 28px;
  text-shadow: rgb(120, 162, 186) -1px 1px;
  text-shadow: rgba(255, 255, 255, .2) -1px 1px;
}

div#progress div.the-match img.bracket {
  float: left;
  margin-left: 14px;
  margin-right: 14px;
}

div#progress div.the-match img.rig {
  float: left;
  clear: left;
  margin: 17px 2px 18px -2px;
}

div#progress div.the-match img.matched-rig {
  float: left;
  margin: 17px 2px 18px -2px;
}

div#progress div.rig-stats {
  margin-left: 7px;
  margin-top: 25px;
  font-size: 27px;
}

div#progress div.the-match div.small-text {
  margin-left: 2px;
}

span#match_info {
  cursor: pointer;
}

div#campaigns,
div#financials {
  width: 1151px;
  margin: 0px auto;
}

div#campaigns div.divider,
div#financials div.divider {
  width: 385px;
  background: url('../png/grey_divider.png') repeat-x;
  height: 5px;
  margin-top: 36px;
}

div#campaigns div.left,
div#financials div.left {
  margin-left: 46px;
  margin-right: 10px;
  float: left;
}

div#campaigns div.right,
div#financials div.right {
  margin-left: 10px;
  float: left;
}

div#campaigns h1 {
  width: 260px;
  text-align: center;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 25px;
  display: block;
  float: left;
  color: #555555;
  margin-top: 23px;
  font-weight: 100;
}

div#campaigns div.campaigners {
  margin-left: 39px;
  margin-top: 23px;
  height: 81px;
  position: relative;
}

div#campaigns div.campaigners img {
  margin-left: 6px;
  border: 1px solid #ceced1;
  padding: 4px;
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
}

div#campaigns div.campaigners div.caption {
  margin-left: 6px;
  width: 59px;
  text-align: center;
  font-size: 11px;
  font-family: Arial, sans-serif;
  margin-top: 8px;
}

div#campaigns div.campaigners div.campaigner {
  float: left;
}

div#campaigns div.campaigners div.refresh {
  position: absolute;
  top: 16px;
  left: 1066px;
}

div#campaigns div.campaigners div.refresh a {
  background-image: url('../png/refresh.png');
  width: 26px;
  height: 26px;
}

div#campaigns div.campaigners div.refresh a:hover {
  background-position: 0px -26px;
}

div#graph {
  margin-top: 43px;
  margin-left: 41px;
  width: 1054px;
  height: 594px;
  background: url('../png/graph_background.png') no-repeat;
  position: relative;
}

div#graph h1,
div#help h1 {
  margin-top: 12px;
  font-size: 56.6px;
  line-height: 57px;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  text-shadow: #FFF -1px 1px;
}

div#graph h1 {
  width: 690px;
}

div#graph h1 span.asterix {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.55em;
}

div#graph div.text {
  margin-top: 16px;
  line-height: 20px;
  color: #555555;
  font-family: Arial, sans-serif;
  width: 570px;
}

div#graph div.statistics {
  margin-top: 18px;
}

div#graph div.statistics div.stat {
  float: left;
}

div#graph div.statistics div.supporters {
  margin-left: 1px;
}

div#graph div.statistics div.projects {
  margin-left: 30px;
}

div#graph div.statistics div.people {
  margin-left: 22px;
}

div#graph div.statistics div.stat div.amount {
  color: #4588f2;
  font-size: 45.19px;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  text-shadow: #FFF -1px 1px;
}

div#graph div.statistics div.stat div.description {
  color: #333333;
  font-family: Arial, sans-serif;
  text-shadow: #FFF -1px 1px;
}

div#graph div.annotations div {
  font-family: skippy-sharp;
  font-size: 17px;
  color: #575757;
  line-height: 17px;
  letter-spacing: 1px;
}

div#graph div.annotations div {
  position: absolute;
}

div#annotation-2006 {
  top: 509px;
  left: 0px;
  width: 93px;
}

div#annotation-2007 {
  top: 524px;
  left: 117px;
  width: 88px;
}

div#annotation-2008 {
  top: 460px;
  left: 224px;
  width: 145px;
}

div#annotation-2008 p {
  margin-left: 20px;
  margin-top: 3px;
}

div#annotation-2009 {
  top: 427px;
  left: 365px;
  width: 110px;
}

div#annotation-2009 p {
  margin-left: 2px;
  margin-top: 3px;
}

div#annotation-2010 {
  top: 382px;
  left: 497px;
  width: 90px;
}

div#annotation-2010 p {
  margin-top: 3px;
  margin-left: -3px;
}

div#annotation-2010 h2 {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  text-shadow: #FFF -1px 1px;
  line-height: 1em;
  font-size: 32px;
  color: #6e6e6f;
}

div#annotation-2010 h2 img {
  vertical-align: top;
  margin-top: 3px;
}

div#annotation-2011 {
  top: 269px;
  left: 595px;
  width: 135px;
}

div#annotation-2011 p {
  margin-left: 15px;
  margin-top: 3px;
  color: #2b6cd6;
}

div#annotation-2011 h2 {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  text-shadow: #FFF -1px 1px;
  line-height: 1em;
  font-size: 30px;
  margin-top: 10px;
  margin-left: 14px;
  color: #2b6cd6;
  letter-spacing: 0px;
}

div#annotation-2012 {
  top: 240px;
  left: 747px;
  width: 125px;
}

div.years {
  margin-top: 12px;
  margin-left: 54px;
  width: 1054px;
}

div.years div.year {
  width: 30px;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 20px;
  float: left;
}

div.years div.past {
  color: #797979;
}

div.years div.future {
  color: #4588f2;
}

div#help {
  margin-left: 34px;
  margin-top: 47px;
}

div#help div.column {
  float: left;
  width: 566px;
}

div#help div.column div.how {
  float: left;
}

div#help div.column div.how div.text {
  float: left;
  margin-top: 0px;
}

div#help div.column h2 a {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 25px;
  color: #026fe2;
  float: left;
  margin-top: 34px;
  margin-left: 4px;
}

div#help div.column h2 img {
  margin-top: -.12em;
}

div#help div.right-column {
  float: left;
}

div#help div.right-column h1 {
  margin-left: 18px;
}

div#help div.text {
  margin-top: 15px;
  margin-left: 6px;
  line-height: 21px;
  color: #313131;
}

div#help div.links {
  margin-top: 35px;
  margin-left: 1px;
}

div#help a.start-fundraising {
  background-image: url('../png/start_fundraising_blue.png');
  width: 247px;
  height: 52px;
  float: left;
}

div#help a.start-fundraising:hover {
  background-position: 0px -51px;
}

div#help a.donate {
  background-image: url('../png/donate_post_close_blue.png');
  width: 308px;
  height: 52px;
  float: left;
}

div#help a.donate:hover {
  background-position: 0px -53px;
}

div#help aside {
  width: 177px;
  height: 206px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: rgb(44, 140, 226);
  background: rgba(44, 120, 226, .09);
  float: left;
  padding: 17px 28px 0px 28px;
  margin-left: 15px;
  margin-top: 10px;
  text-align: center;
  color: #313131;
}

div#help div.right-column aside h1 {
  margin-left: 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #bac1cc;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 52px;
  width: 180px;
  display: block;
}

div#help aside p {
  margin-top: 17px;
  font-family: Georgia, serif;
  font-size: 15px;
  line-height: 21px;
}

div#fleet {
  margin: 48px auto 0px auto;
  width: 1154px;
}

div#fleet div.banner {
  clear: both;
  height: 88px;
  background: url('../png/blue_banner.png') no-repeat bottom;
  color: #fffefe;
  font-size: 40.16px;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  text-shadow: #565656 -1px 1px;
  background-position: center;
  text-align: center;
  padding-top: 24px;
  letter-spacing: 1px;
}

div#fleet div.banner img {
  vertical-align: top;
  margin-top: 9px;
}

div#fleet div.subtitle {
  text-align: center;
  color: #555555;
  font-family: Arial, sans-serif;
  margin: 3px auto 0px auto;
  width: 900px;
  line-height: 20px;
}

div#fleet div.column {
  float: left;
  margin-top: 40px;
  width: 770px;
}

div#fleet div.column h1 {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 40px;
  color: #493e3b;
  margin-left: 42px;
  letter-spacing: -1px;
  text-shadow: #FFF -1px 1px;
}

div#fleet div.column h1 span.fleet {
  font-family: Tamarillo;
  font-size: 33px;
  font-weight: 100;
}

div#fleet div.column div.text {
  font-family: Georgia, serif;
  font-style: italic;
  text-align: left;
  color: #686868;
  font-size: 13px;
  width: 425px;
  margin-left: 41px;
  margin-top: 2px;
}

div#fleet div.column img.rig {
  position: relative;
  top: -24px;
  left: -19px;
}

div#fleet div.column div.gauge {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin-left: 47px;
  position: relative;
  top: -49px;
}

div#fleet div.column div.people {
  margin-left: 24px;
  top: -45px;
}

div#fleet div.column div.gauge img {
  float: left;
}

div#fleet div.column div.gauge strong {
  font-weight: bold;
  display: block;
  color: #000000;
}

div#fleet div.column div.gauge div.text {
  float: left;
  color: #565655;
}

div#fleet div.column div.wells div.info {
  margin-top: 6px;
  width: 139px;
  float: left;
  padding-left: 12px;
}

div#fleet div.column div.people div.info {
  margin-top: 2px;
  width: 280px;
  float: left;
  padding-left: 10px;
}

div#fleet div.right-column {
  float: left;
  width: 304px;
  margin-top: 26px;
  margin-left: 28px;
}

div#fleet div.right-column div.line-item {
  border-bottom: 1px solid #d9dadd;
  padding: 6px 0px;
  width: 304px;
  text-shadow: #FFF -1px 1px;
}

div#fleet div.right-column span.amount {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 30px;
  color: #363636;
}

div#fleet div.right-column span.description {
  font-family: Georgia, sans-serif;
  font-size: 14.95px;
  color: #493e3e;
}

div#fleet div.right-column div.compressor {
  padding-top: 12px;
  padding-bottom: 16px;
}

div#fleet div.right-column div.support {
  padding-top: 12px;
  padding-bottom: 11px;
}

div#fleet div.right-column div.parts {
  padding-top: 13px;
  padding-bottom: 14px;
}

div#fleet div.right-column div.line-item div.text {
  float: left;
}

div#fleet div.right-column div.line-item img {
  float: right;
}

div#fleet div.right-column div.line-item img.compressor {
  margin-top: 5px;
}

div#fleet div.right-column div.line-item img.support-truck {
  margin-top: 13px;
}

div#fleet div.right-column div.line-item img.spare-parts {
  margin-top: 10px;
}

div#fleet div.right-column div.total {
  border-top: 2px solid #d9dadd;
  padding-top: 9px;
  margin-top: 1px;
  width: 304px;
  text-shadow: #FFF -1px 1px;
}

div#fleet div.right-column div.total span.amount {
  font-size: 45px;
}

div#fleet div.right-column a.meet-the-drillers {
  margin-top: 40px;
  margin-left: -7px;
  display: block;
  width: 307px;
  height: 86px;
  border: 1px solid rgba(8, 44, 162, .15);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: rgb(213, 225, 245);
  background: rgba(43, 118, 225, .15);
}

div#fleet div.right-column a.meet-the-drillers:hover {
  background: rgb(189, 209, 239);
  background: rgba(43, 118, 225, .25);
  text-decoration: none;
}

div#fleet div.right-column a.meet-the-drillers img.drillers {
  position: relative;
  top: -17px;
  left: 1px;
  float: left;
}

div#fleet div.right-column a.meet-the-drillers span.header {
  color: #434344;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 25px;
  display: block;
  float: left;
  margin-top: 12px;
  margin-left: 17px;
}

div#fleet div.right-column a.meet-the-drillers span.text {
  color: #565656;
  font-family: Arial, sans-serif;
  font-size: 12px;
  display: block;
  float: left;
  width: 160px;
  margin-left: 15px;
}

div#financials {}

div#financials a#see_breakdown {
  width: 200px;
  height: 23px;
  font-family: Georgia, serif;
  font-size: 13px;
  font-style: italic;
  float: left;
  display: block;
  color: #696868;
  margin-top: 0px;
  padding-top: 3px;
  margin-bottom: 29px;
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: rgb(219, 219, 219);
  background: rgba(0, 0, 0, .09);
}

div#financials a#see_breakdown:hover {
  background: rgb(206, 206, 206);
  background: rgba(0, 0, 0, .15);
  text-decoration: none;
}

div#financials div.divider {
  margin-top: 11px;
  width: 420px;
}

div#financials div.left {
  margin-left: 45px;
}

div#financials_table {
  width: 1057px;
  margin: 0px auto;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: rgb(232, 232, 232);
  background: rgba(0, 0, 0, .05);
}

div#financials_table table {
  position: relaitve;
  margin: 28px 0px 28px 24px;
  width: 230px;
  float: left;
  color: #404040;
  font-family: Georgia, serif;
  text-align: left;
  border-collapse: true;
}

div#financials_table table.compressor {
  width: 235px;
  margin-left: 24px;
}

p div#financials_table table.support {
  width: 244px;
  margin-left: 24px;
}

div#financials_table table.parts {
  width: 239px;
  margin-left: 22px;
}

div#financials_table th {
  font-size: 16px;
  border-bottom: 2px solid #cccdd0;
  height: 50px;
  font-weight: normal;
}

div#financials_table tr {
  border-bottom: 1px solid #cccdd0;
}

div#financials_table td {
  padding: 13px 0px;
  line-height: 16px;
  font-size: 13px;
}

div#financials_table td.description {
  width: 160px;
  padding-right: 15px;
}

div#financials_table td.amount {
  font-weight: bold;
  text-align: right;
  vertical-align: bottom;
}

div#goal {
  float: left;
  margin-left: 39px;
  margin-top: 57px;
  width: 500px;
}

div#goal h1,
div#cando h1 {
  font-size: 56.6px;
  line-height: 57px;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  color: #333333 text-shadow: #FFF -1px 1px;
}

div#goal div.text,
div#cando div.text {
  margin-top: 14px;
  margin-left: 4px;
  font-family: Arial, sans-serif;
  color: #555555;
  line-height: 20px;
}

div#goal div.stats {
  margin-top: 29px;
  margin-left: 3px;
  height: 156px;
  background: url('../png/ethiopia_tigray.png') no-repeat 100% 0px;
  border-bottom: 1px solid #bbbcbf;
}

div#goal div.stats h3 {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  color: #868686;
  font-size: 26.77px;
  line-height: 27px;
  font-weight: 100;
}

div#goal div.stats div.stat {
  float: left;
  margin-right: 5px;
  margin-left: 2px;
  margin-top: 13px;
}

div#goal div.stats img {
  float: left;
  margin: 31px 10px 20px 0px;
}

div#goal div.stats div.people {
  width: 75px;
}

div#goal div.stats div.need {
  width: 79px;
  margin-left: 10px;
}

div#goal div.stats div.wells {
  width: 125px;
  margin-left: 14px;
}

div#goal div.stats div.stat div.amount {
  color: #026fe2;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 41.94px;
}

div#goal div.stats div.stat div.description {
  font-family: Arial, sans-serif;
  color: #333333;
  font-size: 12px;
  margin-top: -3px;
}

div#goal div.rigs {
  margin-top: 19px;
  margin-left: 3px;
  text-shadow: #FFF -1px 1px;
}

div#goal div.rigs h2 {
  margin-top: 30px;
  font-size: 27px;
  line-height: 29px;
  color: #313132;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-weight: 400;
}

div#goal div.rigs div.rig-row {
  margin-top: 4px;
  margin-left: -2px;
}

div#goal div.rigs div.rig-row img {
  float: left;
  margin-right: 7px;
}

div#goal div.rigs div.rig-row div.time {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 34.11px;
  color: #026fe2;
  float: left;
  margin-top: 6px;
  margin-left: 4px;
}

div#goal div.rigs div.text {
  margin-bottom: 27px;
  color: #313132;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin-left: -1px;
}

div#cando {
  float: left;
  width: 495px;
  margin-left: 65px;
  margin-top: 56px;
}

div#cando div.rig img {
  float: left;
}

div#cando div.rig {
  border-bottom: 1px solid #bbbcbf;
  margin-top: 37px;
  padding-bottom: 20px;
}

div#cando div.rig h2 {
  float: right;
  margin-top: 32px;
  color: #026fe2;
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  line-height: 38px;
  font-size: 37.81px;
  width: 220px;
}

div#cando div.drill {
  padding: 20px 0px 10px 0px;
  border-bottom: 1px solid #bbbcbf;
  text-shadow: #FFF -1px 1px;
}

div#cando div.drill div.sidetext {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  font-size: 30.8px;
  color: #333333;
  width: 50px;
  line-height: 26px;
  float: left;
  margin-top: 2px;
  margin-left: 2px;
}

div#cando div.drill div.wells {
  width: 425px;
  float: right;
  margin-top: 6px;
}

div#cando div.drill div.wells img {
  float: left;
  margin: 3px 0px 10px 2px;
}

div#cando div.drill div.sidetext div.number {
  font-size: 67.52px;
  line-height: 65px;
}

div#cando div.drill div.sidetext div.wells-per-year {
  margin-top: -4px;
  font-size: 26px;
  line-height: 25px;
}

div#cando div.provide {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  color: #333333;
  margin-top: 11px;
  text-shadow: #FFF -1px 1px;
}

div#cando div.provide div.clean {
  margin-top: 14px;
  margin-left: 2px;
  font-size: 22px;
  line-height: 23px;
  float: left;
  width: 60px;
}

div#cando div.provide div.number {
  font-size: 92px;
  color: #207ed9;
  line-height: 92px;
  float: left;
  margin-left: 12px;
}

div#cando div.provide div.people {
  font-size: 92px;
  line-height: 92px;
  float: left;
  margin-left: 12px;
}

div#cando div.provide div.per {
  font-size: 54.89px;
  float: left;
  margin-top: 21px;
  margin-left: 6px;
}

div#cando div.provide div.year {
  font-size: 23.89px;
  float: left;
  margin-top: 55px;
  margin-left: 2px;
}

footer {
  width: 100%;
  margin-top: 70px;
  background-image: url('../png/footer_background.png');
  min-width: 1154px;
  font-family: Arial, sans-serif;
  color: #cacaca;
  font-size: 13px;
  line-height: 21px;
}

footer h1 {
  font-family: league-gothic, league-gothic-1, league-gothic-2, sans-serif;
  color: #717171;
  font-size: 26px;
}

footer a {
  color: #207eda;
  font-weight: bold;
}

footer div.content {
  padding-top: 39px;
  padding-bottom: 39px;
}

footer div.column {
  float: left;
  padding-bottom: 38px;
}

footer div.text {
  margin-top: 15px;
}

footer div.charitywater {
  width: 290px;
  margin-right: 88px;
  margin-left: 38px;
}

footer div.charitywater h1 img.icon {
  margin-left: 3px;
  margin-right: 8px;
}

footer div.charitywater h1 img.charity-water {
  margin-top: 1px;
}

footer div.charitywater div.contact {
  margin-top: 28px;
  font-weight: bold;
}

footer div.charitywater div.links a:hover {
  text-decoration: none;
}

footer div.thanks {
  width: 245px;
  margin-right: 44px;
}

footer div.thanks h1 {
  /* margin-top: 4px;*/
}

footer div.thanks div.text {
  line-height: 16px;
}

footer div.past-campaigns {
  width: 393px;
}

footer div.past-campaigns h1 {
  margin-bottom: 15px;
}

footer div.past-campaigns div.text {
  border-bottom: 1px solid #404040;
  padding-bottom: 5px;
  margin-top: 3px;
}

footer div.past-campaigns div.text h2 {
  font-weight: bold;
  float: left;
  width: 280px;
}

footer div.past-campaigns div.text div.info {
  float: left;
  width: 305px;
}

footer div.past-campaigns div.text div.narrow {
  float: left;
  width: 280px;
}

footer div.copyright {
  margin-left: 36px;
  width: 1061px;
  padding-top: 3px;
  color: #717171;
  clear: both;
  border-top: 1px solid #404040;
}

footer a.btn {
  background: #207eda repeat-x;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  padding: 7px 10px 6px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  float: right;
  margin-top: 12px;
}

footer a.btn:hover {
  background: #0b60c4;
  text-decoration: none;
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}


/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
  display: none !important;
  visibility: hidden;
}


/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}


/* Hide visually and from screenreaders, but maintain layout */

.invisible {
  visibility: hidden;
}


/* Contain floats: h5bp.com/q */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('../png/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('../png/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('../gif/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('../png/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('../png/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('../png/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('../png/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('../png/fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('../png/fancybox.png');
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('../png/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('../png/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('../png/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('../png/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('../png/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../png/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../png/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../png/fancybox.png') -55px -90px no-repeat;
}


/* IE6 */

.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_title_over-2.png', sizingMethod='scale');
  zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + (ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_loading.png', sizingMethod='scale');
}


/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
  background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../png/fancy_shadow_nw.png', sizingMethod='scale');
}


/*

	jQuery Bubble Popup v.2.3.1
	http://maxvergelli.wordpress.com/jquery-bubble-popup/

	Copyright (c) 2010 Max Vergelli

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

	The above copyright notice and this permission notice shall be included in
	all copies or substantial portions of the Software.

	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
	THE SOFTWARE.

*/

/* Layout Settings */

.jquerybubblepopup {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  position: absolute;
  border: 0px;
  z-index: 100;
  text-align: center;
  background-color: transparent;
}

.jquerybubblepopup-ie {
  filter: progid: DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);
}


/* the plugin adds this class only if browser is IE; if IE9, it's added to main <DIV> else to <TABLE> */

.jquerybubblepopup table {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  display: table;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0px;
  empty-cells: show;
  background-color: transparent;
}

.jquerybubblepopup tbody {
  display: table-row-group;
  vertical-align: middle;
  border: 0px;
  background-color: transparent;
}

.jquerybubblepopup td {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

.jquerybubblepopup-top-left,
.jquerybubblepopup-top-right,
.jquerybubblepopup-bottom-left,
.jquerybubblepopup-bottom-right {
  width: 21px;
  height: 21px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.jquerybubblepopup-top-middle,
.jquerybubblepopup-bottom-middle {
  overflow: hidden;
  background-repeat: repeat-x;
}

.jquerybubblepopup-middle-left,
.jquerybubblepopup-middle-right {
  overflow: hidden;
  background-repeat: repeat-y;
}

.jquerybubblepopup-tail {
  border: 0px;
  margin: 0px;
  padding: 0px;
  display: inline;
}


/*
	Themes:

	The plugin adds the class of the theme (for example ".jquerybubblepopup-azure")
	to the main <DIV> container, then you can edit the style of any element inside the
	Bubble Popup markup for each theme.

	The following code defines fonts and backgrounds of the "innerHtml" for each theme:
*/

.jquerybubblepopup-azure .jquerybubblepopup-innerHtml {
  font-family: Georgia;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  color: #777777;
  background-color: #FFFFFF;
}