/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* #Basic Styles
================================================== */
body {
  background: #fff;
  font: 14px/21px "Georgia", "Times New Roman", serif;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #181818;
  font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 10px;
}
h2 {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 6px;
}
h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 4px;
}
h4 {
  font-size: 18px;
  line-height: 30px;
}
h5 {
  font-size: 16px;
  line-height: 24px;
}
h6 {
  font-size: 14px;
  line-height: 21px;
}
.subheader {
  color: #777;
}
p {
  margin: 0 0 20px 0;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
  color: #333;
}
b {
  font-weight: bold;
}
small {
  font-size: 80%;
}
/*	Blockquotes  */
blockquote,
blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
}
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}
/* 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;
}
/* #Links
================================================== */
a {
  color: #333;
  text-decoration: underline;
  outline: 0;
}
a:hover,
a:focus {
  color: #000;
}
p a,
p a:visited {
  line-height: inherit;
}
/* #Lists
================================================== */
ul,
ol {
  margin-bottom: 20px;
}
ul {
  list-style: none outside;
}
ol {
  list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}
li {
  line-height: 18px;
  margin-bottom: 12px;
}
ul.large li {
  line-height: 21px;
}
li p {
  line-height: 21px;
}
/* #Images
================================================== */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}
/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #eee;
  /* Old browsers */
  background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #eee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera11.10+ */
  background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: #eee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #222;
  background: #ddd;
  /* Old browsers */
  background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* FF3.6+ */
  background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  /* Chrome,Safari4+ */
  background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Opera11.10+ */
  background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */
  background: #ddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  border: 1px solid #666;
  background: #ccc;
  /* Old browsers */
  background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* FF3.6+ */
  background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  /* Chrome,Safari4+ */
  background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Opera11.10+ */
  background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* IE10+ */
  background: #ccc linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* W3C */
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: solid 1px #ddd;
}
ul.tabs li {
  display: block;
  width: auto;
  height: 30px;
  padding: 0;
  float: left;
  margin-bottom: 0;
}
ul.tabs li a {
  display: block;
  text-decoration: none;
  width: auto;
  height: 29px;
  padding: 0px 20px;
  line-height: 30px;
  border: solid 1px #ddd;
  border-width: 1px 1px 0 0;
  margin: 0;
  background: #f5f5f5;
  font-size: 13px;
}
ul.tabs li a.active {
  background: #fff;
  height: 30px;
  position: relative;
  top: -4px;
  padding-top: 4px;
  border-left-width: 1px;
  margin: 0 0 0 -1px;
  color: #111;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
ul.tabs li:first-child a.active {
  margin-left: 0;
}
ul.tabs li:first-child a {
  border-width: 1px 1px 0 1px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}
ul.tabs li:last-child a {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
ul.tabs-content {
  margin: 0;
  display: block;
}
ul.tabs-content > li {
  display: none;
}
ul.tabs-content > li.active {
  display: block;
}
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul.tabs:after {
  clear: both;
}
ul.tabs {
  zoom: 1;
}
/* #Forms
================================================== */
form {
  margin-bottom: 20px;
}
fieldset {
  margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}
select {
  padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
  min-height: 60px;
}
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
select {
  width: 220px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
/* #Misc
================================================== */
.remove-bottom {
  margin-bottom: 0 !important;
}
.half-bottom {
  margin-bottom: 10px !important;
}
.add-bottom {
  margin-bottom: 20px !important;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0;
  padding: 0;
}
.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}
.row {
  margin-bottom: 20px;
}
/* Nested Column Classes */
.column.alpha,
.columns.alpha {
  margin-left: 0;
}
.column.omega,
.columns.omega {
  margin-right: 0;
}
/* Base Grid */
.container .one.column,
.container .one.columns {
  width: 40px;
}
.container .two.columns {
  width: 100px;
}
.container .three.columns {
  width: 160px;
}
.container .four.columns {
  width: 220px;
}
.container .five.columns {
  width: 280px;
}
.container .six.columns {
  width: 340px;
}
.container .seven.columns {
  width: 400px;
}
.container .eight.columns {
  width: 460px;
}
.container .nine.columns {
  width: 520px;
}
.container .ten.columns {
  width: 580px;
}
.container .eleven.columns {
  width: 640px;
}
.container .twelve.columns {
  width: 700px;
}
.container .thirteen.columns {
  width: 760px;
}
.container .fourteen.columns {
  width: 820px;
}
.container .fifteen.columns {
  width: 880px;
}
.container .sixteen.columns {
  width: 940px;
}
.container .one-third.column {
  width: 300px;
}
.container .two-thirds.column {
  width: 620px;
}
/* Offsets */
.container .offset-by-one {
  padding-left: 60px;
}
.container .offset-by-two {
  padding-left: 120px;
}
.container .offset-by-three {
  padding-left: 180px;
}
.container .offset-by-four {
  padding-left: 240px;
}
.container .offset-by-five {
  padding-left: 300px;
}
.container .offset-by-six {
  padding-left: 360px;
}
.container .offset-by-seven {
  padding-left: 420px;
}
.container .offset-by-eight {
  padding-left: 480px;
}
.container .offset-by-nine {
  padding-left: 540px;
}
.container .offset-by-ten {
  padding-left: 600px;
}
.container .offset-by-eleven {
  padding-left: 660px;
}
.container .offset-by-twelve {
  padding-left: 720px;
}
.container .offset-by-thirteen {
  padding-left: 780px;
}
.container .offset-by-fourteen {
  padding-left: 840px;
}
.container .offset-by-fifteen {
  padding-left: 900px;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }
  .container .one.column,
  .container .one.columns {
    width: 28px;
  }
  .container .two.columns {
    width: 76px;
  }
  .container .three.columns {
    width: 124px;
  }
  .container .four.columns {
    width: 172px;
  }
  .container .five.columns {
    width: 220px;
  }
  .container .six.columns {
    width: 268px;
  }
  .container .seven.columns {
    width: 316px;
  }
  .container .eight.columns {
    width: 364px;
  }
  .container .nine.columns {
    width: 412px;
  }
  .container .ten.columns {
    width: 460px;
  }
  .container .eleven.columns {
    width: 508px;
  }
  .container .twelve.columns {
    width: 556px;
  }
  .container .thirteen.columns {
    width: 604px;
  }
  .container .fourteen.columns {
    width: 652px;
  }
  .container .fifteen.columns {
    width: 700px;
  }
  .container .sixteen.columns {
    width: 748px;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }
  .container .offset-by-two {
    padding-left: 96px;
  }
  .container .offset-by-three {
    padding-left: 144px;
  }
  .container .offset-by-four {
    padding-left: 192px;
  }
  .container .offset-by-five {
    padding-left: 240px;
  }
  .container .offset-by-six {
    padding-left: 288px;
  }
  .container .offset-by-seven {
    padding-left: 336px;
  }
  .container .offset-by-eight {
    padding-left: 384px;
  }
  .container .offset-by-nine {
    padding-left: 432px;
  }
  .container .offset-by-ten {
    padding-left: 480px;
  }
  .container .offset-by-eleven {
    padding-left: 528px;
  }
  .container .offset-by-twelve {
    padding-left: 576px;
  }
  .container .offset-by-thirteen {
    padding-left: 624px;
  }
  .container .offset-by-fourteen {
    padding-left: 672px;
  }
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
    margin-left: 10px;
  }
  .container .columns,
  .container .column {
    margin: 0;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .container .columns,
  .container .column {
    margin: 0;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after,
.clearfix:after {
  clear: both;
}
.row,
.clearfix {
  zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.cutoff-corner {
  background-image: url('../img/cutoff_corner.png');
  background-position: top right;
  background-repeat: no-repeat;
}
.mobileOnlyClear {
  display: none;
}
h1 {
  font-family: "Courier New", courier, monospace;
  color: #ec1b4a;
  text-transform: uppercase;
  border-top: 1px dashed #F1645D;
  border-bottom: 1px dashed #F1645D;
  text-align: center;
}
h2,
h3,
h4,
h5,
h6 {
  color: #ec1b4a;
}
h4 {
  font-family: "Courier New", courier, monospace;
}
p {
  font-size: 16px;
  line-height: 22px;
}
dl dt {
  font-family: "Courier New", courier, monospace;
  color: #ec1b4a;
  font-size: 14px;
  font-weight: bold;
}
dl dd {
  margin: 0 0 20px 20px;
  font-size: 16px;
  line-height: 22px;
}
.mobileOnlyClear {
  display: none;
}
ul {
  list-style: disc inside;
}
/* header and nav
================================================== */
#navBg {
  background-color: #ec1b4a;
  height: 85px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#navBgEdge {
  background: transparent url('../img/nav_edge.png') no-repeat 0 0;
  position: absolute;
  top: 83px;
  left: 200px;
  height: 20px;
  width: 745px;
}
#membershipMark {
  background: transparent url('../img/approved_membership.png') no-repeat center center;
  position: absolute;
  height: 88px;
  width: 88px;
  top: 25px;
  left: 830px;
}
header.row {
  margin-bottom: 0;
  min-height: 200px;
}
#logo {
  width: 226px;
  height: 205px;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
}
#logo a {
  background: transparent url('../img/ss_logo.png') no-repeat;
  width: 226px;
  height: 205px;
  display: block;
  z-index: 2000;
  position: absolute;
}
#logo a:hover {
  cursor: pointer;
}
nav#primary {
  margin-top: 35px;
}
nav#primary li {
  display: inline-block;
  float: left;
}
nav#primary li a {
  display: inline-block;
  color: #fff;
  padding: 8px 20px;
  font-family: "Courier New", courier, monospace;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-left: 1px dashed #fff;
}
nav#primary li a:hover {
  background-color: #fff;
  color: #ec1b4a;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-right: -1px;
}
nav#primary li.current a {
  text-decoration: underline;
}
nav#primary li.last a {
  border-right: 1px dashed #fff;
}
/* homepage interior styles
================================================== */
#homepageJump {
  background-color: #fde2dc;
  background-image: url('../img/cutoff_corner.png');
  background-position: top right;
  background-repeat: no-repeat;
}
#homepageJump ul {
  padding: 10px;
  margin-bottom: 0;
  list-style: none outside;
}
#homepageJump li {
  border-bottom: 1px dashed #F1645D;
  padding: 10px 0;
  text-align: center;
}
#homepageJump li a {
  color: #F1645D;
  text-decoration: none;
  font-family: "Courier New", courier, monospace;
  text-transform: uppercase;
  font-size: 22px;
}
#homepageJump li a b {
  font-size: 25px;
}
#homepageJump li a span.more-link {
  font-family: sans-serif;
  font-size: 11px;
}
#homepageJump li a:hover {
  color: #ec1b4a;
}
#homepageJump li.facebook {
  padding-top: 60px;
  background: transparent url('../img/facebook_home.png') no-repeat center 10px;
}
#homepageJump li:last-child,
#homepageJump li.last {
  border-bottom: 0;
  margin-bottom: 0;
}
#rotator {
  margin-top: -50px;
}
#rotator ul {
  margin-bottom: 0;
  list-style: none outside;
}
#rotator li img {
  border: 10px solid #f4efe3;
  border-right-width: 18px;
}
#rotator,
ul.patternImages {
  min-height: 400px;
  list-style: none outside;
}
#dotCard {
  background-color: #F2ECE1;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  margin-top: -25px;
  position: relative;
  z-index: 1000;
}
#dotCard #dotCardWrapper {
  margin: 10px;
  border: 1px dashed #ec1b4a;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 10px;
}
#dotCard h2 {
  padding: 10px 0 10px 0;
  margin: 100px 0 10px 0;
  color: #ec1b4a;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}
body.home #dotCardWrapper {
  background: transparent url('../img/motto_logo.png') no-repeat center 20px;
  margin-top: 0;
}
body.home #dotCardWrapper h2 {
  border-top: 1px dashed #ec1b4a;
  border-bottom: 1px dashed #ec1b4a;
  font-family: "Courier New", courier, monospace;
}
/* #Main Content Area
================================================== */
#defaultNav {
  min-height: 100px;
}
#pageNav {
  font-family: serif;
}
#pageNav #pageNavWrapper {
  margin: 10px;
  padding: 10px;
  background-color: #fde2dc;
  background-image: url('../img/cutoff_corner.png');
  background-position: top right;
  background-repeat: no-repeat;
}
#pageNav ul {
  margin-bottom: 0;
}
#pageNav li a {
  padding: 0px;
  color: #ec1b4a;
  text-decoration: none;
  font-size: 16px;
}
#pageNav li:last-child {
  margin-bottom: 0;
}
.brownBox {
  margin-top: -60px;
  border: 10px solid #f4efe3;
  border-right-width: 18px;
  padding: 15px;
  margin-bottom: 20px;
}
#manifesto {
  margin-left: 160px;
}
#manifesto li {
  color: #F1645D;
  font-size: 30px;
  font-style: italic;
  font-weight: bold;
}
#manifesto li span {
  color: #444;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}
#manifestoCard {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  margin-top: 20px;
  position: absolute;
  left: 30px;
  font-family: "Courier New", courier, monospace;
  width: 340px;
  background: #F2ECE1 url('../img/manifestoCard.png') no-repeat -10px 12px;
  line-height: 19px;
  margin-bottom: 20px;
}
#manifestoCard #manifestoCardWrapper {
  margin: 10px;
  border: 1px dashed #ec1b4a;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 10px 10px 10px 100px;
  color: #966A44;
}
#manifestoCard #enterName {
  display: inline-block;
  border-bottom: 1px dashed #ec1b4a;
  width: 100%;
  padding-top: 22px;
}
ul.faq li {
  list-style: none outside;
}
/* #Products and pages
================================================== */
body.patterns #dotCard {
  margin-top: 0px;
}
#productWrapper {
  /*width: 720px;*/
  margin-top: -60px;
}
.patternThumb img {
  width: 100px;
  height: auto;
  float: left;
  border: 5px solid #f4efe3;
  margin: 0 10px 10px 20px;
}
.patternThumb.activeSlide img {
  border-color: #f9bebb;
}
#thumnailNav {
  margin-top: -50px;
}
.productItem {
  margin-bottom: 20px;
  background-color: #f4efe3;
  background: #f4efe3 url('../img/product_top.png') no-repeat top left;
}
.productItem h2 {
  margin-bottom: 0;
}
.productItem a {
  text-decoration: none;
  margin: 15px 10px 10px;
  display: block;
}
.productItem a:hover p {
  color: #ec1b4a;
}
.productItem p {
  margin-bottom: 0;
}
ul.productDetails {
  list-style: none outside;
  margin-bottom: 0;
}
ul.productDetails li {
  text-align: center;
}
ul.productDetails li.title h1 {
  font-family: Georgia, Times, serif;
  font-size: 28px;
  border: 0;
  border-bottom: 1px dotted #c4a876;
  padding-bottom: 4px;
  line-height: 28px;
}
ul.productDetails li.title h1 span {
  font-size: 16px;
  line-height: 16px;
}
ul.productDetails li.size {
  color: #ec1b4a;
  border-bottom: 1px dotted #c4a876;
  padding-bottom: 4px;
}
ul.productDetails li.price {
  color: #F1645D;
  font-weight: bold;
  font-size: 18px;
}
ul.productDetails li.label {
  color: #b49253;
  font-family: "Courier New", courier, monospace;
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: -10px;
}
ul.productDetails li.extra {
  color: #919191;
  font-family: sans-serif;
  font-size: 11px;
  width: 70%;
  margin: 0px auto;
}
a.button {
  background-color: #F1645D;
  color: #fff;
  text-transform: uppercase;
  font-family: Georgia, times, serif;
  text-shadow: 0 0;
  border: 0;
  margin-bottom: 0;
}
a.button:hover {
  background-color: #ec1b4a;
  color: #fff;
  text-shadow: 0 0;
  border: 0;
}
/* #Footer
================================================== */
footer {
  font-family: Georgia, Times, serif;
}
footer .columns.sixteen {
  border-top: 1px solid #999;
}
footer li {
  display: inline-block;
  float: left;
}
footer li a {
  display: inline-block;
  padding: 10px;
  color: #999;
  text-decoration: none;
}
footer li a:hover {
  color: #ec1b4a;
}
footer li a.first {
  padding-left: 0;
}
footer li.current a {
  text-decoration: underline;
}
footer li.divider {
  margin-top: 10px;
  color: #999;
}
footer aside {
  color: #999;
  font-size: 9px;
  margin: 5px 0 0 0;
  line-height: 16px;
  padding-top: 5px;
  text-align: right;
}
footer aside img {
  float: right;
  margin-left: 10px;
  margin-top: -5px;
}
/* image replacement sprite for social icons */
footer li.facebook a,
footer li.flickr a {
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url('../img/social_sprite_16.png') no-repeat;
  float: right;
  margin: 10px 5px 0;
  padding: 0;
}
footer li.facebook a {
  background-position: -16px 0;
  margin-left: 15px;
}
footer li.flickr a {
  background-position: -32px 0;
}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  .brownBox {
    margin-top: 0;
  }
  #productWrapper {
    margin-top: 0;
  }
  #rotator,
  ul.patternImages {
    min-height: 330px;
  }
  #thumnailNav {
    margin-top: 0;
  }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  div#logo {
    width: 172px;
    height: 156px;
  }
  div#logo a {
    background-size: 75%;
  }
  #navBgEdge {
    top: 81px;
    left: 100px;
    width: 645px;
  }
  #membershipMark {
    top: 25px;
    left: 675px;
  }
  header.row {
    min-height: 130px;
  }
  nav#primary li a {
    display: inline-block;
    padding: 8px 15px;
    font-size: 15px;
  }
  #rotator {
    margin-top: 0;
  }
  body.home #rotator {
    margin-top: 20px;
  }
  #dotCard {
    margin-top: 0;
  }
  ol#manifesto {
    margin-left: 165px;
  }
  #manifestoCard {
    left: 10px;
    margin-top: 110px;
    width: 320px;
  }
  #productWrapper {
    /*width: 576px;*/
  }
  ul.productDetails li.title h1 {
    font-size: 20px;
    line-height: 20px;
  }
  ul.productDetails li.title h1 span {
    font-size: 12px;
    line-height: 12px;
  }
}
/* All Mobile (phone) Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .mobileOnlyClear {
    display: block;
  }
  #membershipMark,
  #navBgEdge {
    display: none;
  }
  div#logo {
    width: 144px;
    height: 144px;
    left: -10px;
  }
  div#logo a {
    width: 144px;
    height: 144px;
    background-image: url('../img/ss_logo_mobile.png');
  }
  header.row {
    min-height: 100px;
    margin-left: -10px;
  }
  #homeItems columns {
    width: 300px;
  }
  nav#primary {
    margin-top: 26px;
    margin-left: 130px;
    width: 300px;
  }
  nav#primary li a,
  nav#primary li.last a {
    display: block;
    float: left;
    padding: 3px 7px;
    font-size: 17px;
    border: 0;
  }
  nav#primary li a:hover,
  nav#primary li.last a:hover {
    border: 0;
    margin-right: 0;
  }
  #homepageJump {
    display: none;
  }
  #rotator {
    margin-top: 0;
  }
  #rotator,
  ul.patternImages {
    min-height: 450px;
  }
  body.home #rotator {
    min-height: 405px;
  }
  #dotCard {
    margin-bottom: 20px;
  }
  footer li a {
    padding: 10px 5px;
  }
  footer aside {
    text-align: center;
  }
  footer aside img {
    margin-top: -10px;
  }
  #pageNavWrapper li {
    text-align: center;
  }
  #defaultNav {
    min-height: 0;
  }
  ol#manifesto {
    margin-left: 45px;
  }
  #manifestoCard {
    margin-top: 0;
    position: relative;
    padding: 1px;
  }
  #productWrapper {
    /*width: 420px;*/
  }
  .productItem {
    background-image: none;
    margin: 10px 0 !important;
    text-align: center;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  div#logo {
    width: 130px;
    height: 130px;
  }
  div#logo a {
    background-size: 90%;
    width: 130px;
    height: 130px;
  }
  nav#primary {
    width: 195px;
    margin-left: 106px;
    margin-top: 10px;
  }
  nav#primary li a,
  nav#primary li.last a {
    font-size: 14px;
    border: 0;
  }
  #rotator img.scale-with-grid {
    max-width: 95%;
  }
  #rotator,
  ul.patternImages {
    min-height: 315px;
  }
  body.home #rotator {
    min-height: 295px;
  }
  footer li {
    margin-bottom: 0;
  }
  footer li a {
    padding: 5px;
    font-size: 11px;
  }
  footer li.divider {
    margin-top: 5px;
  }
  footer li.facebook a,
  footer li.flickr a {
    margin-top: 5px;
  }
  footer li.facebook {
    margin-left: 110px;
  }
  footer aside {
    text-align: center;
  }
  footer aside img {
    margin-top: -10px;
  }
  ol#manifesto {
    font-size: 24px;
  }
  #manifestoCard {
    left: 0;
    width: 300px;
  }
  #productWrapper {
    /*width: 300px;*/
  }
}
/*# sourceMappingURL=main.css.map */