@charset "UTF-8";
/* CSS Document */

html, body {
	width:100%;
	height:100%;
}

body {
	font-family: 'Love Ya Like A Sister', cursive;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#FFFFFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	
	color:#000;
	font-size:14px;
	font-weight:400;
	margin:0px;
}

.clearfix {
	clear:both;
}

a {
	font-weight:700;
	text-decoration: none;
	color:#000000;
}

a:hover {
	color:#000000;
	cursor: pointer;
}

#ecard-w {
	width:100%;
	height:100%;
}

#ecard {
	width:980px;
	height:570px;
	background:url("../images/bg-ecard.jpg");
	background-size:cover;
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	margin:50px auto 0px;
	position:relative;
}

.shadow {
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

.btn:hover {
	opacity:0.7;
	cursor: pointer;
}

/* HEADER */
#header {
	width:980px;
	height:170px;
	position: absolute;
    z-index:100;
}

.logo-naxosuk {
    width:90px;
    position:absolute;
    left:30px;
}

.nmuk-ws {
    background: url("../images/logo-website.jpg") no-repeat;
}

.nmuk-ws:hover {
    background: url("../images/logo-website-col.jpg") no-repeat;
    cursor:pointer;
}

.nmuk-fb {
    background: url("../images/logo-facebook.jpg") no-repeat;
}

.nmuk-fb:hover {
    background: url("../images/logo-facebook-col.jpg") no-repeat;
    cursor:pointer;
}

.nmuk-tw {
    background: url("../images/logo-twitter.jpg") no-repeat;
}

.nmuk-tw:hover {
    background: url("../images/logo-twitter-col.jpg") no-repeat;
    cursor:pointer;
}

.nmuk-ig {
    background: url("../images/logo-instagram.jpg") no-repeat;
}

.nmuk-ig:hover {
    background: url("../images/logo-instagram-col.jpg") no-repeat;
    cursor:pointer;
}

.nmuk-sp {
    background: url("../images/logo-spotify.jpg") no-repeat;
}

.nmuk-sp:hover {
    background: url("../images/logo-spotify-col.jpg") no-repeat;
    cursor:pointer;
}

#nmuk-sm {
    width:120px;
    position:absolute;
    left:130px;
    top:35px;
}

.nmuk-sm_indiv {
    width:20px;
    height:20px;
    float:left;
    margin:5px;
}

#header-title {
    position: absolute;
    top:70px;
}

#ht-left {
    width:530px;
    float:left;
    text-align:right;
    margin:0px 30px 0px 100px;
}

#ht-right {
    width:230px;
    float:left;
    margin-top:5px;
}

#ht-main {
    font-size:60px;
    font-weight:normal!important;
    color:#ff7100;
}

#ht-main a:link, #ht-main a:visited {
    color:inherit;
    font-weight:normal!important;
    text-decoration:none;
}

#ht-main a:hover {
    color:#000000;
    font-weight:normal!important;
    text-decoration:none;
}

#ht-sub {
    font-size:25px;
    color:#0061aa;
    margin-top:-15px;
}

#htr-album {
    width:95px;
    float:left;
}

#htr-text {
    width:100px;
    float:left;
    font-size:20px;
    margin:15px 0px 0px 10px;
}

.btn:hover {
    opacity:.7;
    cursor:pointer;
}

#content {
    width:980px;
    height:300px;
    position:absolute;
    top:180px;
    z-index:20;
}

#rosie-brookes {
    width:120px;
    position:absolute;
    bottom:50px;
    right:10px;
}

#rb-sm {
    width:120px;
    margin:auto;
}

/* HOME */
#home {
    width:720px;
	display:block;
    margin:10px auto;
}

.category-text {
    font-size:20px;
    text-align:center;
    margin-top:15px;
    color:#ff2d2d;
}

#category-instrumentsbtn {
    width:200px;
    height:200px;
    background:url("../images/activities-col.jpg") no-repeat;
}

#category-instrumentsbtn:hover {
    background:url("../images/activities.jpg") no-repeat;
    cursor:pointer;
}

#category-animalsbtn {
    width:200px;
    height:200px;
    background:url("../images/animals-col.jpg") no-repeat;
}

#category-animalsbtn:hover {
    background:url("../images/animals.jpg") no-repeat;
    cursor:pointer;
}

#category-activitiesbtn {
    width:200px;
    height:200px;
    background:url("../images/instruments-col.jpg") no-repeat;
}

#category-activitiesbtn:hover {
    background:url("../images/instruments.jpg") no-repeat;
    cursor:pointer;
}

.category-indiv {
    width:200px;
    float:left;
    margin:20px;
}

/* INSTRUMENTS */
#instruments {
    width:920px;
    display:none;
    margin-left:30px;
}

.back-btn {
    font-size:18px;
}

.back-btn:hover {
    color:#CF0003;
    cursor:pointer;
}

.cp-container {
    width:800px;
    margin:auto;
}

.coloringpage-indiv {
    width:170px;
    float:left;
    margin:30px 15px 0px;
}

.download-btn {
    text-align:center;
    margin-top:20px;
    font-size:16px;
}

.download-btn:hover {
    color:#00911B;
    cursor:pointer;
}

/* ANIMALS */
#animals {
    width:920px;
    display:none;
    margin-left:30px;
}

/* ACTIVITIES */
#activities {
    width:920px;
    display:none;
    margin-left:30px;
}

/* FOOTER */
.footer {
    font-family: Arial, "sans-serif";
	font-size:11px;
	text-align:center;
	margin-top:20px;
	color:#000000;
}

.footer a {
	color:#FFFFFF;
}

.footer a:hover {
	color:#e3733c;
}