/* CSS Document */

body {
  background:#222;
  color:#ececec;
  font-size:16px;
  line-height:27px;
}
h1, h2 {
  color:#c00;
  clear:both;
  font-weight:500;
  text-transform:uppercase;
}
h2.intro {
  color:#94ff7f;
  font-size:26px;
  font-weight:400;
  line-height:36px;
  padding:20px 100px;
  text-transform:none;
}
#rightcolumn h1 { padding-top:20px; }
h2, h3, h4, h5, h6 {
  color:#390;
  line-height:normal;
  font-weight:500;
}
th h2 {
  padding:20px 0 5px;
}
/* LoVe HAte */
a:link { color:#c00; }
a:visited { color:#a00; }
a:hover,
a:active,
a:focus { color:#e00; }

.green, label { color:#94ff7f; }
label { font-weight:bold; font-size:1.1em; }
.menu label { padding-right:10px; }

#foot a, #foot a:link, #foot a:visited { color:#222; text-decoration:none; }
#foot a:hover, #foot a:active, #foot a:focus { color:#000; }

#page {
}
#masthead p,
#foot p {
  margin:0;
}
.read-more { padding-right:15px; background:url(../images/arrow.png) 100% 50% no-repeat; }
#foot {
  background:url(../images/foot.png) 50% 0 repeat-x;
  color:#333;
  line-height:20px;
  text-align:center;
}
#foot-inner { background:url(../images/foot-inner.png) 50% 0 no-repeat; }
p {
  margin:10px 0;
}
blockquote {
  background:url(../images/ldquo.png) 80px 4px no-repeat;
  border-left:none;
  color:#94ff7f;
  font-size:18px;
  line-height:24px;
  padding:0 100px 0 100px;
}
blockquote p {
  color:#94ff7f;
}
.description p {
  margin:0 1px;
  padding:10px 20px;
  text-align:left;
}
.odd p,
.even p {
  padding:10px 20px;
}
.odd .menu-cell,
.odd p {
  background:#2a2a2a;
}
.even .menu-cell,
.even p {
  background:#333;
}
li.odd {
  background:none;
}
.pricing {
  color:#777;
}
.home em {
  color:#c00;
  font-size:17px;
  font-weight:700;
  white-space:nowrap;
}
strong {
  color:#fff;
  font-weight:700;
}
#contact {
  color:#c00;
  font-size:36px;
  line-height:49px;
  text-align:right;
}
.by {
  font-size:12px;
}
.menu-cell {
  text-align:center;
}
.menu-cell h2 {
  text-align:left;
}
.menu-cell.spacer {
  background:none;
  color:#777;
  font-style:italic;
  padding-right:20px;
  text-align:right;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #contact {
    font-size:30px;
    line-height:43px;
  }
  #navigation li a {
    letter-spacing:0;
    padding:0 15px;
  }
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) and (max-width: 959px) {
  #header-wrapper {
    background:#222;
    border-bottom:2px solid #94ff7f;
  }
  #masthead {
    padding:20px 0 0 ;
  }
  #logo {
    float:none;
    text-align:center;
  }
  #logo a {
    float:none;
    margin:0 auto;
  }
  #contact {
    font-size:22px;
    height:auto;
    line-height:35px;
    text-align:center;
  }
  #navigation {
    border-top:2px solid #111;
    height:auto;
  }
  #navigation ul {
    height:auto;
    margin:0;
    padding:0;
  }
  #navigation ul li {
    margin:0;
    padding:0;
    line-height:55px;
  }
  #navigation ul li a {
    color:#c00;
    font-size:30px;
    letter-spacing:0;
    padding:0 5px;
  }
  h2.intro {
    font-size:20px;
    line-height:24px;
    padding:0 20px;
  }
  blockquote {
    background:url(../images/ldquo.png) 0px 4px no-repeat;
    border-left:none;
    color:#94ff7f;
    padding:0 20px;
  }
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #header-wrapper {
    background:#222;
    border-bottom:2px solid #94ff7f;
  }
  #masthead {
    padding:20px 0 0 ;
  }
  #logo {
    float:none;
    text-align:center;
  }
  #logo a {
    float:none;
    margin:0 auto;
  }
  #contact {
    font-size:30px;
    height:auto;
    line-height:39px;
    text-align:center;
  }
  #navigation {
    border-top:2px solid #111;
    height:auto;
  }
  #navigation ul {
    height:auto;
    margin:0;
    padding:0;
  }
  #navigation ul li {
    margin:0;
    padding:0;
    line-height:55px;
  }
  #navigation ul li a {
    color:#c00;
    font-size:30px;
    letter-spacing:0;
    padding:0 5px;
  }
  h2.intro {
    font-size:20px;
    line-height:24px;
    padding:0 50px;
  }
  blockquote {
    background:url(../images/ldquo.png) 30px 4px no-repeat;
    border-left:none;
    color:#94ff7f;
    padding:0 50px;
  }
}

