/* line 36, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

/* line 39, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eeeeee;
}

/* line 42, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eeeeee;
}

/* line 44, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass */
hr {
  background: #dddddd;
  color: #dddddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

/* line 46, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass */
hr.space {
  background: #dddddd;
  color: #dddddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
  background: #fff;
  color: #fff;
  visibility: hidden;
}

/* line 48, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_scaffolding.sass */
form.inline {
  line-height: 3;
}
/* line 6, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_form.sass */
form.inline p {
  margin-bottom: 0;
}

/* line 15, ../../app/stylesheets/screen.sass */
body {
  line-height: 1.5;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 75%;
}
/* line 58, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h1 {
  font-weight: normal;
  color: #222222;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}
/* line 63, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h1 img {
  margin: 0;
}
/* line 65, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h2 {
  font-weight: normal;
  color: #222222;
  font-size: 2em;
  margin-bottom: 0.75em;
}
/* line 69, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h3 {
  font-weight: normal;
  color: #222222;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}
/* line 74, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h4 {
  font-weight: normal;
  color: #222222;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
/* line 79, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h5 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
/* line 84, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h6 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold;
}
/* line 88, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
  margin: 0;
}
/* line 90, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body p {
  margin: 0 0 1.5em;
}
/* line 92, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body p img.left {
  display: inline;
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
/* line 96, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body p img.right {
  display: inline;
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}
/* line 100, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body a {
  text-decoration: underline;
  color: #000099;
}
/* line 12, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass */
body a:visited {
  color: #000066;
}
/* line 15, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass */
body a:focus {
  color: black;
}
/* line 18, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass */
body a:hover {
  color: black;
}
/* line 21, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass */
body a:active {
  color: #cc0099;
}
/* line 103, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
/* line 107, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body strong {
  font-weight: bold;
}
/* line 109, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body em {
  font-style: italic;
}
/* line 111, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body dfn {
  font-style: italic;
  font-weight: bold;
}
/* line 114, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body sup, body sub {
  line-height: 0;
}
/* line 116, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body abbr, body acronym {
  border-bottom: 1px dotted #666;
}
/* line 118, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body address {
  margin: 0 0 1.5em;
  font-style: italic;
}
/* line 121, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body del {
  color: #666;
}
/* line 123, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body pre {
  margin: 1.5em 0;
  white-space: pre;
}
/* line 126, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body pre, body code, body tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
/* line 129, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body li ul, body li ol {
  margin: 0;
}
/* line 131, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body ul, body ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 3.333em;
}
/* line 134, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body ul {
  list-style-type: disc;
}
/* line 136, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body ol {
  list-style-type: decimal;
}
/* line 138, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body dl {
  margin: 0 0 1.5em 0;
}
/* line 140, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body dl dt {
  font-weight: bold;
}
/* line 142, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body dd {
  margin-left: 1.5em;
}
/* line 144, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body table {
  margin-bottom: 1.4em;
  width: 100%;
}
/* line 147, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body th {
  font-weight: bold;
}
/* line 149, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body thead th {
  background: #c3d9ff;
}
/* line 151, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body th, body td, body caption {
  padding: 4px 10px 4px 5px;
}
/* line 153, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body tr.even td {
  background: #e5ecf9;
}
/* line 155, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body tfoot {
  font-style: italic;
}
/* line 157, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body caption {
  background: #eee;
}
/* line 159, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body .quiet {
  color: #666666;
}
/* line 161, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_typography.sass */
body .loud {
  color: #111111;
}
/* line 9, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .clear {
  clear: both;
}
/* line 12, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .nowrap {
  white-space: nowrap;
}
/* line 16, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .clearfix {
  overflow: hidden;
  display: inline-block;
}
/* line 5, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass */
body .clearfix {
  display: block;
}
/* line 18, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
/* line 22, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
/* line 26, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .first {
  margin-left: 0;
  padding-left: 0;
}
/* line 29, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .last {
  margin-right: 0;
  padding-right: 0;
}
/* line 32, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .top {
  margin-top: 0;
  padding-top: 0;
}
/* line 35, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_utilities.sass */
body .bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 7, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_debug.sass */
body .showgrid {
  background: url('/grid.png');
}
/* line 5, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
/* line 30, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .error a {
  color: #8a1f11;
}
/* line 7, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}
/* line 38, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .notice a {
  color: #514721;
}
/* line 9, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
/* line 46, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .success a {
  color: #264409;
}
/* line 11, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .hide {
  display: none;
}
/* line 13, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .highlight {
  background: yellow;
}
/* line 15, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .added {
  background: #006600;
  color: white;
}
/* line 17, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_interaction.sass */
body .removed {
  background: #990000;
  color: white;
}

/* line 22, ../../app/stylesheets/screen.sass */
body {
  padding: 0;
  margin: 0;
  font: normal normal normal 13px/1.231 arial, helvetica, clean, sans-serif;
  line-height: 1.7em;
  background-color: #EDF0F3;
}
/* line 28, ../../app/stylesheets/screen.sass */
body #container {
  width: 100%;
}
/* line 30, ../../app/stylesheets/screen.sass */
body #header {
  height: 55px;
  background: #27323E;
  color: #FFF;
}
/* line 32, ../../app/stylesheets/screen.sass */
body #header a {
  text-decoration: none;
  color: #FFF;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #header a:hover {
  text-decoration: underline;
}
/* line 37, ../../app/stylesheets/screen.sass */
body #header .companyName {
  margin-left: 3em;
  margin-top: 12px;
  font-size: 25px;
  float: left;
  font-family: 'Futura', 'century gothic', 'Arial', 'Helvetica';
}
/* line 43, ../../app/stylesheets/screen.sass */
body #header .companyLogo {
  float: left;
}
/* line 45, ../../app/stylesheets/screen.sass */
body #header .menu {
  margin-left: 3em;
  display: inline;
  float: left;
  margin-top: 17px;
}
/* line 50, ../../app/stylesheets/screen.sass */
body #header .menu ol {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  display: inline-block;
  font-size: 17px;
}
/* line 5, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass */
body #header .menu ol {
  display: block;
}
/* line 50, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass */
body #header .menu ol li {
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
/* line 40, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass */
body #header .menu ol li.first {
  padding-left: 0px;
}
/* line 42, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass */
body #header .menu ol li.last {
  padding-right: 0px;
}
/* line 53, ../../app/stylesheets/screen.sass */
body #header .menu ol li {
  padding-right: 1em;
  padding-left: 1em;
}
/* line 56, ../../app/stylesheets/screen.sass */
body #header, body #footer {
  width: 100%;
}
/* line 58, ../../app/stylesheets/screen.sass */
body #main, body #footer {
  background-color: #FFF;
  margin: 0;
  margin-left: 6em;
  display: inline;
  float: left;
  margin-right: 0;
  width: 950px;
  padding: 0;
  padding-left: 1em;
  margin-top: 1em;
  border: 1px solid #DEDEDE;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #main, * html body #footer {
  overflow-x: hidden;
}
/* line 67, ../../app/stylesheets/screen.sass */
body #main .clearfix, body #footer .clearfix {
  clear: both;
}
/* line 70, ../../app/stylesheets/screen.sass */
body #footer {
  clear: both;
  margin-top: 1em;
  background-color: #27323E;
  color: #FFF;
}
/* line 75, ../../app/stylesheets/screen.sass */
body #sidebar {
  font-family: 'Trebuchet MS';
  padding-top: 0;
  display: inline;
  float: left;
  margin-right: 0;
  width: 310px;
}
/* line 78, ../../app/stylesheets/screen.sass */
body #sidebar .featured_project {
  background-color: #EFEFEF;
  margin-top: 0;
  padding-top: .1em;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #sidebar {
  overflow-x: hidden;
}
/* line 86, ../../app/stylesheets/screen.sass */
body #sidebar h2 {
  color: #777;
  font-variant: small-caps;
  font-size: 17px;
  margin-left: 1em;
}
/* line 91, ../../app/stylesheets/screen.sass */
body #sidebar h3 {
  font-size: 13px;
  font-weight: bold;
  margin-left: 1em;
  color: #777;
}
/* line 96, ../../app/stylesheets/screen.sass */
body #sidebar h3 a {
  text-decoration: none;
  color: #777;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #sidebar h3 a:hover {
  text-decoration: underline;
}
/* line 99, ../../app/stylesheets/screen.sass */
body #sidebar p {
  margin-left: 1em;
  margin-right: 1em;
  color: #888;
  font-size: 12px;
  line-height: 1.5em;
}
/* line 105, ../../app/stylesheets/screen.sass */
body #sidebar p a {
  text-decoration: none;
  color: #777;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #sidebar p a:hover {
  text-decoration: underline;
}
/* line 109, ../../app/stylesheets/screen.sass */
body #sidebar p.more {
  text-align: center;
}
/* line 111, ../../app/stylesheets/screen.sass */
body #sidebar p.more a {
  font-weight: bold;
  text-decoration: none;
  color: #A11;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #sidebar p.more a:hover {
  text-decoration: underline;
}
/* line 116, ../../app/stylesheets/screen.sass */
body #content {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 630px;
  background-color: #FFF;
  padding-bottom: 1em;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #content {
  overflow-x: hidden;
}
/* line 123, ../../app/stylesheets/screen.sass */
body #content p {
  font-family: 'Trebuchet MS';
  font-size: 13px;
  line-height: 1.5em;
}
/* line 127, ../../app/stylesheets/screen.sass */
body #content p.introduction {
  font-size: 15px;
  line-height: 1.8em;
  width: 90%;
}
/* line 132, ../../app/stylesheets/screen.sass */
body #content h2 .small {
  font-size: 12px;
}
/* line 134, ../../app/stylesheets/screen.sass */
body #content h2 .small a {
  text-decoration: none;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #content h2 .small a:hover {
  text-decoration: underline;
}
/* line 140, ../../app/stylesheets/screen.sass */
body #products .product.odd {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 310px;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #products .product.odd {
  overflow-x: hidden;
}
/* line 142, ../../app/stylesheets/screen.sass */
body #products .product.even {
  display: inline;
  float: left;
  margin-right: 0;
  width: 310px;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #products .product.even {
  overflow-x: hidden;
}
/* line 144, ../../app/stylesheets/screen.sass */
body #products .product {
  float: left;
}
/* line 146, ../../app/stylesheets/screen.sass */
body #products .product h2 {
  color: #A11;
  font-size: 17px;
  font-family: 'Futura', 'century gothic', 'Arial', 'Helvetica';
}
/* line 151, ../../app/stylesheets/screen.sass */
body #products .product p {
  color: #555;
  font-size: 13px;
  line-height: 1.7em;
  width: 90%;
}
/* line 156, ../../app/stylesheets/screen.sass */
body #products .product p a {
  text-decoration: none;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #products .product p a:hover {
  text-decoration: underline;
}
/* line 158, ../../app/stylesheets/screen.sass */
body #products_extended {
  padding-top: 2em;
}
/* line 160, ../../app/stylesheets/screen.sass */
body #products_extended h2 {
  padding-top: 1em;
  color: #A11;
}
/* line 164, ../../app/stylesheets/screen.sass */
body #products_extended .examples .example {
  margin-top: 1em;
  font-family: 'Trebuchet MS';
  font-size: 12px;
  line-height: 1.7em;
  display: inline;
  float: left;
  margin-right: 10px;
  width: 630px;
  background-color: #EFEFEF;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #products_extended .examples .example {
  overflow-x: hidden;
}
/* line 171, ../../app/stylesheets/screen.sass */
body #products_extended .examples .example .title {
  margin-top: .5em;
  font-weight: bold;
  margin-bottom: 1em;
}
/* line 175, ../../app/stylesheets/screen.sass */
body #products_extended .examples .example img {
  display: block;
  float: left;
  text-align: left;
  margin-right: 1em;
}
/* line 180, ../../app/stylesheets/screen.sass */
body #products_extended .examples .example .description {
  float: left;
  display: inline;
  float: left;
  margin-right: 10px;
  width: 390px;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #products_extended .examples .example .description {
  overflow-x: hidden;
}
/* line 183, ../../app/stylesheets/screen.sass */
body #products_extended .examples .example .link {
  float: left;
  font-weight: bold;
  display: inline;
  float: left;
  margin-right: 10px;
  width: 390px;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #products_extended .examples .example .link {
  overflow-x: hidden;
}
/* line 187, ../../app/stylesheets/screen.sass */
body #products_extended .examples .example .link a {
  text-decoration: none;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #products_extended .examples .example .link a:hover {
  text-decoration: underline;
}
/* line 191, ../../app/stylesheets/screen.sass */
body #contact h2 {
  font-size: 28px;
}
/* line 193, ../../app/stylesheets/screen.sass */
body #contact .icon {
  float: left;
  margin-right: 1em;
}
/* line 196, ../../app/stylesheets/screen.sass */
body #contact .left, body #contact .right {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 150px;
  float: left;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #contact .left, * html body #contact .right {
  overflow-x: hidden;
}
/* line 199, ../../app/stylesheets/screen.sass */
body #contact .right {
  font-style: italic;
}
/* line 202, ../../app/stylesheets/screen.sass */
body #footer {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #FFF;
}
/* line 206, ../../app/stylesheets/screen.sass */
body #footer h4 {
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
}
/* line 210, ../../app/stylesheets/screen.sass */
body #footer h4 a {
  color: #FFF;
  text-decoration: none;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #footer h4 a:hover {
  text-decoration: underline;
}
/* line 213, ../../app/stylesheets/screen.sass */
body #footer h4 a:visited {
  color: #FFF;
}
/* line 215, ../../app/stylesheets/screen.sass */
body #footer ul {
  padding-left: 1.3em;
}
/* line 217, ../../app/stylesheets/screen.sass */
body #footer .left {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 950px;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #footer .left {
  overflow-x: hidden;
}
/* line 219, ../../app/stylesheets/screen.sass */
body #footer .left a {
  text-decoration: none;
  color: #FFF;
}
/* line 4, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass */
body #footer .left a:hover {
  text-decoration: underline;
}
/* line 222, ../../app/stylesheets/screen.sass */
body #footer .left .footer_block {
  display: inline;
  float: left;
  margin-right: 0;
  width: 230px;
  float: left;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #footer .left .footer_block {
  overflow-x: hidden;
}
/* line 225, ../../app/stylesheets/screen.sass */
body #footer .left .footer_block.right {
  float: right;
}
/* line 228, ../../app/stylesheets/screen.sass */
body #footer .right {
  display: inline;
  float: left;
  margin-right: 0;
  width: 390px;
}
/* line 101, ../../vendor/gems/compass-0.10.0.pre2/lib/compass/frameworks/blueprint/stylesheets/blueprint/_grid.sass */
* html body #footer .right {
  overflow-x: hidden;
}
/* line 230, ../../app/stylesheets/screen.sass */
body #footer .copyright {
  font-size: 11px;
  clear: right;
}


/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/
