/*
HTML/CSS/JS'ified adaption by Joe Pettersson @ JoePettersson.com
Original concept and art by Orman Clark @ http://www.premiumpixels.com/clean-simple-image-slider-psd/

The contents of this template are in the public domain, and therefore require no attribution (although 
it's always appreciated!) and can be used commercially and modified in any way you choose.
*/

/***** Global Elements *****/



/***** Demo specific *****/
.wrapper { width:730px; margin:0 auto; padding-top: 100px;}
#metaContainer {position: relative;}



/* The Slider Container */
#slideContainer { margin: 0 auto; width: 200px; height: 200px; no-repeat; z-index: 1;}

/* The Pager */
#pager {text-align: center; margin: -59px auto 0px; z-index: 100; width: 45px;}
#pager a {display: block;text-indent: -5000px;width: 10px;height: 10px;background-image:url(../images/pager-sprite.png);background-repeat: no-repeat; float: left; margin-right: 5px;}
#pager a {background-position: 0 0;}
#pager a:hover {background-position: 0 -11px;}
#pager a:active {background-position: 0 -11px;}
#pager a.activeSlide {background-position: 0 -22px;}
#pager a.activeSlide:hover {background-position: 0 -22px;}
#pager a.activeSlide:active {background-position: 0 -22px;}


/* The Pager 2*/
#pager2 {text-align: center; margin: -59px auto 0px; z-index: 100; width: 45px;}
#pager2 a {display: block;text-indent: -5000px;width: 10px;height: 10px;background-image:url(../images/pager-sprite.png);background-repeat: no-repeat; float: left; margin-right: 5px;}
#pager2 a {background-position: 0 0;}
#pager2 a:hover {background-position: 0 -11px;}
#pager2 a:active {background-position: 0 -11px;}
#pager2 a.activeSlide {background-position: 0 -22px;}
#pager2 a.activeSlide:hover {background-position: 0 -22px;}
#pager2 a.activeSlide:active {background-position: 0 -22px;}


  /****** Promo Box ********/

  .promo-box {
  
    width: 200px;
    height: 200px;
    margin: 0px auto;
    text-align: right;
    position: relative;
    float: left;
}


  .modules-wrapper {
    width: 980px;
    margin: 0 auto;
    clear: both;
  
}
  .twitterbox {
    background: url(../images/twitter_bg.png) top center no-repeat !important;
    height: 190px !important;
    padding: 14px 20px !important;
    width: 515px !important;
    margin: 0px 10px !important;     
    float: left !important;
}

.twitterfeed {
    width: 490px !important;
    margin-left: 20px !important;
    height: 145px !important;
    overflow-y: auto;
    color: white;
    font-size: 13px;
  }

  .tweettext {
    font-size: 13px !important;
    width: 460px !important;
  }

.social-follow a {
  color: white;
  text-decoration: none;
}