@charset "utf-8";

html { font: 14px Verdana,Arial,sans-serif; }

body {
    background-image:url('../img/sky-bg.jpg');
    background-repeat:no-repeat;
    background-position:center 0;
    background-color:#0081ff;
    margin:0;
    font-size:100%;
}

a {text-decoration:none;}
.clear {clear:both;height:0;}
input[type="text"] {margin:5px 0;}
input[type="button"],input[type="submit"] {border:none;background-color:transparent;}

.alignleft{float:left;}
.alignright{float:right;}


/****************************
	Structure
****************************/

#container {
    width:960px;
    height:1000px;
    margin:0 auto;
    display:block;
}

#navigation {
    width:960px;
    height:190px;
    margin-top:40px;
    background-image:url('../img/nav-bg.png');
    background-repeat:no-repeat;
    background-position:55px 0;
    position:relative;
    z-index:10;
}

#content {
    width:960px;
    margin-bottom:20px;
    position:relative;
}

#footer {
    width:960px;
    height:135px;
    position:relative;
    background-image:url('../img/footer-bg.png');
    background-repeat:no-repeat;
    background-position:center 25px;
}

/****************************
	Navigation
****************************/
.nav-link {
    width:110px;
    height:110px;
    display:block;
    position:absolute;
}
.nav-social {
    width:120px;
    height:30px;
    display:block;
    position:absolute;
}

#nav-home { top:-30px; left:0px; }
#nav-meet { top:4px; left:220px; }
#nav-sing { top:-4px; left:330px; }
#nav-tour { top:-10px; left:464px; }
#nav-stuff { top:-12px; left:592px; }
#nav-store { top:10px; left:710px; }
#nav-parents { top:38px; left:835px; }
#nav-pinterest { top:125px; left:648px; }
#nav-facebook { top:134px; left:746px; }
#nav-twitter { top:153px; left:835px; }

/****************************
	Pagers
****************************/
.page-previous,.page-next {
    width:90px;
    height:147px;
    display:block;
    position:absolute;
    top: 70px;
    z-index:4;
}
.page-previous { left:0px; }
.page-next { left:875px; }

/****************************
	Labels
****************************/
.label-one,.label-two {
    position:absolute;
    z-index:20;
    text-align:center;
}
.label-small {
    width:244px;
    height:65px;
    background-image:url('../img/label-small.png');
    background-repeat:no-repeat;
    position:absolute;
    z-index:20;
}
.label-one span.heading-blue { width:265px; }
.label-two span.heading-red { width:260px; }
span.heading-blue,span.heading-red {
    text-indent:0;
    position:absolute;
    font-size:28pt;
    line-height:56px;
    text-align:center;
}
.label-small span.heading-red { line-height:56px; }
span.heading-blue { left:20px; color:#004a99; }
span.heading-red { left:20px; color:#e73029; }

/****************************
	Home
****************************/
#home-content {
    width:781px;
    height:630px;
    margin:-28px auto 0px;
    position:relative;
}
#home-feature {
    width:721px;
    height:296px;
    margin-left:-14px;
    padding:35px 45px;
    background-image:url('../img/home-feature-box.png');
    background-repeat:no-repeat;
    position:relative;
    z-index:2;
}
#slides { width:725px; height:281px; }
.slides_container div {
    width:725px;
    height:281px;
    display:block;
}

#banner-facebook,#banner-twitter {
    width:130px;
    height:50px;
    display:block;
    position:absolute;
    z-index:1;
    top:178px;
}
#banner-facebook { left:40px; }
#banner-twitter { left:220px; }

#home-sub {
    width:824px;
    height:320px;
    position:absolute;
    z-index:3;
    top:292px;
    left:-20px;
}
#home-content div.label-one { top:275px; left:5px; }
#home-tour{
    width:370px;
    height:210px;
    margin:70px 0 0 58px;
    float:left;
    text-indent:0;
}
#home-tour-image {
    width:160px;
    height:160px;
    float:left;
}
#home-tour-list {
    width:200px;
    height:160px;
    margin-left:10px;
    float:left;
    color:#fff;
}
#home-tour-list p { margin:0 0 12px; }
#home-tour-list a { color:#fff; text-decoration:underline; }
#home-tour-list a:hover { text-decoration:none; }
#home-tour-dates { margin-left:190px; }
#home-content div.label-two { top:280px; left:415px; }
#home-see-sing {
    width:293px;
    height:166px;
    margin:70px 0 0 60px;
    float:left;
    text-indent:0;
}
#home-play-btn {
    position:absolute;
    z-index:5;
    top:100px;
    left:567px;
}

.jp-no-solution { display:none; }
#general-jplayer {
    position:absolute;
    top:10px;
    left:0;
    z-index:100;
    height:50px;
}
#general-jplayer #jp_container ul { list-style:none; }
#general-jplayer #jp_container a {
    width:50px;
    height:50px;
    margin-top:0px;
    background-image: url("../img/sprites/play-pause-100.png");
    background-repeat:no-repeat;
    text-indent:-9999px;
    display:block;
}
#general-jplayer #jp_container a.jp-play {
    background-position: 0 0;
}
#general-jplayer #jp_container a.jp-play:hover {
    background-position: 0 -50px;
}
#general-jplayer #jp_container a.jp-pause {
    background-position: -50px 0;
}
#general-jplayer #jp_container a.jp-pause:hover {
    background-position: -50px -50px;
}

/****************************
	Meet
****************************/

.profile-list-row-one .profile-large-link {
    margin:0 8px;
}
.profile-list-row-two #profile-doctor-large-link {
    margin:0 0 0 125px;
}
.profile-list-row-two #profile-policeman-large-link {
    margin:0 0 0 30px;
}

#box-fireman-top,#box-ballerina-top,#box-builder-top,#box-doctor-top,#box-policeman-top {
    width:782px;
    height:780px;
    background-repeat:no-repeat;
}
#box-ballerina-top { height:640px; }
#box-builder-top { height:740px; }
#box-doctor-top { height:760px; }

#box-fireman-middle,#box-ballerina-middle,#box-builder-middle,#box-doctor-middle,#box-policeman-middle {
    width:782px;
    height:73px;
    background-repeat:no-repeat;
    position:relative;
    z-index:3;
}
#box-fireman-bottom,#box-ballerina-bottom,#box-builder-bottom,#box-doctor-bottom,#box-policeman-bottom {
    width:782px;
    height:73px;
    background-repeat:no-repeat;
}

#box-fireman-top { background-image: url('../img/box-fireman-top.png'); }
#box-fireman-middle { background-image: url('../img/box-fireman-middle.png'); }
#box-fireman-bottom { background-image: url('../img/box-fireman-bottom.png'); }

#box-ballerina-top { background-image: url('../img/box-ballerina-top.png'); }
#box-ballerina-middle { background-image: url('../img/box-ballerina-middle.png'); }
#box-ballerina-bottom { background-image: url('../img/box-ballerina-bottom.png'); }

#box-builder-top { background-image: url('../img/box-builder-top.png'); }
#box-builder-middle { background-image: url('../img/box-builder-middle.png'); }
#box-builder-bottom { background-image: url('../img/box-builder-bottom.png'); }

#box-doctor-top { background-image: url('../img/box-doctor-top.png'); }
#box-doctor-middle { background-image: url('../img/box-doctor-middle.png'); }
#box-doctor-bottom { background-image: url('../img/box-doctor-bottom.png'); }

#box-policeman-top { background-image: url('../img/box-policeman-top.png'); }
#box-policeman-middle { background-image: url('../img/box-policeman-middle.png'); }
#box-policeman-bottom { background-image: url('../img/box-policeman-bottom.png'); }

.profile-left,.profile-right { float:left; }
.profile-left { width:280px; height:770px; }
#profile-fireman-figure { margin:67px 0 0 0px; }
#profile-ballerina-figure { margin:88px 0 0 5px; }
#profile-builder-figure { margin:75px 0 0 10px; }
#profile-doctor-figure { margin:70px 0 0 17px; }
#profile-policeman-figure { margin:67px 0 0 8px; }
.profile-right { width:490px; min-height:700px; }
.profile-header { width:100%; height:180px; }
.profile-sign { float:left; }
#profile-fireman-sign { margin:60px 0 0 -23px; }
#profile-builder-sign { margin:45px 0 0 -10px; }
#profile-doctor-sign { margin:20px 0 0 0px; }
#profile-policeman-sign { margin:30px 0 0 -2px; }
.profile-back-btn { float:right; margin:30px 20px 0 0; }

.profile-content {
    width:300px;
    max-height:300px;
    margin-left:35px;
    position:relative;
    z-index:2;
    overflow:hidden;
}
#meet-policeman-content .profile-content,
#meet-doctor-content .profile-content {
    color:#004c99;
}
#meet-ballerina-content .profile-content { color:#703188; }

.profile-images {
    text-align:right;
    position:relative;
    z-index:0;
}
#profile-fireman-table { margin:-30px 15px 0 0; }
#profile-builder-table { margin-right:25px; }
#profile-doctor-table { margin-top:-20px; }
#profile-policeman-table { margin-top:-50px; }

.profile-links {
    width:490px;
    height:110px;
    clear:both;
    text-align:center;
}
.profile-icon-link { margin:0 4px; display:inline-block; }

#profile-jplayer {}
#profile-jplayer #jp_container ul { list-style:none; }
#profile-jplayer #jp_container ul li { float:left; }
#profile-jplayer #jp_container a {
    width:40px;
    height:40px;
    margin-top:0px;
    background-image: url("../img/sprites/play-pause-80.png");
    background-repeat:no-repeat;
    text-indent:-9999px;
    display:block;
}
#profile-jplayer #jp_container a.jp-play {
    background-position: 0 0;
}
#profile-jplayer #jp_container a.jp-play:hover {
    background-position: 0 -40px;
}
#profile-jplayer #jp_container a.jp-pause {
    background-position: -40px 0;
}
#profile-jplayer #jp_container a.jp-pause:hover {
    background-position: -40px -40px;
}
.profile-jplayer-title { padding-left:20px; font-size:21px; }

#meet-ballerina-content .profile-jplayer-title { color:#fff; }

#meet-doctor-content .profile-jplayer-title,
#meet-policeman-content .profile-jplayer-title {
    color:#004C99;
}
/****************************
	Footer
****************************/
#footer-links {
    width:545px;
    height:80px;
    margin:0 auto;
    position:relative;
}
.footer-profile {
    width:72px;
    height:72px;
    display:block;
    position:absolute;
}

#footer-ross { top: 18px; }
#footer-beth { top:4px; left:118px; }
#footer-ben { top:-4px; left:236px; }
#footer-marcie { top:8px; left:354px; }
#footer-jon { top:18px; left:472px; }
#footer-copyright {
    width:340px;
    margin:0 auto;
    color:#cc9900;
}
#footer-copyright a { color:#cc9900; text-decoration:underline; }
#footer-copyright a:hover { text-decoration:none; }

/****************************
	Box Containers
****************************/
.content-container { margin-left:95px; }
.content-container .label-one { top:-20px; left:110px; }
.box-yellow-top,
.box-red-top,
.box-dblue-top,
.box-lblue-top {
    width:781px;
    height:28px;
    background-repeat:no-repeat;
}
.box-yellow-top { background-image:url('../img/box-yellow-top.png'); }
.box-red-top { background-image:url('../img/box-red-top.png'); }
.box-dblue-top { background-image:url('../img/box-dblue-top.png'); }
.box-lblue-top { background-image:url('../img/box-lblue-top.png'); }
.box-yellow-middle,
.box-red-middle,
.box-dblue-middle,
.box-lblue-middle {
    width:721px;
    min-height:300px;
    position:relative;
    background-repeat:repeat-y;
    padding:30px;
}
.box-yellow-middle { background-image:url('../img/box-yellow-middle.png'); }
.box-red-middle { background-image:url('../img/box-red-middle.png'); color:#fff; }
.box-dblue-middle { background-image:url('../img/box-dblue-middle.png'); color:#fff; }
.box-lblue-middle { background-image:url('../img/box-lblue-middle.png'); }
.box-yellow-bottom,
.box-red-bottom,
.box-dblue-bottom,
.box-lblue-bottom {
    width:781px;
    height:32px;
    background-repeat:no-repeat;
}
.box-yellow-bottom { background-image:url('../img/box-yellow-bottom.png'); }
.box-red-bottom { background-image:url('../img/box-red-bottom.png'); }
.box-dblue-bottom { background-image:url('../img/box-dblue-bottom.png'); }
.box-lblue-bottom { background-image:url('../img/box-lblue-bottom.png'); }
.box-red-small-top {
    width:259px;
    height:35px;
    background-image:url('../img/box-red-small-top.png');
    background-repeat:no-repeat;
}
.box-red-small-middle {
    width:199px;
    min-height:150px;
    background-image:url('../img/box-red-small-middle.png');
    background-repeat:repeat-y;
    padding:30px 30px 10px;
}
.box-red-small-bottom {
    width:259px;
    height:47px;
    background-image:url('../img/box-red-small-bottom.png');
    background-repeat:no-repeat;
}

/****************************
	Lists
****************************/
.item-bg-white { background-image:url('../img/item-bg-white.png'); }
.item-bg-yellow { background-image:url('../img/item-bg-yellow.png'); }
.audio-wrapper,.downloads-wrapper { width:100%; margin-top:10px; }
.media-audio-list .col-right { margin-left:16px; }
.audio-item {
    width:350px;
    min-height:68px;
    float:left;
}
.audio-item .item-name-wrapper {
    width:130px;
    padding:16px 5px 16px 10px;
    float:left;
}
.audio-item .item-link-wrapper {
    width:190px;
    float:right;
    text-align:left;
    padding-right:10px;
}
.audio-item .audio-item-play,
.audio-item .audio-item-buy,
.audio-item .download-item-link-blue {
    /*display:inline-block;*/
    float:left;
    margin:16px 1px;
}

.downloads-wrapper .col-right { margin-left:10px; }

.download-item {
    width:210px;
    min-height:80px;
    margin-bottom:10px;
    padding-bottom:10px;
    float:left;
}
.downloads-wrapper .item-star-wrapper {
    width:60px;
    height:56px;
    padding:12px 12px 8px 12px;
    float:left;
}
.downloads-wrapper .item-name-wrapper {
    width:125px;
    margin:10px 0 15px;
    float:right;
}
.downloads-wrapper .item-link-wrapper { width:125px; float:right; }

#tour-list-date { width:685px; margin:0px 15px; }
#tour-list-date th {
    text-align:left;
    color:#e73029;
    font-size:23px;
    padding:5px 0;
}
#tour-list-date td {
    padding:15px 5px;
    color:#666;
    font-size:12pt;
}

/****************************
	See and Sing
****************************/
.media-audio-list { margin:20px 0; }
.media-link-large { margin:10px 60px; }
.media-link-small { margin:20px 8px; }
.media-link-row { text-align:center; margin-top:10px; }
.media-link-row .media-link-medium { margin:10px 15px; }
#watch-wrapper {
    width:560px;
    height:340px;
    float:left;
}
#watch-links {
    width:560px;
    height:200px;
    float:left;
    text-align:center;
}
#watch-links .media-link { margin:0px; }
#watch-list {
    width:155px;
    min-height:540px;
    float:right;
    text-align:center;
}
#watch-list ul { margin:0; padding:0; }

#see-sing-episode-content .viewport {
    height:500px;
    overflow:hidden;
    position:relative;
}

#see-sing-music-content .viewport {
    height:450px;
    overflow:hidden;
    position:relative;
}

.episode-wrapper {
    width:128px;
    min-height:100px;
    padding:0 13px;
    margin-bottom:20px;
    list-style:none;
}
.episode-thumb { width:100%; }
.episode-title a { color:#333; }

.media-audio-player {
    width:476px;
    height:130px;
    margin:30px auto 0;
    background-image:url('../img/media-player.png');
    background-repeat:no-repeat;
    position:relative;
}
#jquery_jplayer { display:block; }

/****************************
	Tour
****************************/
#tour-blurb { width:685px; margin: 0 0 5px 14px; }
#tour-blurb-image { width:160px; float:left; }
#tour-blurb-desc {
    width:490px;
    padding:0 10px;
    float:right;
}
#tour-switch {
    width:210px;
    top:2px;
    left:500px;
    color:#e73029;
    font-size:22px;
    position:relative;
}
#tour-switch select {
    width:auto;
    line-height:22px;
    font-size:16px;
    margin-left:10px;
}
.tour-dates-wrapper { margin-top:-30px; }

/****************************
	Fun Stuff
****************************/
.fun-stuff-wrapper { width:710px; min-height:150px; }
.fun-item {
    width:165px;
    height:190px;
    float:left;
    text-align:center;
    margin:10px 5px;
}

.fun-title-craft,
.fun-title-colour,
.fun-title-print,
.fun-title-game {
    font-size:18px;
}

/****************************
	Parents
****************************/
.parents-left {
    width:430px;
    min-height:500px;
    float:left;
}
.parents-right {
    width:260px;
    height:600px;
    float:right;
    position:relative;
    color:#fff;
}
.parents-right .label-small { top:-10px; left:-15px; }
#form-signup-updates { margin:10px 0; }
#form-signup-updates a { color:#fff; text-decoration:underline; }
#form-signup-updates a:hover { text-decoration:none; }
#form-signup-updates input.text,#form-signup-updates select {
    width:185px;
    height:20px;
    font-size:13px;
    line-height:18px;
}
#form-signup-updates select {
    width:190px;
    height:20px;
    line-height:18px;
    font-size:13px;
    background-color:#fff;
}

#form-signup-updates input.checkbox { margin-top:15px; }

#signup-join-btn { margin:15px auto; cursor:pointer; }
#form-signup-updates div.error { font-size:12px; color:#fef000; }

.social-media-links { width:180px; margin-left:15px; }
#facebook-link,
#twitter-link,
#pinterest-link {
    float:left;
}
#twitter-link, #pinterest-link { margin-left:10px; }

#terms {width:500px; margin:0 15px;}