html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
  background: #fff; 
  margin:0; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a { text-decoration:none; color:#cc0000; font:bold 14px Verdana; }


















.right { float: right; }

.left { float: left; }

.clear-both, .clear { clear: both; }

.clear-right { clear: right; }

.clear-left { clear: left; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.relative { position: relative; }

.hidden { display: none; }

.flash { position: relative; padding-right: 25px; text-align: center; }
.flash .close { cursor: pointer; position: absolute; top: 8px; right: 2px; }
.flash a { font-weight: bold; color: #0066CB; }

.bold { font-weight: bold !important; }

.inline { display: inline !important; }

.block { display: block !important; }

.hint { color: #999 !important; }

.hpad-15 { padding-left: 15px !important; padding-right: 15px !important; }

.hpad-30 { padding-left: 30px !important; padding-right: 30px !important; }

.hpad-50 { padding-left: 50px !important; padding-right: 50px !important; }

.hpad-100 { padding-left: 100px !important; padding-right: 100px !important; }

.vpad-15 { padding-top: 15px !important; padding-bottom: 15px !important; }

.vpad-30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.vpad-50 { padding-top: 50px !important; padding-bottom: 50px !important; }

.vpad-100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.vert-middle { vertical-align: middle; }

.nomargin { margin: 0; }

.nohmargin { margin-left: 0; margin-right: 0; }

.novmargin { margin-top: 0; margin-bottom: 0; }

.nooverflow { overflow: hidden; }

.red { color: red; }

a.sm { font-size: 11px; }

a.big { font-size: 20px; }



















body { font-family: "Trebuchet MS", tahoma, sans-serif; background-image: url(blue-bg.png); background-repeat: repeat-x; background-color: #a9c4ff; }

#wrapper { width: 853px; height: 700px; margin: auto; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }

#logo { position: absolute; left: 13px; top: 30px; font-family: Lucida Grande; }
#logo h1 { font-size: 40px; color: #000; letter-spacing: -3px; font-weight: bold; margin: 0; line-height: 60px; overflow: hidden; white-space: nowrap; }
#logo h1 .shadowed { color: #8fa7da; }

#tagline { top: 95px; position: absolute; left: 16px; font-family: Lucida Grande; width: 353px; height: 50px; overflow: hidden; }

.coming-soon { position: absolute; top: 50px; right: 39px; }

#bubble { clear: both; height: 475px; position: absolute; width: 875px; top: 100px; background-image: url(bubble.png); background-repeat: no-repeat; }
#bubble .description { color: #007979; float: left; width: 380px; padding-top: 157px; padding-left: 101px; overflow: hidden; }
#bubble .description h2 { color: #007979; font-weight: normal; font-size: 17px; margin: 0; margin-bottom: 3px; overflow: hidden; white-space: nowrap; }
#bubble .description .scroll { height: 125px; overflow: auto; }
#bubble .description p { font-size: 15px; color: #333; font-family: Arial; opacity: 0.95; margin: 0; line-height: 1.8em; }
#bubble .alert { width: 250px; float: right; padding-top: 122px; padding-right: 71px; text-align: right; }
#bubble .alert label { display: block; font-size: 17px; color: #000; line-height: 1.1em; margin-bottom: 8px; }
#bubble .alert .field.text_field { margin-bottom: 0px; }
#bubble .alert .field.text_field input { width: 231px; padding: 5px; padding-left: 8px; font-size: 14px; border: 1px solid #c4c4c4; background-image: url(/images/landing_templates/bubble/textfield_bg.png); background-repeat: repeat-x; }
#bubble .alert .field.withErrors input { border: 2px solid red; }
#bubble .alert .feed { position: absolute; right: 208px; top: 301px; }
#bubble .alert .feed a { color: #333; }
#bubble #footer { clear: both; text-align:center; position: absolute; width: 222px; bottom: 25px; right: 268px; text-align: center; overflow: hidden; max-height: 63px; font-family: Verdana; font-size: 10px; }
#bubble #footer strong { display: block; }