/* CSS */

body
{
	background:#00a4e0 url(../imgs/textured-bg.png) repeat top right;
	margin:0;
	padding:0;
	padding-bottom:00px;
	font-size: 11pt;
	font-family: 'Patrick Hand', cursive;	
}

#clouds
{
	background:transparent url(../imgs/clouds-bg.png) no-repeat top right;
}
#wrapper
{
	width:990px;
	margin:0 auto;
}
#fixed-nav
{
	position:fixed;
	width:160px;
	margin-top:20px;
	z-index:100;
}

#menu ul
{
	list-style-type:none;
	padding:0;
	margin-top:10px;
}

#menu ul li
{
	margin:0;
	padding:0;
	height:30px;
}

.section
{
	padding-top:1px; /* box-model hack */
	height:579px;
	width:830px;
	margin-left:160px;
	/*font-family: 'VarelaRegular', Arial, sans-serif;*/
	font-family: Arial, sans-serif;
}

p
{
	/*font-family: 'VarelaRegular', Arial, sans-serif;*/
	font-family: Arial, sans-serif;
}

#section1
{
	background:#f95d81;
}

#section2
{
	background:#fdc32c;
}

#section3
{
	position:relative !important;
	padding:0 !important;
	background:#10b361 url(../imgs/slides/slide3/slide3.png) no-repeat;
}

#slider ul
{
	padding:0;
	margin: 80px 0px 0px 0px;
	list-style-type:none;
}

#prevBtn
{
	position:absolute;
	top:0;
	top:45%;
	margin-left:35px;
	line-height:70px;
}

#slider li
{
	/*border: 1px solid #000;*/
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	height: 540px;
	width: 830px;
	text-align: center;
}

#nextBtn
{
	position:absolute;
	top:0;
	top:45%;
	right:0;
	margin-right:35px;
}


#section4
{
	background:#44c5f6 url(../imgs/slides/slide4/slide4.png) no-repeat;
}

#section4 p
{
	margin:135px 120px 0 470px;
	line-height:22px
}

#section4 ul
{
	padding:0;
	margin:0;
	margin:25px 0 0 470px;
	list-style-type:none;
}

#section4 ul li
{
	margin-bottom:10px;
}

#section4 ul a
{
	font-family: 'Patrick Hand', cursive;
	font-size: 1.2em;
	height:39px;
	display:block;
	background:url(../imgs/slides/slide4/buy-button.png) no-repeat;
	line-height:36px;
	text-decoration:none;
	color:#000;
	padding-left:10px;
}
#section4 ul a:hover
{
	color:#44C5F6; ;
	text-decoration:underline;
}

#section5
{
	background:transparent url(../imgs/slides/slide5/slide5.png) no-repeat;
	width:863px !important;
}

#section5 p
{
	margin:180px 0 0 120px;
	width:220px;
	line-height:22px;
}

#section6
{
	position:relative !important;
	background:#e77917 url(../imgs/slides/slide6/slide6.png) no-repeat;
}

#video-slider
{	width: 170px;
	margin: 290px 0 0 20px;
	height: 210px;
}

#video-slider ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}

#video-slider li
{
	height:100px;
}

#video
{
	float: right;
	margin: -332px 45px 0px 0px;
}


#upBtn
{
	position:absolute;
	top:240px;
	margin-left:84px
}

#dwnBtn
{
position:absolute;
top:490px;
margin-left:79px
}


#section7
{
	background:#f95d81 url(../imgs/slides/slide7/slide7.png) no-repeat;
}

.follow-who
{
	margin: 95px 0px 0px 50px;	
}


#section8
{
	margin-top: 40px;
	padding: 0px;
	text-align:right;
	
}

#section8 p
{
	color: #8dd6f1;
	font-size: 0.75em;
	margin-top: -52px;
	padding: 20px 30px 0px 0px;
}

#section8 p a:active
{
	text-decoration: none;
	colour: #FFF;
}

#section8 p a:hover
{
	text-decoration: none;
	colour: #FFF;
}

#section8 p a:visited
{
	text-decoration: none;
	colour: #FFF;
}


/* MENU */
#menu a
{
	display:block;
	text-indent:-9999px;
	line-height:30px;
	overflow:hidden;
}

.m-home
{
	background:url(../imgs/menu/home-off.png) no-repeat top right;
}

.m-home:hover
{
	background:url(../imgs/menu/home-over.png) no-repeat top right;
}

.current .m-home
{
	background:url(../imgs/menu/home-on.png) no-repeat top right !important;
}

.m-aboutwho
{
	background:url(../imgs/menu/aboutwho-off.png) no-repeat top right;
}

.m-aboutwho:hover
{
	background:url(../imgs/menu/aboutwho-over.png) no-repeat top right;
}

.current .m-aboutwho
{
	background:url(../imgs/menu/aboutwho-on.png) no-repeat top right !important;
}

.m-friendsofwho
{
	background:url(../imgs/menu/friendsofwho-off.png) no-repeat top right;
}

.m-friendsofwho:hover
{
	background:url(../imgs/menu/friendsofwho-over.png) no-repeat top right;
	cursor: pointer;
	cursor: hand;
}

.current .m-friendsofwho
{
	background:url(../imgs/menu/friendsofwho-on.png) no-repeat top right !important;
}

.m-read
{
	background:url(../imgs/menu/read-off.png) no-repeat top right;
}

.m-read:hover
{
	background:url(../imgs/menu/read-over.png) no-repeat top right;
}

.current .m-read
{
	background:url(../imgs/menu/read-on.png) no-repeat top right !important;
}

.m-play
{
	background:url(../imgs/menu/play-off.png) no-repeat top right;
}

.m-play:hover
{
	background:url(../imgs/menu/play-over.png) no-repeat top right;
}

.current .m-play
{
	background:url(../imgs/menu/play-on.png) no-repeat top right !important;
}

.m-watch
{
	background:url(../imgs/menu/watch-off.png) no-repeat top right;
}

.m-watch:hover
{
	background:url(../imgs/menu/watch-over.png) no-repeat top right;
}

.current .m-watch
{
	background:url(../imgs/menu/watch-on.png) no-repeat top right !important;
}

.m-followwho
{
	background:url(../imgs/menu/followwho-off.png) no-repeat top right;
}

.m-followwho:hover
{
	background:url(../imgs/menu/followwho-over.png) no-repeat top right;
}

.current .m-followwho
{
	background:url(../imgs/menu/followwho-on.png) no-repeat top right !important;
}

.m-findoutmore
{
	background:url(../imgs/menu/followwho-off.png) no-repeat top right;
}

.m-findoutmore:hover
{
	background:url(../imgs/menu/followwho-over.png) no-repeat top right;
}

.current .m-findoutmore
{
	background:url(../imgs/menu/followwho-on.png) no-repeat top right !important;
}

#btt
{
	margin-top:20px;
	opacity:0;
	display:block;
	text-indent:-9999px;
	line-height:30px;
	overflow:hidden;
	background:url(../imgs/menu/top-off.png) no-repeat top right !important;
}


.unfix
{
	position:absolute !important;
}

p
{
	font-family: 'Patrick Hand', cursive;
	font-size: 1.2em;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 24, 2011 */
@font-face {
    font-family: 'VarelaRegular';
    src: url('varela-regular-webfont.eot');
    src: url('varela-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('varela-regular-webfont.woff') format('woff'),
         url('varela-regular-webfont.ttf') format('truetype'),
         url('varela-regular-webfont.svg#VarelaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}