/*
FILENAME: home.css
DESCRIPTION: This stylesheet serves additional declarations for the Esberi.com homepage
*/

hr {
  margin: 0 auto 19px auto;
  width: 940px;
}

/* BANNER */

#banner {
  padding-bottom: 0;
  position: relative;
  background: #3fa9f5;
}

#banner .pitch {
  color: #fff;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: -0.02em;
  margin: 0 0 20px 0;
  text-shadow: 0 -1px rgba(0,0,0,0.3);
}

#banner h1 {
  color: #fefefe;
  font-size: 26px;
  font-weight: normal;
  margin: 0 0 20px;
}

#banner p {
  color: #fefefe;
}


/* ANYTHING SLIDER */

.anythingSlider                         { width: 940px; height: 400px; position: relative; margin: 0 auto 15px; background: #3fa9f5; }
.anythingSlider .anythingWrapper          { width: 860px; overflow: visible; height: 380px; margin: 0 40px; position: absolute; top: 0; left: 0;  size}
.anythingSlider .anythingWrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #3fa9f5; border-top: 3px solid #3fa9f5; border-bottom: 3px solid #3fa9f5; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 370px; width: 860px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/earrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top:100px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 375px; text-align: right;
	padding-right: 25px;
}
#thumbNav a                             { color: #ffffff; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0;  text-align: center;
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #ffffff; color: #3fa9f5; }

#start-stop                             {
	color: #3fa9f5;
}

/*
  Prevents
*/
.anythingSlider .anythingWrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .anythingWrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.anythingSlide {
	margin: 50px;
}

.anythingSlide li {
	color: #ffffff;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* WELCOME CONTENT */

.welcome { overflow: hidden; }

.welcome .lockup {
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin: 0;
  text-indent: -9999px;
}

.welcome p { line-height: 30px; }

.welcome .lockup {
  color: #d4d4d4;
  line-height: 60px;
}

.welcome h2 {
  color: #444 !important;
  font-size: 22px !important;
  font-weight: bold;
  letter-spacing: -0.05em !important;
  line-height: 40px !important;
}

.welcome .pitch p {
  color: #828282;
  font-size: 1.1em;
  font-weight: bold;
}

.welcome .buttons { margin-bottom: 20px; }
.product em {
  font: italic 14px/20px Cambria, Georgia, Times, 'Times New Roman', serif;
  
}

/* PARTNER LOGOS */
.partners img {
	padding: ;
	padding-right: 60px;
	padding-left: 60px;
}


/* CLIENT LOGOS */

.clients ul {
  margin-bottom: 30px;
  overflow: hidden;
}

.clients ul li.alpha { clear: left; }
.clients ul li img { display: block; }

/* BLOG */

#blog_highlights { margin-bottom: 20px; }

#blog_highlights .thumbnail {
  background: #e7f3d9;
  border-bottom: 1px solid #cfe7b3;
  display: block;
  padding: 5px 5px 4px 5px;
}

#blog_highlights .thumbnail:hover { background: #3fa9f5; }
#blog_highlights .thumbnail img { display: block; }
#blog_highlights h5 { margin-top: 20px; }
.home #blog_highlights #post_3 { margin-right: 0; }

/* TWITTER */

#twitter {
  background: transparent url("../images/twitter_bird.png") top right no-repeat;
  margin-bottom: 20px;
}

#twitter .tweet {
  color: #888;
  font: italic 1em/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 20px;
}

#twitter p { margin-bottom: 0; }

#promotionLink {
	padding-bottom: 10px;
}