/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      color: #5a5a5a;
      background-color: #e2e5ea;
    }

.container{width: 100%;}


    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 70px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }


    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper-svcs {
      position: relative;
      z-index: 10;
      margin-top: 70px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }



    .navbar-wrapper .navbar {
    }
    
    .navbar-wrapper .container{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	}

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
      -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
      box-shadow: 0 2px 10px rgba(0,0,0,.25);
      background-color: #ef4036;
      background-image: none;
      font-family: 'Open Sans Condensed', sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      }
    
    .navbar-inner{
    padding-left: 270px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;}

    /* Downsize the brand/project name a bit */
    .svcs .navbar .navbar-inner {background-color: #1663b4;color: white;}

    .navbar .navbar-inner {
		text-align: center;
}


.navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
      color: white;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }


.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus{
background-repeat: repeat-x;
background-position: 0 bottom;
background-color: transparent;
background-image: url(../img/nav-active.png);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;}


	.logo
	{
	position: relative;
	left: 144px;
	width: 110px;
	height: 490px;
	background-image: url(../img/spsg-logo.png);
	z-index: 100;
    margin-top: 0;
    margin-bottom: -490px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */

	}
	
	#chevron{
	background-image: url(../img/big-chevron.png);
	background-repeat: no-repeat;	
	width: 300px;
	height: 120px;
	}
	
	

    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 0;
    }

    .carousel .container {
      position: relative;
      z-index: 1;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 5;
    }

    .carousel .item {
      min-height: 1025px;
    }
    
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      
      /* height: 1025px; */
    }


	.carousel .shade{	
	background-image: url(../img/bg-shade.png);
}


  .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 1120px;
      padding: 30px 20px;
      margin-top: 500px;
    }

/* Non Home Pages */
  .carousel-caption-full {
      background-color: transparent;
      position: static;
      max-width: 100%;
      margin-top: 500px;
    }

  .carousel-caption-full .shade{ padding-bottom: 10px; padding-top: 10px;}
   
    .carousel-caption h1,.carousel-caption h2,.carousel-caption h3,.carousel-caption h4,
    .carousel-caption-full h1,.carousel-caption-full h2,.carousel-caption-full h3,.carousel-caption-full h4,
	.carousel-caption .lead{
    font-family: "News Gothic MT", "Helvetica Neue Light","Frutiger light";
    font-style: normal;
	font-weight: normal;
    margin: 0;
	line-height: 1.1;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    
    .carousel-caption .btn {
      margin-top: 10px;
    }

h1{font-size: 52px;}

h1 small{color: #5a8eee }


h4{font-size: 24px;}

h5{font-size: 20px;}

.carousel-caption .lead, .callto,.consort{
	font-family: "Garamond",Times, "Times New Roman", Georgia, serif;
	line-height: 1.2;
	font-size: 18px;
}

.carousel-caption-full .lead.home{
	font-family: "Garamond",Times, "Times New Roman", Georgia, serif;
	line-height: 1.2;
	font-size: 18px;
	color: white;
	width: 80%;
	padding-top: 1em;
}


#content .lead .serif{
 	font-family: "Garamond",Times, "Times New Roman", Georgia, serif;
	font-size: 42px;
	font-style: italic;
	font-weight: bold;
}


.callto,.consort{
	font-style: italic;
	padding:15px;
	font-size: 22px;
}

.callto{background-color: black;color: white;}
.consort, .green{background-color: #bdd73c;color: black;}
.callto .cond,.consort .cond{font-style: normal; font-size: 18px;}

.cond{font-family: 'Open Sans Condensed', sans-serif; }


.consort > a {color: black;}
.callto > a {color: white;}

.svcs{margin-bottom: 0;}


   /* CONTENT
    -------------------------------------------------- */
#content{
    font-family: "News Gothic MT", "Helvetica Neue Light","Frutiger light";
    font-style: normal;
	font-weight: normal;
	line-height: 1.50;
	text-shadow: none;
	padding: 30px 30px;
}

#content .header .lead{
font-size: 32px;
	line-height: 1.1;
}



#content .header{
padding-left: 30px;
margin: 0px;
padding-bottom: 10px;
padding-top: 20px;
width: 90%;
}


.icon{
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 45px;
background-image: url(../img/question.png)
	
}


.services{background-color: #aeaeae;color: black;}
.safety{background-color: #79a0ba;color: black;}
.success{background-color: #b6a684;color: black;}
.contact{background-color: #7bbdba;color: black;}

.course-details{ border-color: white; border-style: solid; border-width: 1px; margin-top: 4em; margin-left: 15em; padding: 20px;
}


.contact a:link, .safety a:link {color: white;}
.contact a:visited,.safety a:visited {color: white;}

.contact > a {color: white;}

#us-map{position: relative; min-width: 562px;}

footer{padding-top: 20px; margin: 10px 30px;}

footer .secondaddress{text-align: right;}


    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }


#quiz{padding-bottom: 30px; background-image: url(../img/safetysmarts.jpg); background-repeat: no-repeat;
    }
.quiz{width: 400px; margin-left: 260px;margin-top: 120px;margin-right: 40px;font-weight: normal;}

#quiz .intro{font-weight: bold; margin-bottom: 10px; color: white; background-color: #ee4036; padding: 8px;}

.thin {height:8px;}