html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


br.clear {
  font-size: 1px;
  line-height: 1px;
  clear: both; }

body {
  background: #f3f8fb;
  color: #707070; }

p {
  font: 12px helvetica, sans-serif;
  line-height: 16px; }

#flash {
  margin: 10px 0;
  font-family: "Lucida Grande","Lucida Sans",Arial,sans-serif; }
  #flash div {
    padding: 5px 10px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px; }
    #flash div strong {
      font-weight: bold; }
  #flash .notice {
    padding-left: 25px;
    background: url(/images/icons/flash_success.png) no-repeat 5px 5px;
    background-color: #fbf9ee;
    border-color: #fcefa1;
    border-width: 1px;
    border-style: solid;
    color: #363636; }
  #flash .error {
    padding-left: 25px;
    background: url(/images/icons/flash_error.png) no-repeat 5px 5px;
    background-color: #fef1ec;
    border-color: #cd0a0a;
    border-width: 1px;
    border-style: solid;
    color: #cd0a0a; }

#page {
  width: 940px;
  background: #fff;
  border-left: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  margin: 0 auto; }

#header {
  position: relative;
  height: 266px;
  background: url(/images/marketing/cloudgrass.jpg) no-repeat 0 0; }
  #header h1 {
    text-indent: -9000px; }

#menu {
  position: absolute;
  top: 52px;
  width: 200px;
  left: 640px; }
  #menu ul li a {
    display: block;
    width: 100%;
    padding: 18px 0;
    padding-left: 10px;
    border-bottom: 1px dashed #4c4c4c;
    font: bold 14px Arial, sans-serif;
    color: #413f35;
    text-decoration: none;
    text-transform: uppercase; }
    #menu ul li a:hover {
      background: #aedefe;
      opacity: 0.7;
      -moz-opacity: 0.7;
      filter: alpha(opacity=70);
      color: #000; }
  #menu ul li a.over {
    background: #aedefe;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    color: #000; }

#arrowbar {
  width: 940px;
  background: url(/images/marketing/arrowbar.png) no-repeat 0 0;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff; }
  #arrowbar ul li {
    float: left; }
    #arrowbar ul li a {
      display: block;
      float: left;
      height: 46px;
      text-indent: -9000px; }
    #arrowbar ul li a.arrow_welcome, #arrowbar ul li a.arrow_welcome-over {
      width: 316px;
      background: url(/images/marketing/arrow_welcome.png) no-repeat 0 0; }
      #arrowbar ul li a.arrow_welcome:hover,       #arrowbar ul li a.arrow_welcome-over:hover {
        background: url(/images/marketing/arrow_welcome-over.png) no-repeat 0 0; }
    #arrowbar ul li a.arrow_welcome-over {
      background: url(/images/marketing/arrow_welcome-over.png) no-repeat 0 0; }
    #arrowbar ul li a.arrow_pricing, #arrowbar ul li a.arrow_pricing-over {
      width: 273px;
      background: url(/images/marketing/arrow_pricing.png) no-repeat 0 0; }
      #arrowbar ul li a.arrow_pricing:hover,       #arrowbar ul li a.arrow_pricing-over:hover {
        background: url(/images/marketing/arrow_pricing-over.png) no-repeat 0 0; }
    #arrowbar ul li a.arrow_pricing-over {
      background: url(/images/marketing/arrow_pricing-over.png) no-repeat 0 0; }
    #arrowbar ul li a.arrow_faq, #arrowbar ul li a.arrow_faq-over {
      width: 351px;
      background: url(/images/marketing/arrow_faq.png) no-repeat 0 0; }
      #arrowbar ul li a.arrow_faq:hover,       #arrowbar ul li a.arrow_faq-over:hover {
        background: url(/images/marketing/arrow_faq-over.png) no-repeat 0 0; }
    #arrowbar ul li a.arrow_faq-over {
      background: url(/images/marketing/arrow_faq-over.png) no-repeat 0 0; }

.column {
  padding: 40px;
  padding-top: 20px; }

.left {
  float: left;
  width: 370px; }

.right {
  float: left;
  width: 340px; }

#content {
  background: #fff;
  padding: 0 20px;
  margin-top: 30px; }
  #content h2 {
    height: 40px;
    margin-bottom: 10px;
    text-indent: -9000px; }
  #content h2.create_teams {
    background: url(/images/marketing/create_teams.png) no-repeat 0 0; }
  #content h2.manage_payments {
    background: url(/images/marketing/manage_payments.png) no-repeat 0 0; }
  #content h2.pricing {
    background: url(/images/marketing/h2_pricing.png) no-repeat 0 0; }
  #content h2.about_homefield {
    background: url(/images/marketing/h2_aboutus.png) no-repeat 0 0; }
  #content h2.homefield {
    background: url(/images/marketing/h2_homefield.png) no-repeat 0 0; }
  #content h2.contact_us {
    background: url(/images/marketing/h2_contactus.png) no-repeat 0 0; }
  #content h2.faq {
    background: url(/images/marketing/h2_faq.png) no-repeat 0 0; }
  #content h3 {
    font: bold 14px Arial, helvetica, sans-serif;
    margin-bottom: 12px; }
  #content h4 {
    font: bold 12px helvetica, sans-serif;
    margin-bottom: 12px; }
  #content h4.prefer_to_call {
    line-height: 20px; }
    #content h4.prefer_to_call img {
      vertical-align: bottom; }
  #content p {
    margin-bottom: 20px; }
  #content hr {
    height: 1px;
    border: 0;
    border-bottom: 1px dashed #4c4c4c;
    margin-bottom: 20px; }
  #content ul li {
    padding-top: 45px;
    border-top: 1px dashed #4c4c4c; }
  #content ul li.first {
    border: 0;
    padding-top: 0;
    padding-bottom: 45px; }
  #content ul a {
    display: block;
    height: 20px;
    margin-top: 20px;
    text-indent: -9000px; }
  #content ul a.faq {
    background: url(/images/marketing/faq_link.png) no-repeat 0 0; }
    #content ul a.faq:hover {
      background: url(/images/marketing/faq_link-over.png) no-repeat 0 0; }
  #content ul a.pricing {
    background: url(/images/marketing/pricing_link.png) no-repeat 0 0; }
    #content ul a.pricing:hover {
      background: url(/images/marketing/pricing_link-over.png) no-repeat 0 0; }
  #content #photo {
    padding-right: 0; }
  #content #contact_form {
    margin-top: 30px; }
    #content #contact_form label {
      float: left;
      width: 6em;
      text-align: right;
      margin-right: 15px; }
    #content #contact_form label.for_message {
      line-height: 12px; }
      #content #contact_form label.for_message span {
        font-weight: bold;
        font-size: 11px; }
    #content #contact_form label.required {
      font-weight: bold; }
    #content #contact_form input.entry_field {
      width: 247px; }
    #content #contact_form input.submit {
      float: right;
      margin-right: 20px;
      background: url(/images/marketing/submit_contact_us.png) no-repeat 0 0;
      height: 33px;
      width: 130px;
      border: 0;
      text-indent: -9000px; }
      #content #contact_form input.submit:hover {
        background: url(/images/marketing/submit_contact_us-over.png) no-repeat 0 0; }
    #content #contact_form input, #content #contact_form select, #content #contact_form textarea {
      background: #ffffff url(/images/form_field_bkg.png) repeat-x;
      border: 1px solid #bcb9b9;
      padding: 4px;
      font-weight: bold;
      -moz-border-radius: 2px; }

#footer {
  height: 85px;
  width: 940px;
  background: url(/images/marketing/footer.png) no-repeat 0 0;
  border-top: 3px solid #ffffff;
  clear: both; }
  #footer .column {
    padding-top: 25px;
    padding-left: 60px; }
  #footer .left {
    width: 470px; }
  #footer .right {
    width: 310px;
    padding-left: 0; }
  #footer #quickmenu ul {
    list-style: none; }
    #footer #quickmenu ul li {
      float: left;
      padding: 0 10px;
      border-right: 1px solid #708912; }
    #footer #quickmenu ul li.last {
      padding-right: 0;
      border-right: 0; }
    #footer #quickmenu ul a {
      font: 12px helvetica, sans-serif;
      color: #707070;
      text-decoration: none; }
      #footer #quickmenu ul a:hover {
        color: #333;
        text-decoration: underline; }