/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background-color: #e5dfda;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */




/*
 * NAV widget 
 */

nav ul li{
    float:left;
    padding:8px 10px 0 10px;
    color: #9a9a9a;
}

nav ul li a {
    text-decoration:none;
    display:block;
    color: #9a9a9a;
    font-weight: bold;
    
}

    nav ul li a:hover {
        text-decoration:none;
        color: #7f7f7f;
    }



/*
 * SOCIAL MEDIA widget 
 */

#socialMedia {
    margin: 20px 10px 0px 0;
}

#socialMedia ul li {
    float: right;
    margin-left: 15px;
}
    
#socialMedia ul li a {
     display: block;
     width:40px;
     height:40px;
     text-indent: -9999em;
}



#socialMedia ul li.twitter {
    background:url(../images/contact-sprite.png) -49px 75px; 
}

#socialMedia ul li.email {
    background:url(../images/contact-sprite.png) -95px 75px; 
}



#socialMedia ul li.twitter:hover {
    background:url(../images/contact-sprite.png) -49px 38px; 
}

#socialMedia ul li.email:hover {
    background:url(../images/contact-sprite.png) -95px 38px; 
}

/*
 * END SOCIAL MEDIA widget 
 */




a {
    text-decoration: none;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
}

/* 
 * Date styles
 */


.end {
  border-radius: 50%;
  width: 150px;
  height: 150px; 
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 60px;
  background-color: #d8b48c;
  border: 1px solid #c3996b;
  border-bottom: 5px solid #c3996b;
  /* width and height can be anything, as long as they're equal */
}

.end h1 {
    font-size: 36px;
    padding-top: 48px;
    color: white;
    text-align: center;
    font-weight: bold;    
}

.decade {
     width: 175px;
     background-color: #d8b48c;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 20px;
     border: 1px solid #c3996b;
     border-radius: 5px;
     border-bottom: 3px solid #c3996b;
}

.decade-long {
     width: 250px;
     background-color: #d8b48c;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 20px;
     border: 1px solid #c3996b;
     border-radius: 5px;
     border-bottom: 3px solid #c3996b;
}

.decade-long h1 {
    font-size: 36px;
    padding: 0px 0 0 5px;
    color: white;
    text-align: center;
    font-weight: bold;    
}

.decade h1 {
    font-size: 36px;
    padding: 0px 0 0 5px;
    color: white;
    text-align: center;
    font-weight: bold;    
}

.year {
     width: 100px;
     background-color: #d8b48c;
     margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 20px;
     border: 1px solid #c3996b;
     border-radius: 5px;
     border-bottom: 3px solid #c3996b;
}

.year h1 {
    font-size: 24px;
    padding: 2px 0 0 0;
    color: white;
    text-align: center;
    font-weight: bold;
}


.month {
     width: 80px;
     background-color: blue;
     margin: 0 auto;
     margin-bottom: 20px;
}

.month h1 {
    font-size: 16px;
    padding: 0 0 0 0;
    color: white;
    text-align: center;
}


/* 
 * 2 column FB Timeline style
 */

/* 
 * 2 column FORECAST LOGO
 */

#forecast-icon {
    background: url(../images/forecast-logo-thumbnails.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#forecast-papercuts {
    background: url(../images/forecast-papercuts.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#forecast-paperfont {
    background: url(../images/forecast-paperfont.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#forecast-yellow-sub {
    background: url(../images/forecast-yellow-sub.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #forecast-hp-font {
    background: url(../images/forecast-hp-font.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #forecast-font-ford {
    background: url(../images/forecast-font-ford.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

/* 
 * 2 column FORECAST
 */


#forecast-team {
    background: url(../images/forecast-team.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#forecast-demoDay {
    background: url(../images/forecast-demoDay.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#forecast-untether {
    background: url(../images/forecast-untether.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#forecast-rap {
    background: url(../images/forecast-rap.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#techi-moveup {
    margin-top: -210px;
}

#forecast-rap-moveup {
    margin-top: -210px;
}

#moveup-sharon {
    margin-top: -50px;
}

#moveup-eac-09 {
    margin-top: -330px;
}

#moveup-dennis {
    margin-top: -165px;
}

#moveup-investor {
    margin-top: -360px;
}

 #forecast-techi {
    background: url(../images/forecast-techi.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

/* 
 * 2 column Images HURRICANE PARTY
 */

#hurricaneParty-scobilizer {
    background: url(../images/hurricaneParty-scobilizer.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#hurricaneParty-investorUpdate {
    background: url(../images/hurricaneParty-investorUpdate.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #hurricaneParty-commercial {
    background: url(../images/hurricaneParty-commercial.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


 #hurricaneParty-honeyBadger {
    background: url(../images/hurricaneParty-honeyBadger.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #hurricaneParty-demo {
    background: url(../images/hurricaneParty-demo.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #hurricaneParty-demoDay {
    background: url(../images/hurricaneParty-demoDay.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #hurricaneParty-capFac {
    background: url(../images/hurricaneParty-capFac.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 
 #hurricaneParty-forJapan {
    background: url(../images/hurricaneParty-forJapan.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #hurricaneParty-auction {
    background: url(../images/hurricaneParty-auction.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #hurricaneParty-scoble {
    background: url(../images/hurricaneParty_scoble.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #hurricaneParty-scobleParty {
    background: url(../images/hurricaneParty-scobleParty.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #hurricaneParty-dennis {
    background: url(../images/hurricaneParty-dennis.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


/* 
 * 2 column MY FIRST FILMS 
 */


#elementarySchool-firstMovie {
    background: url(../images/elementarySchool-firstMovie.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#elementarySchool-interview {
    background: url(../images/elementarySchool-interview.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

/* 
 * 2 column FB Timeline Images Hangtime IPHONE 
 */


#hangtime-iphone-2 {
    background: url(../images/hangtime-iphone/hangtime-iphone2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

/* 
 * 2 column FB Timeline Images Elevator Art Club
 */

 #eac-01 {
    background: url(../images/EAC-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-02 {
    background: url(../images/EAC-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-03 {
    background: url(../images/EAC-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-04 {
    background: url(../images/EAC-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-05 {
    background: url(../images/EAC-5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-06 {
    background: url(../images/EAC-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-07 {
    background: url(../images/EAC-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-08 {
    background: url(../images/EAC-8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #eac-09 {
    background: url(../images/EAC-9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 260px;
    background-color: #fff;
    margin: 5px;
 }


/* 
 * 2 column FB Timeline Images HighSchool
 */

 #untitled-corpus {
    background: url(../images/untitled-corpus.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #yes-parking {
    background: url(../images/yes-parking.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

  #highSchool-maya {
    background: url(../images/highSchool-maya.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#highSchool-baldMountain {
    background: url(../images/highSchool-baldMountain.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

/* 
 * 2 column FB Timeline Images UNDERGRAD
 */

 #undergrad-nt-scene {
    background: url(../images/undergrad-nt-scene.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #undergrad-nt-trailer {
    background: url(../images/undergrad-nt-trailer.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


 #undergrad-julia {
    background: url(../images/undergrad-julia.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #undergrad-sparechange {
    background: url(../images/undergrad-sparechange.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


/* 
 * 2 column FB Timeline Images HOMEPAGE
 */


#hangtime-iphone {
    background: url(../images/hangtime-iphone/hangtime-iphone1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#pattern {
    background: url(../pattern/img/patternfinal.png) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#hangtime-website {
    background: url(../images/hangtime-website.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #kot-splash-small {
    background: url(../images/kot-splash-small.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#renePinnell-film-reel {
    background: url(../images/renePinnell-film-reel.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


 #sharon-trailer {
    background: url(../images/shay-collage.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

 #rjpinnell-bed {
    background: url(../images/rjpinnell-bed.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }




#joey-the-cat {
    background: url(../images/joey-the-cat.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#forecast-demo {
    background: url(../images/forecast_demo.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }


#forecast-wc {
    background: url(../images/forecast-wc.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#family-pool {
    background: url(../images/mclaughlin.jpeg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;
 }

#jiggle-face {
    background: url(../images/rjpinnell.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;

}


#sand {
    background: url(../images/sand.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;

}

#coffee-house {
    background: url(../images/coffee-house.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
    margin: 5px;

}


 .fb-2col {
    margin: 0px 0 0px 0;
 }


 .fb-2col h1 {
    font-size: 40px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    padding: 10px 10px 200px 10px;
    line-height: 40px;
    font-weight: normal;
}

.fb-2col span {
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75);

}

time,.time{
    font-size: 11px; color:gray; margin: 10px 0 5px 5px;
}

.timeline{
    width:800px; list-style-type: none; background: url(../images/timeline.png) top center repeat-y; margin: 0 auto; padding: 100px 20px 100px 20px; margin-bottom:0px;
}

#timeline-top{
    width:800px; list-style-type: none; background: url(../images/timeline.png) top center repeat-y; margin: 0 auto; padding: 0px 20px 20px 20px; margin-bottom:0px; margin-top: -10px;
}

#timeline-bottom{
    width:800px; list-style-type: none; background: url(../images/timeline.png) top center repeat-y; margin: 0px auto; padding: 20px 20px 0px 20px; 
}

.timeline-sans{
    width: 800px; list-style-type: none; margin: 0 auto; padding: 0px 20px 0px 20px;
}

.timeline li{
    width:375px; -moz-border-radius:5px; border-radius:5px; webkit-border-radius:5px; border:1px solid #bfb6ac; border-bottom: 3px solid #bfb6ac; padding:5px;background-color:#FFF;
}

.timeline li:nth-of-type(odd){
    clear: both;float:right; 
}

.timeline li:nth-of-type(odd), .timeline li:nth-of-type(even){
    margin:-10px 0 20px 0;
}
.timeline li:nth-of-type(even) .corner{
    position:absolute; display:block; margin-left:380px;margin-top: 20px;width:20px; height:15px;background:url(../images/right.png);
}
.timeline li:nth-of-type(odd) .corner{
    position:absolute;display:block;margin-left:-25px;margin-top: 20px;width:20px;height:15px;background:url(../images/left.png);
}

.timeline li.up50 {
    margin-top: -50px;
}

/* 
 * 2 column FB Timeline style
 */


   


/* 
 * Story Of BLURB
 */

.blurb {
    position: relative; 
    margin: 20px auto 0px auto; 
    width:500px; 
    border:2px solid #bfb6ac; 
    border-bottom:5px solid #bfb6ac; 
    border-radius:5px; 
    -moz-border-radius:5px;
    webkit-border-radius:5px;
    background-color:#FFF; 
    padding:30px;
}

.blurbTop {
    position: absolute; top: -21px; left: 273px; margin: 0 auto; width: 15px; height: 21px; background: url(../images/top.png); 
}

.blurb .capitalM {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: -31px 0px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalA {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: -31px -20px 0px 2px;
    font-weight: bolder;
}

.blurb .capitalF {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 98px;
    color: #c3996b;
    margin: -28px -30px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalF-bottom {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 98px;
    color: #c3996b;
    margin: 26px -30px -50px -5px;
    font-weight: bolder;
}

.blurb .capitalJ {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 98px;
    color: #c3996b;
    margin: -27px -35px 0px 0px;
    font-weight: bolder;
}

.blurb .capitalR {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: -31px -18px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalS {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: -31px -23px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalB {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: -31px -23px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalS-bottom {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: 26px -23px -50px -5px;
    font-weight: bolder;
}

.blurb .capitalW {
    float: left;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    font-size: 100px;
    color: #c3996b;
    margin: 26px 58px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalO {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: -31px -13px 0px -5px;
    font-weight: bolder;
}
.blurb .capitalI {
    float: left;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    font-size: 100px;
    color: #c3996b;
    margin: 26px -10px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalG-top {
    float: left;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    font-size: 100px;
    color: #c3996b;
    margin: -28px 31px 40px -5px;
    font-weight: bolder;
}

.blurb .capitalI-top {
    float: left;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    font-size: 100px;
    color: #c3996b;
    margin: -28px -10px 40px -5px;
    font-weight: bolder;
}

.blurb .capitalH {
    float: left;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    color: #c3996b;
    margin: -30px -19px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalT {
    float: left;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    font-size: 100px;
    color: #c3996b;
    margin: 27px 25px 0px -5px;
    font-weight: bolder;
}

.blurb .capitalT-top {
    float: left;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    font-size: 100px;
    color: #c3996b;
    margin: -30px 25px 40px -5px;
    font-weight: bolder;
}

.blurb h3 {
    font-size: 22px;
    color: #9a9a9a;
    line-height: 28px;
    font-weight: normal;
}

.blurb a {
    text-decoration:none;
    color: #9a9a9a;
    font-weight: bold;
    
}

.blurb a:hover {
        text-decoration:none;
        color: #7f7f7f;
    }


.timeBlurb {
    margin: 15px 0 5px -5px;
}

/* 
 * Story Of style
 */

.story {
    position: relative; 
    margin: 40px auto 0px auto; 
    width:780px; 
    border:1px solid #bfb6ac; 
    border-bottom:3px solid #bfb6ac; 
    border-radius:5px; 
    -moz-border-radius:5px;
    webkit-border-radius:5px;
    background-color:#FFF; 
    padding:10px;
}

.story.middle {
    margin: 20px auto 0px auto; 
}



/* 
 * Story Of Images SMART BUILDING
 */

#smartBuilding-splash
 {
    background: url(../images/smartBuilding-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#smartBuilding-app
 {
    background: url(../images/smartBuilding-app.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


/* 
 * Story Of Images HURRICANE PARTY
 */

#hurricaneParty-japan
 {
    background: url(../images/hurricaneParty-japan.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#hurricaneParty-ticket
 {
    background: url(../images/hurricaneParty-ticket.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#hurricaneParty-app
 {
    background: url(../images/hurricaneParty-app.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#hurricaneParty-logo-final
 {
    background: url(../images/hurricaneParty-logo-final.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


#hurricaneParty-fundraiser 
 {
    background: url(../images/hurricaneParty-fundraiser.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#hurricaneParty-scobleMovie
 {
    background: url(../images/hurricaneParty-scobleMovie.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}
/* 
 * Story Of Images FORECAST
 */

#hangtime-app-final
 {
    background: url(../images/hangtime-final-app.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}



#forecast-app-final
 {
    background: url(../images/forecast-app-final.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


#storybox-splash
 {
    background: url(../images/storybox-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


#forecast-splash
 {
    background: url(../images/forecast-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#forecast-logo
 {
    background: url(../images/forecast-logo-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#forecast-logo-final
 {
    background: url(../images/forecast_logo.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


#forecast-design
 {
    background: url(../images/forecast-design.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


/* 
 * Story Of Images HURRICANE PARTY
 */

#hurricaneParty-splash
 {
    background: url(../images/hurricaneParty-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#hurricaneParty-app-final
 {
    background: url(../images/hurricaneParty-app-final.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

/* 
 * Story Of Images HANGTIME IPHONE
 */

#designing-hangtime-iphone
 {
    background: url(../images/hangtime-splash.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -75px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


/* 
 * Story Of Images Cafe Du Cache
 */

#cafe-movie{
    background: url(../images/cafe-movie.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


/* 
 * Story Of Images KOT
 */

#kot-movie{
    background: url(../images/kot-movie.jpg) no-repeat;
    background-position: 0px -100px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


/* 
 * Story Of EDMOND BULLDOGS
 */

#edmondBulldogs-original{
    background: url(../images/edmondBulldogs-original.jpg) no-repeat;
    background-size: cover;
    background-position: 0px 0px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#edmondBulldogs-mtv{
    background: url(../images/edmondBulldogs-mtv.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -40px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

/* 
 * Story Of Images OFN!
 */

#ofn-watch{
    background: url(../images/ofn-watch.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

/* 
 * Story Of Images BACKPACK PICNIC
 */

#credit-02-moveup{
    margin-top: -210px;
}

#bppn-credits-02{
    background: url(../images/backpackPicnic-jello.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 0px;
    background-color: #b3b3b3;
}

#bppn-fort-ricky-splash{
    background: url(../images/bppn/bppn-fort-ricky-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#bppn-fort-ricky-promo{
    background: url(../images/bppn/bppn-fort-ricky-promo.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -50px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
     background-color: #fff;
}

#bppn-fort-ricky-show{
    background: url(../images/bppn/bppn-fort-ricky-show.jpg) no-repeat;
    background-size: cover;
    background-position: 0px 0px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
     background-color: #fff;
}

#bppn-extras-splash{
    background: url(../images/bppn/bppn-extras-splash.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -40px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
     background-color: #fff;
}

#bppn-live-splash{
    background: url(../images/bppn/bppn-live-splash.jpg) no-repeat;
    background-size: cover;
    background-position: 0 -60px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
     background-color: #fff;
}

#bppn-chicago-show{
    background: url(../images/bppn/bppn-chicago-show.jpg) no-repeat;
    background-size: cover;
    background-position: 0 -60px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
     background-color: #fff;
}


/* 
 * Story Of Images HighSchool
 */

 #highSchool-AmericanDream {
    background: url(../images/highSchool-AmericanDream.jpg) no-repeat;
    background-size: cover;
    background-position: 0px 0px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

 #highSchool-hotair {
    background: url(../images/highSchool-hotair.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -80px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

 #highSchool-theFish {
    background: url(../images/highSchool-theFish.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -80px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

/* 
 * Story Of Images UNDERGRAD
 */

#undergrad-loveyalike{
    background: url(../images/loveyalike.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#undergrad-makesmeloveyou {
    background: url(../images/undergrad-makesmeloveyou.jpg) no-repeat;
    background-size: 100%;
    background-position: 0px -90px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


/* 
 * Story Of Images HANGTIME
 */

#hangtime-demo{
    background: url(../images/hangtime-demo.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#storybox-demo{
    background: url(../images/storybox-demo.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#storybox-yc{
    background: url(../images/storybox-yc.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#storybox-website{
    background: url(../images/storybox-website-tiny.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

/* 
 * Story Of Images MY FIRST FILMS
 */

#elementarySchool-boxer{
    background: url(../images/elementarySchool-boxer.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#elementarySchool-shifter{
    background: url(../images/elementarySchool-shifter.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

/* 
 * Story Of Images HOME
 */

#suzi-sings{
    background: url(../images/suzi-sings.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


#elementarySchool-splash{
    background: url(../images/elementarySchool-splash.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -140px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#highSchool-splash{
    background: url(../images/Rene-High-School.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#undergrad-splash{
    background: url(../images/undergrad-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

 #backpackPicnic-splash
 {
    background: url(../images/backpackPicnic-splash.jpg) no-repeat;
    background-position: -10px -50px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

 #edmondBulldogs-splash
 {
    background: url(../images/edmondBulldogs-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

 #eac-splash
 {
    background: url(../images/elevator-art-club.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

 #cafe-splash
 {
    background: url(../images/cafe-splash.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


#kot-splash{
    background: url(../images/kot-splash.jpg) no-repeat;
    background-position: 0px 0px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}



#ofn-splash{
    background: url(../images/ofn-splash.jpg) no-repeat;
    background-position: 0px -80px;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}


#story-of-rene {
    background: url(../images/reneGrass.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}

#story-of-rene-end {
    background: url(../images/suzi-pregnant.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 250px;
    background-color: #fff;
}



.gradient {
    background: url(../images/gradient.png) repeat-x;
    background-position: left bottom;
}

.story h1 {
    font-size: 80px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    padding: 10px 10px 75px 10px;
    line-height: 80px;
    font-weight: normal;
}

.story span {
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75);

}

.story .time {
    margin: 15px 0 5px -5px;
}

.storytop {
    position: absolute; top: -21px; left: 392px; margin: 0 auto; width: 15px; height: 21px; background: url(../images/top.png); 
}

/* 
 * END Story Of style
 */


/* 
 * 4 col images MY FIRST FILMS
 */

#elementarySchool-war {
    background: url(../images/elementarySchool-war.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#elementarySchool-car {
    background: url(../images/elementarySchool-car.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#elementarySchool-body {
    background: url(../images/elementarySchool-body.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#elementarySchool-short {
    background: url(../images/elementarySchool-short.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#elementarySchool-bunny {
    background: url(../images/elementarySchool-bunny.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#elementarySchool-ballet {
    background: url(../images/elementarySchool-ballet.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#elementarySchool-baby {
    background: url(../images/elementarySchool-baby.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#elementarySchool-epic {
    background: url(../images/elementarySchool-epic.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

/* 
 * 4 col images HOME PAGE
 */


#storybox-v4 {
    background: url(../images/storybox-v4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#storybox-v3 {
    background: url(../images/storybox-v3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#storybox-v2 {
    background: url(../images/storybox-v2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#storybox-v1 {
    background: url(../images/storybox-v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#selena-proposal {
    background: url(../images/selena-proposal.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#rene-proposal {
    background: url(../images/rene-proposal.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#lovers {
    background: url(../images/lovers.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#sleepwalking {
    background: url(../images/sleepwalking.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#fireteamReloaded-spot1 {
    background: url(../images/fireteamReloaded-spot1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#fireteamReloaded-spot2 {
    background: url(../images/fireteamReloaded-spot2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#fireteamReloaded-spot2 {
    background: url(../images/fireteamReloaded-spot2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#fireteamReloaded-spot3 {
    background: url(../images/fireteamReloaded-spot3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#fireteamReloaded-spot4 {
    background: url(../images/fireteamReloaded-spot4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#fireteamReloaded-spot5 {
    background: url(../images/fireteamReloaded-spot5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#fireteamReloaded-spot6 {
    background: url(../images/fireteamReloaded-spot6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#shelfConversions-spot1 {
    background: url(../images/shelfConversions-spot1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#shelfConversions-spot2 {
    background: url(../images/shelfConversions-spot2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

/* 
 * 4 col images FORECAST IPHONE
 */


#forecast-listview-20 {
    background: url(../images/forecast/listview/Listview_031412_V22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-19 {
    background: url(../images/forecast/listview/Listview_031412_V16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-listview-18 {
    background: url(../images/forecast/listview/Listview_031412_V10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-17 {
    background: url(../images/forecast/listview/Listview_031412_V2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-16 {
    background: url(../images/forecast/listview/Listview_030112_V2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-15 {
    background: url(../images/forecast/listview/Listview_030112_V1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-14 {
    background: url(../images/forecast/listview/List_View.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-13 {
    background: url(../images/forecast/listview/Forecast_Listview_With_122011.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-12 {
    background: url(../images/forecast/listview/Forecast_Listview_MeTooWith_011312_V18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-listview-11 {
    background: url(../images/forecast/listview/Forecast_Listview_MeTooWith_011312_V17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-10 {
    background: url(../images/forecast/listview/Forecast_Listview_MeTooWith_011312_V14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-09 {
    background: url(../images/forecast/listview/Forecast_Listview_MeToo_V2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-listview-08 {
    background: url(../images/forecast/listview/Forecast_Listview_MeToo_V1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-07 {
    background: url(../images/forecast/listview/Forecast_Bubble_Design.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-06 {
    background: url(../images/forecast/listview/Forecast_Bubble_Design_Expanded.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-05 {
    background: url(../images/forecast/listview/Forecast_as_Path.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-04 {
    background: url(../images/forecast/listview/Forecast_as_Beluga.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-03 {
    background: url(../images/forecast/listview/Forecast_Activity.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-02 {
    background: url(../images/forecast/listview/Forecast_051211.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-listview-01 {
    background: url(../images/forecast/listview/0-Forecast-HomeScreen.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-details-13 {
    background: url(../images/forecast/details/Forecast-Detail-Page_123011_V3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-12 {
    background: url(../images/forecast/details/Forecast-Detail-Page_123011_Finalish_V7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-11 {
    background: url(../images/forecast/details/Forecast-Detail-Page_122011.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-details-10 {
    background: url(../images/forecast/details/Forecast-Detail-Page_010612_V10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-09 {
    background: url(../images/forecast/details/Forecast-Detail-Page_010612_V8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-08 {
    background: url(../images/forecast/details/Forecast-Detail-Page_010612_V4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-07 {
    background: url(../images/forecast/details/Forecast-Detail-Page_010612_V3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
  

#forecast-details-06 {
    background: url(../images/forecast/details/Forecast-Detail-Page_010312_V6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-05 {
    background: url(../images/forecast/details/Forecast-Detail-Page_010112_V2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-04 {
    background: url(../images/forecast/details/Forecast-Detail-Page_010112_V1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-details-03 {
    background: url(../images/forecast/details/Forecast_With_02012012_V11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-details-02 {
    background: url(../images/forecast/details/Forecast_With_02012012_V10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-details-01 {
    background: url(../images/forecast/details/Forecast_Chat.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-time-14 {
    background: url(../images/forecast/time/4_Time_Selection.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-13 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Top_V1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-12 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Simple.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-11 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Simple_V6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-10 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Simple_V4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-09 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Simple_V3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-08 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Side_V4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-07 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Side_V1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-06 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Original.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-05 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Message.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-04 {
    background: url(../images/forecast/time/Forecast_Time_Selector_Forecast.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-03 {
    background: url(../images/forecast/time/Forecast_Time_Selector_062411_5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-02 {
    background: url(../images/forecast/time/Forecast_Create2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-time-01 {
    background: url(../images/forecast/time/4_Time_Selection.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-create-01 {
    background: url(../images/forecast/forecast/Forecast_Confirm_Details_011012_V5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-create-02 {
    background: url(../images/forecast/forecast/Forecast_Confirm_Details_011012_V1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-create-03 {
    background: url(../images/forecast/forecast/5_Confirmation.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-create-04 {
    background: url(../images/forecast/forecast/5_Confirmation_2_0.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-points-09 {
    background: url(../images/forecast/points/Forecast_Profile_Causes_052611.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-points-08 {
    background: url(../images/forecast/points/Forecast_Reciept_Forecast_0200712_V7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#forecast-points-07 {
    background: url(../images/forecast/points/Forecast_Reciept_Forecast_012612_V1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-points-06 {
    background: url(../images/forecast/points/Forecast_Profile_020212_V2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-points-05 {
    background: url(../images/forecast/points/Forecast_Profile_012412_V8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-points-04 {
    background: url(../images/forecast/points/Forecast_Profile_012412_V7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-points-03 {
    background: url(../images/forecast/points/Forecast_Profile_012412_V5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-points-02 {
    background: url(../images/forecast/points/Forecast_Profile_012412_V3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#forecast-points-01 {
    background: url(../images/forecast/points/Forecast_Profile_011612_V2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

/* 
 * 4 col Backpack Picnic photos
 */

#bppn-jello-e01 {
    background: url(../images/bppn/bppn-jello-e01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-jello-e02 {
    background: url(../images/bppn/bppn-jello-e02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-jello-e03 {
    background: url(../images/bppn/bppn-jello-e03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-jello-e04 {
    background: url(../images/bppn/bppn-jello-e04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-jello-e05 {
    background: url(../images/bppn/bppn-jello-e05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}







#bppn-intros-e01 {
    background: url(../images/bppn/bppn-intros-e01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e02 {
    background: url(../images/bppn/bppn-intros-e02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e03 {
    background: url(../images/bppn/bppn-intros-e03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e04 {
    background: url(../images/bppn/bppn-intros-e04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e05 {
    background: url(../images/bppn/bppn-intros-e05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e06 {
    background: url(../images/bppn/bppn-intros-e06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e07 {
    background: url(../images/bppn/bppn-intros-e07.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e08 {
    background: url(../images/bppn/bppn-intros-e08.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e09 {
    background: url(../images/bppn/bppn-intros-e09.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e10 {
    background: url(../images/bppn/bppn-intros-e10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e11 {
    background: url(../images/bppn/bppn-intros-e11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e12 {
    background: url(../images/bppn/bppn-intros-e12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e13 {
    background: url(../images/bppn/bppn-intros-e13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e14 {
    background: url(../images/bppn/bppn-intros-e14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e15 {
    background: url(../images/bppn/bppn-intros-e15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-intros-e16 {
    background: url(../images/bppn/bppn-intros-e16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}




#bppn-extras-e01 {
    background: url(../images/bppn/bppn-extras-e01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e02 {
    background: url(../images/bppn/bppn-extras-e02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e03 {
    background: url(../images/bppn/bppn-extras-e03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e04 {
    background: url(../images/bppn/bppn-extras-e04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e05 {
    background: url(../images/bppn/bppn-extras-e05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e06 {
    background: url(../images/bppn/bppn-extras-e06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e07 {
    background: url(../images/bppn/bppn-extras-e07.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e08 {
    background: url(../images/bppn/bppn-extras-e08.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e09 {
    background: url(../images/bppn/bppn-extras-e09.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e10 {
    background: url(../images/bppn/bppn-extras-e10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-extras-e11 {
    background: url(../images/bppn/bppn-extras-e11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#bppn-live-e01 {
    background: url(../images/bppn/bppn-live-e01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-live-e02 {
    background: url(../images/bppn/bppn-live-e02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-live-e03 {
    background: url(../images/bppn/bppn-live-e03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-live-e04 {
    background: url(../images/bppn/bppn-live-e04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-live-e05 {
    background: url(../images/bppn/bppn-live-e05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-live-e06 {
    background: url(../images/bppn/bppn-live-e06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-live-e07 {
    background: url(../images/bppn/bppn-live-e07.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-live-e08 {
    background: url(../images/bppn/bppn-live-e08.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}





#bppn-s03e01 {
    background: url(../images/bppn/bppn-s03e01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s03e02 {
    background: url(../images/bppn/bppn-s03e02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s03e03 {
    background: url(../images/bppn/bppn-s03e03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s03e04 {
    background: url(../images/bppn/bppn-s03e04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s03e05 {
    background: url(../images/bppn/bppn-s03e05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s03e06 {
    background: url(../images/bppn/bppn-s03e06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s03e07 {
    background: url(../images/bppn/bppn-s03e07.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}



 #bppn-s02e01 {
    background: url(../images/bppn/bppn-s02e01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e02 {
    background: url(../images/bppn/bppn-s02e02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e03 {
    background: url(../images/bppn/bppn-s02e03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e04 {
    background: url(../images/bppn/bppn-s02e04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e05 {
    background: url(../images/bppn/bppn-s02e05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e06 {
    background: url(../images/bppn/bppn-s02e06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e07 {
    background: url(../images/bppn/bppn-s02e07.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e08 {
    background: url(../images/bppn/bppn-s02e08.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e09 {
    background: url(../images/bppn/bppn-s02e09.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e10 {
    background: url(../images/bppn/bppn-s02e10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s02e11 {
    background: url(../images/bppn/bppn-s02e11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


 #bppn-s02e12 {
    background: url(../images/bppn/bppn-s02e12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}




 #bppn-s01e01 {
    background: url(../images/bppn/bppn-s01e01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e02 {
    background: url(../images/bppn/bppn-s01e02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e03 {
    background: url(../images/bppn/bppn-s01e03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e04 {
    background: url(../images/bppn/bppn-s01e04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e05 {
    background: url(../images/bppn/bppn-s01e05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e06 {
    background: url(../images/bppn/bppn-s01e06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e07 {
    background: url(../images/bppn/bppn-s01e07.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e08 {
    background: url(../images/bppn/bppn-s01e08.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e09 {
    background: url(../images/bppn/bppn-s01e09.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e10 {
    background: url(../images/bppn/bppn-s01e10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #bppn-s01e11 {
    background: url(../images/bppn/bppn-s01e11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


 #bppn-s01e12 {
    background: url(../images/bppn/bppn-s01e12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


/* 
 * 4 col CAFE photos
 */


 #THE-PLAY-01 {
    background: url(../images/cafe/THE-PLAY-01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #THE-PLAY-02 {
    background: url(../images/cafe/THE-PLAY-02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #THE-PLAY-03 {
    background: url(../images/cafe/THE-PLAY-03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-04 {
    background: url(../images/cafe/THE-PLAY-04.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-05 {
    background: url(../images/cafe/THE-PLAY-05.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-06 {
    background: url(../images/cafe/THE-PLAY-06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-07 {
    background: url(../images/cafe/THE-PLAY-07.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-08 {
    background: url(../images/cafe/THE-PLAY-08.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-09 {
    background: url(../images/cafe/THE-PLAY-09.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-10 {
    background: url(../images/cafe/THE-PLAY-10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-11 {
    background: url(../images/cafe/THE-PLAY-11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-12 {
    background: url(../images/cafe/THE-PLAY-12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-13 {
    background: url(../images/cafe/THE-PLAY-13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-14 {
    background: url(../images/cafe/THE-PLAY-14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-15 {
    background: url(../images/cafe/THE-PLAY-15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-16 {
    background: url(../images/cafe/THE-PLAY-16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-17 {
    background: url(../images/cafe/THE-PLAY-17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-18 {
    background: url(../images/cafe/THE-PLAY-18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-19 {
    background: url(../images/cafe/THE-PLAY-19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-20 {
    background: url(../images/cafe/THE-PLAY-20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-21 {
    background: url(../images/cafe/THE-PLAY-21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-22 {
    background: url(../images/cafe/THE-PLAY-22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-23 {
    background: url(../images/cafe/THE-PLAY-23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-24 {
    background: url(../images/cafe/THE-PLAY-24.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-25 {
    background: url(../images/cafe/THE-PLAY-25.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-26 {
    background: url(../images/cafe/THE-PLAY-26.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-27 {
    background: url(../images/cafe/THE-PLAY-27.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
 #THE-PLAY-28 {
    background: url(../images/cafe/THE-PLAY-28.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


/* 
 * 4 col HURRICANE PARTY photos
 */


 #kot-sxsw1 {
    background: url(../images/kot/IMG_0136.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw2 {
    background: url(../images/kot/IMG_0138.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw3 {
    background: url(../images/kot/IMG_0140.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw4 {
    background: url(../images/kot/IMG_0142.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw5 {
    background: url(../images/kot/IMG_0149.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


 #kot-sxsw6 {
    background: url(../images/kot/IMG_0155.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw7 {
    background: url(../images/kot/IMG_0158.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw8 {
    background: url(../images/kot/IMG_0160.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw9 {
    background: url(../images/kot/IMG_0164.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw10 {
    background: url(../images/kot/IMG_0168.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #kot-sxsw11 {
    background: url(../images/kot/IMG_0170.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


 #kot-sxsw12 {
    background: url(../images/kot/IMG_0213.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}
/* 
 * 4 col HURRICANE PARTY photos
 */

 #hurricaneParty-map2 {
    background: url(../images/hurricaneParty/map2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #hurricaneParty-map1 {
    background: url(../images/hurricaneParty/map1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


 #hurricaneParty-listview1 {
    background: url(../images/hurricaneParty/listview1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #hurricaneParty-listview2 {
    background: url(../images/hurricaneParty/listview2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #hurricaneParty-listview3 {
    background: url(../images/hurricaneParty/listview3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


 #hurricaneParty-details {
    background: url(../images/hurricaneParty/details.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

 #hurricaneParty-deals {
    background: url(../images/hurricaneParty/deal.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


 #hurricaneParty-create {
    background: url(../images/hurricaneParty/create1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-avramAlone {
    background: url(../images/hurricaneParty-avramAlone.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-team1 {
    background: url(../images/hurricaneParty-team1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-avramFocus {
    background: url(../images/hurricaneParty-avramFocus.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-teamCouch {
    background: url(../images/hurricaneParty-teamCouch.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-band1 {
    background: url(../images/hurricaneParty-band1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-band2 {
    background: url(../images/hurricaneParty-band2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-band3 {
    background: url(../images/hurricaneParty-band3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-team2 {
    background: url(../images/hurricaneParty-team2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-ericHappy {
    background: url(../images/hurricaneParty/IMG_0961.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-ericThinks {
    background: url(../images/hurricaneParty/IMG_0962.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-bottle {
    background: url(../images/hurricaneParty/IMG_0965.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hurricaneParty-me {
    background: url(../images/hurricaneParty/IMG_0967.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
}
 
 #hurricaneParty-avramGang {
    background: url(../images/hurricaneParty/IMG_0981.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
}

 #hurricaneParty-ericGang {
    background: url(../images/hurricaneParty/IMG_0983.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
}

 #hurricaneParty-reneGang {
    background: url(../images/hurricaneParty/IMG_0984.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
}

 #hurricaneParty-masterMind {
    background: url(../images/hurricaneParty/IMG_1001.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
}
/* 
 * 4 col pinterest style HANGTIME IPHONE
 */

#hangtime-iphone-20 {
    background: url(../images/hangtime-iphone/Listview_071012_v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-19 {
    background: url(../images/hangtime-iphone/Listview_070612_v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-18 {
    background: url(../images/hangtime-iphone/Listview_070312_v2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


#hangtime-iphone-17 {
    background: url(../images/hangtime-iphone/Listview_062712_v14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-16 {
    background: url(../images/hangtime-iphone/Listview_062712_v12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-15 {
    background: url(../images/hangtime-iphone/Listview_062712_v3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-14 {
    background: url(../images/hangtime-iphone/Listview_062512_v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-13 {
    background: url(../images/hangtime-iphone/Listview_062312_v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-12 {
    background: url(../images/hangtime-iphone/Listview_062212_v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-11 {
    background: url(../images/hangtime-iphone/Listview_062112_v7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-10 {
    background: url(../images/hangtime-iphone/Listview_062112_v6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-9 {
    background: url(../images/hangtime-iphone/Listview_062112_v5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-8 {
    background: url(../images/hangtime-iphone/Listview_062112_v3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-7 {
    background: url(../images/hangtime-iphone/Listview_062112_v2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-6 {
    background: url(../images/hangtime-iphone/Listview_062112_v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-5 {
    background: url(../images/hangtime-iphone/Listview_061912.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-4 {
    background: url(../images/hangtime-iphone/Listview_061812.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-3 {
    background: url(../images/hangtime-iphone/Listview_061812_v3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-1 {
    background: url(../images/hangtime-iphone/Listview_061812_v2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#hangtime-iphone-0 {
    background: url(../images/hangtime-iphone/Listview_061812_v1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}


/* 
 * 4 col pinterest images HOME
 */

#marnie {
    background: url(../images/marnie.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;
}

#slopes {
    background: url(../images/on-the-slopes.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;

}

#rene-steve {
    background: url(../images/rene-and-steve.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;

}

#rene-party {
    background: url(../images/rene-party.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;

}


#rene-tube {
    background: url(../images/rene-tube.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;

}

#rene-pauls {
    background: url(../images/st-pauls.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;

}

#handface {
    background: url(../images/handface.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;

}

#trippy {
    background: url(../images/trippy.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #bfb6ac;
    border-radius: 3px;
    min-height: 150px;
    background-color: #fff;
    margin: 5px;

}


/* 
 * 4 col pinterest style
 */


.pinterest h1 {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    padding: 10px 10px 200px 10px;
    line-height: 25px;
    font-weight: normal;
}

.pinterest span {
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75);

}

.pinterest .time {
    margin: 15px 0 5px 0px;
}

.pinterest {
    position: relative; margin:0 auto; width:780px;  border-top:1px solid #c3996b; border-radius:2px; background: transparent; padding-top:20px;
}

.pinterest_title {
    position: relative; 
    margin: -43px auto 10px auto; 
    max-width: 300px; 
    border:1px solid #bfb6ac; 
    border-bottom:3px solid #bfb6ac; 
    border-radius:5px; 
    -moz-border-radius:5px;
    webkit-border-radius:5px;
    background-color:white; 
    padding: 5px;
}




.pinterest_title h3 {
    font-size: 18px;
    color: #9a9a9a;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.pinterest_title a {
    text-decoration:none;
    color: #9a9a9a;
    font-weight: bold;
    
}

.pinterest_title a:hover {
        text-decoration:none;
        color: #7f7f7f;
    }

.pin_top {
    position: absolute; top: -43px; left: 383px; margin: 0 auto; width: 15px; height: 21px; background: url(../images/top.png); 
}

.timeline .pinterest_dot {
    position: absolute; top: -9px; left: 383px; margin: 0 auto; width: 15px; height: 15px; background: url(../images/dot.png); 
}

.pin-col1-left, .pin-col2-left, .pin-col3-right, .pin-col4-right{
    width: 195px;
    float: left;
}

.pin {
    width: 175px;
    margin: 0 0 10px 0;
    -moz-border-radius:5px; 
    border-radius:5px; 
    webkit-border-radius:5px; 
    border:1px solid #bfb6ac; 
    border-bottom: 3px solid #bfb6ac; 
    padding:5px;
    background-color:#FFF;
}

.pin-col1-left .pin, .pin-col2-left .pin {
    float: left;
    }

.pin-col3-right .pin, .pin-col4-right .pin {
    float: right;
    }


.pin img {
    width: 100%;
}

/* 
 * END 4 col pinterest style
 */






/* 
 * Journal style
 */

.journal a {
    color: #9a9a9a;
    font-weight: bold;
}

.journal a:hover {
    color: #7f7f7f;
}

.journal .time {
    padding-bottom: 10px;
    margin: 15px 0 5px 0px;
    color: #603813;
}

.timeline li.journal {
    width:375px; padding:5px; background: transparent; border: none;
    color: #9a9a9a;
}

.timeline li.journal:nth-of-type(odd){
    clear: both;float:right; 
}

.timeline li.journal:nth-of-type(odd), .timeline li.journal:nth-of-type(even){
    margin:-0px 0 20px 0;
}
.timeline li.journal:nth-of-type(even) .corner{
    position:absolute; display:block; margin-left:388px; margin-top: -5px; width:15px; height:15px;background:url(../images/dot.png);
}
.timeline li.journal:nth-of-type(odd) .corner{
    position:absolute;display:block;margin-left:-27px; margin-top: -5px; width:15px;height:15px;background:url(../images/dot.png);
}

.timeline li.journal:nth-of-type(even) .time{
    text-align: right; margin-bottom: -8px;
}
.timeline li.journal:nth-of-type(odd) .time{
    text-align: left; margin-bottom: -8px;
}

.timeline li.journal:nth-of-type(even) {
    text-align: right; 
}

/* 
 * END Journal style
 */







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * 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;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}