body {
  font-family: "HelveticaNeue", "Helvetica", Arial, sans-serif;
}

/* -------------------------------------------------------------------------
 Colors
---------------------------------------------------------------------------- */
.sg-color--a .sg-color-swatch {background: #3B4B54;}

.sg-color--b .sg-color-swatch {background: #26343F;}

.sg-color--c .sg-color-swatch {background: #1B252D;}

.sg-color--d .sg-color-swatch {background: #94A3AB;}

.sg-color--e .sg-color-swatch {background: #DEE6EB;}

/*Primary*/

.sg-color--f .sg-color-swatch {background: #33BDD9;}

.sg-color--g .sg-color-swatch {background: #00AED1;}

.sg-color--h .sg-color-swatch {background: #03829E;}


.sg-color--i .sg-color-swatch {background: #01CDB0;}

.sg-color--j .sg-color-swatch {background: #00B299;}

.sg-color--k .sg-color-swatch {background: #018E7A;}


.sg-color--l .sg-color-swatch {background: #A3D165;}

.sg-color--m .sg-color-swatch {background: #8CC63F;}

.sg-color--n .sg-color-swatch {background: #69952F;}


.sg-color--o .sg-color-swatch {background: #ACE2BE;}

.sg-color--p .sg-color-swatch {background: #97DBAE;}

.sg-color--q .sg-color-swatch {background: #71A483;}


/* Secondary Colors */

.sg-color--a1 .sg-color-swatch {background: #F1A047;}

.sg-color--a2 .sg-color-swatch {background: #EF851B;}

.sg-color--a3 .sg-color-swatch {background: #F47D64;}

.sg-color--a4 .sg-color-swatch {background: #EF6654;}


.sg-color--a5 .sg-color-swatch {background: #EF4E38;}

.sg-color--a6 .sg-color-swatch {background: #FCD600;}

.sg-color--a7 .sg-color-swatch {background: #C19C00;}





/* -------------------------------------------------------------------------
 Fonts
---------------------------------------------------------------------------- */
.sg-font-primary {font-family: "HelveticaNeue", "Helvetica", Arial, sans-serif;}

.sg-font-secondary {font-family: Georgia, Times, "Times New Roman", serif;}


/* -------------------------------------------------------------------------
 Alerts
---------------------------------------------------------------------------- */
/**
 * Alert styles. Your patterns/styles will vary. 
 * You should link your main stylesheet up with Style Guide Boilerplate for 
 * best results. When you update your site's styles, your style guide will
 * update as well.
 */
.alert {
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 20px;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853;
}

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

/* -------------------------------------------------------------------------
 Nav Bar
---------------------------------------------------------------------------- */
ul#horizontal{
    list-style-type: none;
    width: 40%;
    background-color:#3B4B54;
    padding:30px;
    color: white;
    font: "HelveticaNeue", "Helvetica", Arial, sans-serif;
    text-transform: uppercase;
}

li#horizontal{
    display: inline-block;
    margin-right: 40px;
}

#horizontal a:link{
    color: white;
    text-decoration: none
}

#horizontal a:visited{
    color: white;
    text-decoration: none
}

#horizontal a:active{
    color: #94A3AB;
    text-decoration: none
}

#horizontal a:hover{
    color: red;
    text-decoration: none
}



/* -------------------------------------------------------------------------
 Breadcrumbs
---------------------------------------------------------------------------- */
/**
 * Breadcrumb styles for first pattern. Your patterns/styles will vary. 
 * You should link your main stylesheet up with Style Guide Boilerplate for 
 * best results. When you update your site's styles, your style guide will
 * update as well.
 */
.breadcrumb {
   background-color: #eee;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  padding: 8px 15px;
}

.breadcrumb li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #fff;
  *zoom: 1;
}

.breadcrumb li a {
  color: #007f96;
  text-decoration: none;
}

.breadcrumb li a:hover {
  color: #004068;
}

.breadcrumb li .divider {  
  color: #aaa;
  padding: 0 5px;
}

.breadcrumb .active {
  color: #555;
}