/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*@import "compass/reset"; */
/*@import "compass/css3"; */
/*@import "compass/utilities"; */
/*@import "bootstrap"; */
/*@import "mixins"; */
/*@import "tabs"; */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Finger Paint', cursive;
  color: #52301a;
}

ul {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  color: #52301a;
}

p, ul {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.1px;
  margin: 0 0 5px 0;
  color: #52301a;
}
p strong, ul strong {
  font-weight: 600;
}
p ul, ul ul {
  margin: 0;
}

.extra-bold {
  font-weight: 800;
}

img {
  border: 0;
}

html, body {
  height: 100%;
}

html {
  background: url(/images/eggsperts/eggsperts-background.jpg) no-repeat center center fixed !important;
  background-attachment: fixed !important;
  -webkit-background-size: cover  !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/eggsperts/eggsperts-background.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/eggsperts/eggsperts-background.jpg', sizingMethod='scale')";
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 1000px;
}

#wrapper {
  min-height: 100%;
}

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

#main {
  margin-bottom: 50px;
}

#readingeggs {
  height: 29px;
  padding-top: 1px;
  background: url(/images/eggsperts/top-banner-bg.png) 0 0 repeat-x;
}
#readingeggs ul {
  float: right;
  margin-top: 1px;
}
#readingeggs ul li {
  list-style-type: none;
  display: inline;
  float: left;
}
#readingeggs ul li a.readingeggs-link {
  margin-right: 20px;
}
#readingeggs ul li a.social {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#readingeggs ul li a.social#facebook {
  background: url(/images/facebook.png);
}
#readingeggs ul li a.social#youtube {
  background: url(/images/youtube.png);
}
#readingeggs ul li a.social#twitter {
  background: url(/images/twitter.png);
}
#readingeggs ul li a.social#pinterest {
  background: url(/images/pinterest.png);
}
#readingeggs ul li a.social#wordpress {
  background: url(/images/wordpress.png);
}

#eggsperts-site-nav {
  height: 150px;
  margin-top: 15px;
}
#eggsperts-site-nav ul li {
  list-style-type: none;
  float: left;
  width: 104px;
  height: 150px;
}
#eggsperts-site-nav ul li.nav-home {
  width: 152px;
}

#readingeggs.home-topnav {
  z-index: 1000;
  position: relative;
}

#main.home-content {
  margin-top: -38px;
  z-index: -9999;
}

img:hover.wiggle-left {
  -webkit-transform: rotate(10deg) scale(1.1);
  -moz-transform: rotate(10deg) scale(1.1);
  -o-transform: rotate(10deg) scale(1.1);
  -ms-transform: rotate(10deg) scale(1.1);
  transform: rotate(10deg) scale(1.1);
}

img:hover.wiggle-right {
  -webkit-transform: rotate(-10deg) scale(1.1);
  -moz-transform: rotate(-10deg) scale(1.1);
  -o-transform: rotate(-10deg) scale(1.1);
  -ms-transform: rotate(-10deg) scale(1.1);
  transform: rotate(-10deg) scale(1.1);
}

img.wiggle-left, img.wiggle-right {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#steam {
  margin: 0 auto;
  width: 960px;
  height: 1717px;
  background: url(/images/eggsperts/eggship-steam.png) top center no-repeat;
}

#container {
  margin: 0 auto;
  width: 960px;
  height: 1717px;
  background: url(/images/eggsperts/eggship-fullimage.png) top center no-repeat;
  position: relative;
}

#watch {
  left: 86px;
  position: absolute;
  top: 40px;
}

#apps {
  position: absolute;
  right: 89px;
  top: 40px;
}

#meet {
  left: 48px;
  position: absolute;
  top: 150px;
}

#songs {
  position: absolute;
  right: 38px;
  top: 150px;
}

#fun {
  left: 24px;
  position: absolute;
  top: 260px;
}

#books {
  position: absolute;
  right: 20px;
  top: 260px;
}

#credits {
  position: absolute;
  right: 17px;
  top: 260px;
}

#about {
  left: 23px;
  position: absolute;
  top: 370px;
}

#news {
  position: absolute;
  right: 25px;
  top: 370px;
}

#meet-album {
  background: url(/images/eggsperts/album.png) 0 0 no-repeat;
  width: 994px;
  height: 550px;
  margin-left: 6px;
  padding: 30px 0;
}
#meet-album h1, #meet-album h2 {
  color: #52301a;
  font-size: 35px;
  margin: 5px 0 5px 0;
}
#meet-album h2 {
  font-size: 12px;
  margin: 10px 0 0 0;
}
#meet-album .catchphrase {
  width: 100%;
  height: 50px;
}
#meet-album #character-images {
  width: 375px;
  margin-left: 30px;
  margin-right: 110px;
  float: left;
  text-align: center;
}
#meet-album #character-blurb {
  width: 315px;
  margin: 20px 27px 0 0;
  float: left;
}
#meet-album #character-blurb p.intro {
  font-size: 14px;
}
#meet-album #character-blurb img {
  float: left;
  margin-top: 20px;
}
#meet-album #character-blurb img.catchphrase {
  margin-left: 10px;
  margin-top: 0;
}
#meet-album #character-blurb .character-features {
  float: right;
  width: 150px;
}
#meet-album #character-blurb .character-features p {
  font-size: 12px;
}
#meet-album #tab-container {
  width: 134px;
  float: left;
}
#meet-album #tab-container .tab {
  display: block;
  margin: 0;
  width: 134px;
  height: 102px;
  background: url(/images/eggsperts/sprite-tabs.png) 0 0 no-repeat;
}
#meet-album #tab-container .tab.reggie {
  background-position: -134px 0;
}
#meet-album #tab-container .tab.reggie:hover, #meet-album #tab-container .tab.reggie.active {
  background-position: -134px -102px;
}
#meet-album #tab-container .tab.jazz {
  background-position: 0 0;
}
#meet-album #tab-container .tab.jazz:hover, #meet-album #tab-container .tab.jazz.active {
  background-position: 0 -102px;
}
#meet-album #tab-container .tab.sam {
  background-position: -405px 0;
}
#meet-album #tab-container .tab.sam:hover, #meet-album #tab-container .tab.sam.active {
  background-position: -405px -102px;
}
#meet-album #tab-container .tab.tom {
  background-position: -270px 0;
}
#meet-album #tab-container .tab.tom:hover, #meet-album #tab-container .tab.tom.active {
  background-position: -270px -102px;
}
#meet-album #tab-container .tab.egg {
  background-position: -541px 0;
}
#meet-album #tab-container .tab.egg:hover, #meet-album #tab-container .tab.egg.active {
  background-position: -541px -102px;
}

#watch-container {
  width: 900px;
  height: 418px;
  margin: -40px 25px 0;
  padding: 135px 0 0 50px;
  background: url("/images/eggsperts/watch-tv.png") 0 0 no-repeat;
}
#watch-container.songs {
  background: url("/images/eggsperts/listen-radio.png") 0 0 no-repeat;
}
#watch-container.songs #video-thumbs {
  overflow-y: hidden;
}
#watch-container #video-holder {
  width: 560px;
  margin-right: 40px;
  margin-left: 25px;
  float: left;
}
#watch-container #video-thumbs {
  width: 260px;
  padding-top: 18px;
  float: left;
  height: 280px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-face-color: #53beee;
  /* this targets the default scrollbar (compulsory) */
  /* the new scrollbar will have a flat appearance with the set background color */
  /* this will style the thumb, ignoring the track */
  /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
}
#watch-container #video-thumbs::-webkit-scrollbar {
  width: 12px;
  background-color: none;
}
#watch-container #video-thumbs::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
#watch-container #video-thumbs::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #53beee;
}
#watch-container #video-thumbs::-webkit-scrollbar-button {
  background-color: #53beee;
}
#watch-container #video-thumbs a.choose-video {
  display: block;
  margin: 0;
  width: 260px;
  height: 57px;
  margin-bottom: 13px;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Finger Paint', cursive;
}
#watch-container #video-thumbs a.choose-video:hover {
  background: -webkit-linear-gradient(left, #8e1b0d, rgba(142, 27, 13, 0));
  /*Safari*/
  background: -o-linear-gradient(right, #8e1b0d, rgba(142, 27, 13, 0));
  /*Opera 11-12*/
  background: -moz-linear-gradient(right, #8e1b0d, rgba(142, 27, 13, 0));
  /*Fx 3.6-15*/
  background: linear-gradient(to right, #8e1b0d, rgba(142, 27, 13, 0));
  /*Standard*/
}
#watch-container #video-thumbs a.choose-video:hover.radio {
  background: -webkit-linear-gradient(left, #7217b1, rgba(114, 23, 177, 0));
  /*Safari*/
  background: -o-linear-gradient(right, #7217b1, rgba(114, 23, 177, 0));
  /*Opera 11-12*/
  background: -moz-linear-gradient(right, #7217b1, rgba(114, 23, 177, 0));
  /*Fx 3.6-15*/
  background: linear-gradient(to right, #7217b1, rgba(114, 23, 177, 0));
  /*Standard*/
}
#watch-container #video-thumbs a.choose-video .thumb-descriptions {
  position: relative;
  top: -21px;
}

.buy-link {
  margin-left: 65px;
  display: block;
  width: 600px;
  height: 115px;
  background: url(/images/eggsperts/sprite-buy-dvd.png) 0 0 no-repeat;
}
.buy-link:hover {
  background-position: 0 -116px;
}

#fun-container {
  width: 757px;
  height: 560px;
  padding: 85px 103px 0;
  margin: 0 20px 0 23px;
  background: url("/images/eggsperts/fun-easel.png") 0 0 no-repeat;
}
#fun-container p {
  font-family: 'Finger Paint', cursive;
  font-size: 13px;
  margin-left: 130px;
  margin-top: 10px;
  color: #0d52f8;
}
#fun-container a.colour-download {
  width: 165px;
  height: 229px;
  display: block;
  margin-right: 15px;
  margin-bottom: 5px;
  float: left;
  background: url("/images/eggsperts/sprite-colouring.png") 0 0 no-repeat;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#fun-container a.colour-download.jazz {
  background-position: 0 0;
}
#fun-container a.colour-download.jazz:hover {
  background-position: 0 -229px;
}
#fun-container a.colour-download.eggship {
  background-position: -165px 0;
}
#fun-container a.colour-download.eggship:hover {
  background-position: -165px -229px;
}
#fun-container a.colour-download.reg {
  background-position: -330px 0;
}
#fun-container a.colour-download.reg:hover {
  background-position: -330px -229px;
}
#fun-container a.colour-download.windup {
  background-position: -495px 0;
}
#fun-container a.colour-download.windup:hover {
  background-position: -495px -229px;
}
#fun-container a.colour-download.pillow {
  background-position: -660px 0;
}
#fun-container a.colour-download.pillow:hover {
  background-position: -660px -229px;
}
#fun-container a.colour-download.sandy {
  background-position: -825px 0;
}
#fun-container a.colour-download.sandy:hover {
  background-position: -825px -229px;
}
#fun-container a.colour-download.eggleston {
  background-position: -990px 0;
}
#fun-container a.colour-download.eggleston:hover {
  background-position: -990px -229px;
}
#fun-container a.colour-download:hover {
  -webkit-transform: rotate(-4deg) scale(1.05);
  -moz-transform: rotate(-4deg) scale(1.05);
  -o-transform: rotate(-4deg) scale(1.05);
  -ms-transform: rotate(-4deg) scale(1.05);
  transform: rotate(-4deg) scale(1.05);
}
#fun-container a.colour-download.first {
  margin-left: 95px;
}

#instructions {
  clear: both;
  margin-top: 20px;
}

#apps-container {
  width: 960px;
  margin: 0 auto;
  padding: 20px 10px;
  background-color: #feeeb4;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
#apps-container #app-downloads {
  width: 596px;
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
}
#apps-container #app-downloads .appisode-video {
  margin: 15px 0;
}
#apps-container #app-downloads .app-buttons {
  display: inline-block;
  width: 117px;
  height: 157px;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 16px;
  background: url(/images/eggsperts/sprite-app-icons.png) 0 0 no-repeat;
}
#apps-container #app-downloads .starjump {
  background-position: 0 0;
  margin-left: 0;
}
#apps-container #app-downloads .starjump:hover {
  background-position: 0 -158px;
}
#apps-container #app-downloads .wings {
  background-position: -117px 0;
}
#apps-container #app-downloads .wings:hover {
  background-position: -117px -158px;
}
#apps-container #app-downloads .speedy {
  background-position: -234px 0;
}
#apps-container #app-downloads .speedy:hover {
  background-position: -234px -158px;
}
#apps-container #app-downloads .bubbles {
  background-position: -351px 0;
}
#apps-container #app-downloads .bubbles:hover {
  background-position: -351px -158px;
}
#apps-container #app-downloads.last {
  margin-right: 0;
}
#apps-container #apps-copy {
  width: 305px;
  margin-left: 20px;
  display: inline-block;
  margin-top: 6px;
}
#apps-container #apps-copy p, #apps-container #apps-copy ul {
  font-size: 18px;
  line-height: 26px;
}
#apps-container #apps-copy p li, #apps-container #apps-copy ul li {
  margin-left: 20px;
  margin-bottom: 5px;
  list-style-image: url("/images/eggsperts/bullet-red.png");
}
#apps-container #apps-copy h2 {
  font-size: 18px;
  color: #fd0707;
}

#about-content {
  background: url(/images/eggsperts/album.png) 0 0 no-repeat;
  width: 830px;
  height: 526px;
  margin: 0 55px;
  padding: 27px 30px;
}
#about-content h1 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 22px;
}
#about-content p {
  margin-bottom: 22px;
  line-height: 22px;
}
#about-content .about-col {
  background: url(/images/eggsperts/album-lines.png) 0 0 no-repeat;
  width: 337px;
  height: 522px;
  float: left;
  padding: 0 12px 0 28px;
}
#about-content .about-col.last {
  margin-left: 73px;
  padding-top: 11px;
  height: 511px;
}
#about-content .about-col p.meeteggs {
  background: url(/images/eggsperts/eggsperts-faces.png) 160px 59px no-repeat;
  padding-bottom: 23px;
  margin-bottom: 0;
}
#about-content .about-col .abc-fb-logo {
  float: right;
  margin-top: -26px;
}
#about-content .about-col .free-trial {
  margin-left: 40px;
  display: block;
  width: 258px;
  height: 235px;
  background: url(/images/eggsperts/sprite-free-trial.png) 0 0 no-repeat;
}
#about-content .about-col .free-trial:hover {
  background: url(/images/eggsperts/sprite-free-trial.png) 0 -235px no-repeat;
}

#credit-content {
  background: url(/images/eggsperts/album.png) 0 0 no-repeat;
  width: 860px;
  height: 550px;
  margin: 0 55px;
  padding: 0 0 27px 30px;
  line-height: 21px;
}
#credit-content h1 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
#credit-content h2 {
  font-family: 'Open Sans', Sans-serif;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 0;
}
#credit-content p {
  margin-bottom: 11px;
  letter-spacing: -0.5px;
  margin: 0;
}
#credit-content .credit-col {
  background: url(/images/eggsperts/album-lines.png) 0 0 no-repeat;
  width: 337px;
  height: 522px;
  float: left;
  padding: 11px 12px 0 28px;
  margin-top: 27px;
  text-align: center;
  /* this targets the default scrollbar (compulsory) */
  /* the new scrollbar will have a flat appearance with the set background color */
  /* this will style the thumb, ignoring the track */
  /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
}
#credit-content .credit-col .credit-intro {
  color: #333a85;
}
#credit-content .credit-col.last {
  background: url(/images/eggsperts/album-credit.png) 0 0 no-repeat;
  margin-left: 38px;
  margin-top: 0;
  padding-top: 0;
  height: 577px;
  width: 405px;
  text-align: left;
}
#credit-content .credit-col .credit-scroll {
  width: 349px;
  height: 380px;
  margin-top: 10px;
  overflow-y: scroll;
  scrollbar-face-color: #53beee;
}
#credit-content .credit-col ::-webkit-scrollbar {
  width: 12px;
  background-color: none;
}
#credit-content .credit-col ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
#credit-content .credit-col ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #53beee;
}
#credit-content .credit-col ::-webkit-scrollbar-button {
  background-color: #53beee;
}
#credit-content .credit-col .re-text-link {
  font-family: 'Finger Paint', cursive;
  font-size: 18px;
  color: #f2dca9;
  text-align: right;
  position: relative;
  top: 490px;
  left: 179px;
  text-decoration: none;
}
#credit-content .credit-col .re-logo-link {
  background: url(/images/eggsperts/re-logo49px.png) 0 0 no-repeat;
  display: block;
  width: 49px;
  height: 33px;
  position: relative;
  top: 505px;
  left: 100px;
}
#credit-content .credit-col .free-trial {
  margin-left: 40px;
  display: block;
  width: 258px;
  height: 235px;
  background: url(/images/eggsperts/sprite-free-trial.png) 0 0 no-repeat;
}
#credit-content .credit-col .free-trial:hover {
  background: url(/images/eggsperts/sprite-free-trial.png) 0 -235px no-repeat;
}

#news-page {
  width: 640px;
  height: 433px;
  padding-top: 130px;
  padding-left: 80px;
  margin: 0 auto;
  background: url(/images/eggsperts/news-bg.png) 0 0 no-repeat;
}
#news-page .news-copy {
  width: 260px;
  height: 400px;
  overflow: hidden;
}
#news-page .news-copy p {
  color: #3b4251;
  font-family: 'Gentium Book Basic', serif;
  font-size: 16px;
  margin-bottom: 15px;
  text-align: justify;
}

#books-container {
  width: 990px;
  height: 569px;
  background: url(/images/eggsperts/bookshelf.png) 0 0 no-repeat;
}
#books-container h1, #books-container h2, #books-container h3, #books-container p, #books-container ul, #books-container li {
  color: #ffffff;
  text-shadow: 2px 2px 2px #666666;
}
#books-container h2, #books-container h3 {
  font-size: 16px;
}
#books-container h2.dvd, #books-container h3.dvd {
  margin-top: 70px;
}
#books-container p {
  margin-top: 10px;
}
#books-container .buy-now-btn {
  display: inline-block;
  width: 133px;
  height: 35px;
  background: url(/images/eggsperts/sprite-buy-now.png) 0 0 no-repeat;
}
#books-container .buy-now-btn:hover {
  background-position: 0 -37px;
}
#books-container #about-product {
  width: 270px;
  height: 500px;
  margin-left: 64px;
  margin-top: 15px;
  float: left;
}
#books-container #about-product ul li {
  margin-left: 20px;
  list-style-image: url(/images/eggsperts/bullet-pink.png);
}
#books-container #about-product img {
  float: left;
}
#books-container .book-wrapper {
  width: 300px;
  height: 235px;
  padding-top: 35px;
  padding-right: 5px;
  float: left;
}
#books-container .book-wrapper img {
  float: left;
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles
#steam {
	margin:0 auto;
	width:768px;
	height:1291px;
	background:url(/images/eggsperts/eggship-steam-768.png) top center no-repeat;
}

#container {
	margin:0 auto;
	width:768px;
	height:1291px;
	background:url(/images/eggsperts/eggship-fullimage-768.png) top center no-repeat;
	position:relative;
}

#watch {
	left: 40px;
	position: absolute;
	top: 20px;
}

#meet {
	right: 40px;
	position: absolute;
	top: 20px;
}

#fun {
	left: 10px;
	position: absolute;
	top: 130px;
}

#books {
	right: 10px;
	position: absolute;
	top: 130px;
}

#play {
	left: 5px;
	position: absolute;
	top: 240px;
}

#apps {
	right: 5px;
	position: absolute;
	top: 240px;
}

#songs {
	left: 0;
	position: absolute;
	top: 360px;}


#news {
	right: 0;
	position: absolute;
	top: 360px;
}
*/
}
/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */
}