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


@font-face {
    font-family: 'wintermelonregular';
    src: url('fonts/denne-wintermelon-webfont.eot');
    src: url('fonts/denne-wintermelon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/denne-wintermelon-webfont.woff') format('woff'),
         url('fonts/denne-wintermelon-webfont.ttf') format('truetype'),
         url('fonts/denne-wintermelon-webfont.svg#wintermelonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'denne_etuderegular';
    src: url('fonts/denne_etude-webfont.eot');
    src: url('fonts/denne_etude-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/denne_etude-webfont.woff') format('woff'),
         url('fonts/denne_etude-webfont.ttf') format('truetype'),
         url('fonts/denne_etude-webfont.svg#denne_etuderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/********* Global CSS *************/
html,body {
	margin:0px;
	padding:0px;
	font-family:'wintermelonregular', Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#000;
	background:#FFF;
}

* {
	margin:0;
	padding:0;
	outline:none;
}

ul, li {
	list-style:none;
	margin:0;
	padding:0px;
}

.clearfix {
	clear:both;
}

.pink {
	color:#e01099;
}

.grey {
	color:#979797 !important;
}

/********* Global CSS - End *************/

/********* Page CSS *************/

div#wrapper {
	width:100%;
	background-color:#fff000;
}

#header {
	width:1000px;
	margin:0 auto;
	position:relative;
	height:88px;
	top:-299px;
}

	#logo {
		width:170px;
		float:left;
		position:absolute;
		top:25px;
		left:0;
		z-index:10;
	}
	
	#header #menu {
		width:830px;
		float:right;
		padding-top:30px;
		background-image:url(images/hover-bg.gif);
		background-position:0px -102px;
		background-repeat:no-repeat;
	}
		
		#menu ul {
			float:right;
		}
	
		#menu ul li {
			display:inline;
			float:left;
			color:#e01099;
			margin:0px 6px;
			font-size:38px;
		}
		
		#menu ul li a {
			color:#e01099;
			text-decoration:none;
			display:inline-block;
			background-position:bottom left;
			background-repeat:no-repeat;
			position:relative;
		}
		
		#menu ul li a:hover, #menu li a.active {
			background-position:top left;
		} 
		
		#menu ul li a.wall {
			width:118px;
			height:43px;
			background-image:url(images/wall-menu.png);
			top:0px;
		}
		
		#menu ul li a.wall:hover {
			background-position:0px 0px;
		}
		
		#menu ul li a.story {
			width:148px;
			height:71px;
			background-image:url(images/story-time-menu.png);
			top:-10px;
		}
		
		#menu ul li a.story:hover {
			background-position:0px -2px;
		}
		
		#menu ul li a.about {
			width:117px;
			height:59px;
			background-image:url(images/about-menu.png);
			top:-12px;
		}
		
		#menu ul li a.about:hover {
			background-position:0px -2px;
		}
		
		#menu ul li a.yummy {
			width:94px;
			height:50px;
			background-image:url(images/yummy-menu.png);
			background-position:0px -48px;
			top:5px;
		}
		
		#menu ul li a.yummy:hover {
			background-position:0px 3px;
		}
		
		#menu ul li a.news {
			width:157px;
			height:33px;
			background-image:url(images/mad-news-menu.png);
			top:0px;
		}
		
		#menu ul li a.news:hover {
			background-position:0px -3px;
		}
		
		#menu ul li a.signin {
			width:98px;
			height:28px;
			background-image:url(images/signin-menu.png);
			top:5px;
			background-position:0px -28px;
		}
		
		#menu ul li a.signin:hover {
			background-position:0px 0px;
		}
		
		#menu ul li a.signout {
			width:110px;
			height:28px;
			background-image:url(images/signout-menu.png);
			top:0px;
		}
		
		#menu ul li a.signout:hover {
			background-position:0px 0px;
		}
		
		span.welcome-msg {
			font-family: 'denne_etuderegular';
			font-size:24px;
			display: inline-block;
			float: right;
			position: absolute;
			bottom: -50px;
			right: 25px;
			text-transform: capitalize;
			text-shadow: 0px 0px 20px #000;
			-moz-text-shadow: 0px 0px 20px #000;
			-webkit-text-shadow: 0px 0px 20px #000;
			-o-text-shadow: 0px 0px 20px #000;
			-ms-text-shadow: 0px 0px 20px #000;
		}

#banner {
	width:100%;
	height:200px;
	text-align:center;
	padding-top:29px;
	font-size:36px;
	position:absolute;
	top:85px;
}

	#banner .btn {
		background:url(images/doodle-away.gif) center center no-repeat;
		width:562px;
		height:207px;
		display:inline-block;
		font-size:24px;
		padding-top:0px;
		cursor:pointer;
		position:relative;
		z-index:10;
	}
	
	.cloud {
		position:relative;
		
	}

	.outer {
		background: transparent url('images/inner-cloud.png') 1600% 0 repeat-x;
		height:152px;
		top:-40px;
	}
	.inner {
		background: transparent url('images/outer-cloud.png') 0% 0 repeat-x;
		height:147px;
		top:50px;
	}
	
	#fly-wrapper {
		position:absolute;
		top:0;
		left:0px;
		height:325px;
		width:100%;
		overflow:hidden;
	}
	
	#choco1,#choco2,#choco3 {
		position:absolute;
		background: transparent url('images/choco-fly.gif') scroll left top no-repeat;
		width:158px;
		height:131px;
		top:0;
	}
	
	#choco2 {
		right:50%;
		bottom:50px;
		background-size: 75%;
	}
	
	#choco3 {
		right:0;
		top:50%;
		background-size: 50%;
	}

#showcase-wrapper {
	width:100%;
	background:url(images/showcase-bg2.jpg) center bottom repeat;
	height:370px;
	overflow-x:hidden;
	position:absolute;
	top:340px;
}

#showcase-wrapper .showcase {
	height:280px;
	position:relative;
	margin-top:80px;
}
	.doodles li {
		float:left;
		display:inline-block;
		margin:0px 20px;
		padding:20px 20px 50px;
		cursor:pointer;
		position:relative;
	}
	
	.showcase {
		text-align:center;
		min-height:150px;
	}
	
	.caroufredsel_wrapper {
		height:180px !important;
		width:100% !important;
	}
	
	.next, .prev {
		position:absolute;
		width:50px;
		height:17px;
		display:inline-block !important;
		background-image:url(images/arrows.png);
		background-repeat:no-repeat;
		position:absolute;
		top:-62px;
		cursor:pointer;
		z-index:10;
	}
	
	.next {
		background-position:top right;
		margin:0px 10px;
		left:499px;
	}
	
	.prev {
		background-position:top left;
		margin:0px 10px;
		left:440px;
	}
	
	#popup {
		background:url(images/popup_bg_big.png) top left no-repeat;
		width:277px;
		height:306px;
		position:absolute;
		top:-50px;
		left:0px;
		z-index:9999;
		display:none;
	}
	
	#popup .close {
		width:10px;
		height:101px;
		display:inline-block;
		float:right;
		margin-right:20px;
		cursor:pointer;
	}
	
	#popup .title {
		font-size:38px;
		margin-top:25px;
		text-align:center;
		width:90%;
		font-family: 'denne_etuderegular';
		font-size:32px;
	}
	
	#popup .action-links {
		margin-top:15px;
		padding-left:35px;
		font-size:32px;
		color:#FFF;
	}
	
	#popup .action-links a {
		color:#FFF;
		text-decoration:none;
		font-family: 'denne_etuderegular';
		font-size:26px;
	}
	
	#popup .action-links a:hover {
		color:#000;
	}
	
	#popup .action-links a.active {
		background:url(images/active-bg.png) bottom center no-repeat;
		padding-bottom:5px;
		color:#000;
	}
	
	#popup form {
		margin-top:21px;
	}
	
	#popup input {
		font-family: 'denne_etuderegular';
		font-size:26px;
		background-color:transparent;
		border:none;
	}
	
	#popup input[type='text'] {
		width:210px;
		margin-left:40px;
		padding:5px 5px;
		font-size:22px;
		display:block;
		color:#979797;
	}
	
	#popup input[type='submit'] {
		font-weight:bold;
		font-size:28px;
		float:right;
		margin-right:10px;
		cursor:pointer;
	}
	
	.comments {
		width:230px;
		height:100px;
		margin-left:30px;
		overflow:auto;
	}
	
	.comments ul li {
		font-family: 'denne_etuderegular';
		text-align: left;
	}
	
	#popup .loader {
		background:url(images/transp-bg.png) center center repeat;
		position:absolute;
		top:1px;
		left:6px;
		padding:111px 58px;
		display:inline-block;
		box-shadow: 0 0 20px #FFFFFF;
		-moz-box-shadow: 0 0 20px #FFFFFF;
		-webkit-box-shadow: 0 0 20px #FFFFFF;
		-o-box-shadow: 0 0 20px #FFFFFF;
		-ms-box-shadow: 0 0 20px #FFFFFF;
	}

	/********* Canvas CSS - End *************/

	#canvas-popup {
		width:100%;
		height:100%;
		background:#fff000;
		position:absolute;
		top:0px;
		left:0px;
		z-index:97;
		opacity:0.9;
		display:none;
	}
	
	#cloud-popup {
		width:100%;
		height:100%;
		background:#fff000 url(images/clouds-bg.png) top center repeat;
		position:absolute;
		top:0px;
		left:0px;
		z-index:97;
		opacity:0.9;
		display:none;
	}
	
	#canvas-wrapper {
		width:965px;
		height:584px;
		background:url(images/canvas-bg-small.png) center center no-repeat;
		margin:0px;
		top:50px;
		position:absolute;
		z-index:98;
		display:none;
	}
	
	#canvas-wrapper .instructions {
		display:inline-block;
		position:absolute;
		top:9px;
		left:42px;
		cursor:pointer;
	}
	
	#canvas-wrapper .pop-close {
		position:absolute;
		top:40px;
		right:60px;
		display:inline-block;
		cursor:pointer;
	}
	
	#canvas-wrapper #gonemad_sketch {
		position:absolute;
		left:50px;
		top:67px;
	}
	

	#canvas-wrapper ul#tools {
		position:absolute;
		left:100px;
		bottom:30px;
		margin:0;
		padding:0;
	}
	
	#canvas-wrapper ul#colors {
		width:222px;
		height:229px;
		background:url(images/color-pallet.png) top left no-repeat;
		position:absolute;
		left:-40px;
		bottom:0px;
		display:none;
		padding-bottom:0px;
	}
	
	#canvas-wrapper ul#tools li{
		display:inline-block;
		margin-right:20px;
		cursor:pointer;
	}
	
	#canvas-wrapper ul#colors li{
		display:block;
		position:absolute;
		cursor:pointer;
		margin:0px;
		margin-bottom:5px;
	}
	
	#canvas-wrapper ul li.colors-pane  {
		width:60px;
		height:63px;
		background:url(images/colors_pane.jpg) 0 -252px no-repeat;
	}
	
		#canvas-wrapper ul#colors li.red{
			top:53px;
			left:5px;
			width:47px;
			height:42px;
			background:url(images/red-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.yellow-dark{
			top:12px;
			left:40px;
			width:57px;
			height:54px;
			background:url(images/yellow-dark-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.blue-light{
			top:63px;
			left:52px;
			width:48px;
			height:43px;
			background:url(images/blue-light-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.green{
			top:12px;
			left:102px;
			width:45px;
			height:64px;
			background:url(images/green-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.blue{
			top:115px;
			left:72px;
			width:38px;
			height:38px;
			background:url(images/blue-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.purple{
			top:80px;
			left:106px;
			width:45px;
			height:54px;
			background:url(images/purple-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.pink{
			top:40px;
			left:148px;
			width:36px;
			height:47px;
			background:url(images/pink-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.safron{
			top:72px;
			left:165px;
			width:42px;
			height:65px;
			background:url(images/safron-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.orange{
			top:140px;
			left:155px;
			width:52px;
			height:43px;
			background:url(images/orange-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.yellow{
			bottom:8px;
			left:109px;
			width:55px;
			height:46px;
			background:url(images/yellow-clr.png) top left no-repeat;
		}
		
		#canvas-wrapper ul#colors li.black{
			bottom:30px;
			left:70px;
			width:37px;
			height:37px;
			background:url(images/black-clr.jpg) top left no-repeat;
		}
	
	#canvas-wrapper ul li.brushes  {
		width:76px;
		height:76px;
		background:url(images/brush_icon.jpg) bottom left no-repeat;
	}
	
	#canvas-wrapper ul li.active {
		background-position:top left !important;
	}
	
		#canvas-wrapper ul ul#brush {
			position:absolute;
			left:115px;
			bottom:50px;
			width:31px;
			height:117px;
			background:url(images/brush-bg.jpg) top left no-repeat;
			padding:5px 0px 30px 5px;
			display:none;
		}
		
		#canvas-wrapper ul ul#brush li{
			width:41px;
			height:36px;
			margin:0px;
			margin-bottom:5px;
			display:block;
		}
		
		#canvas-wrapper ul#brush li.size1 {
			width:21px;
			height:20px;
			background:url(images/brush-1.jpg) center center no-repeat;
		}
		
		#canvas-wrapper ul#brush li.size2 {
			width:21px;
			height:20px;
			background:url(images/brush-2.jpg) center center no-repeat;
		}
		
		#canvas-wrapper ul#brush li.size3 {
			width:21px;
			height:10px;
			background:url(images/brush-3.jpg) center center no-repeat;
		}
		
		#canvas-wrapper ul#brush li.size4 {
			width:21px;
			height:10px;
			background:url(images/brush-4.jpg) center center no-repeat;
		}
		
		#canvas-wrapper ul#brush li.size5 {
			width:21px;
			height:10px;
			background:url(images/brush-5.jpg) center center no-repeat;
		}
		
		#canvas-wrapper ul#brush li.size6 {
			width:21px;
			height:10px;
			background:url(images/brush-6.jpg) center center no-repeat;
		}
	
	#canvas-wrapper ul li.eraser  {
		width:76px;
		height:76px;
		background:url(images/eraser_icon.jpg) bottom left no-repeat;
	}
	
		#canvas-wrapper ul ul#eraser {
			left:180px;
		}
	
	#canvas-wrapper ul li.clear  {
		width:44px;
		height:62px;
		background:url(images/btn-clear.jpg) top left no-repeat;
	}
	
	#canvas-wrapper ul li.clear:hover {
		background-position:bottom left !important;
	}
	
	#canvas-wrapper ul li.undo  {
		width:66px;
		height:52px;
		background:url(images/undo.jpg) bottom left no-repeat;
	}
	
	#canvas-wrapper .submit {
		position:absolute;
		bottom:65px;
		right:70px;
		width:115px;
		height:39px;
		display:inline-block;
		background:url(images/btn-submit.jpg) top left no-repeat;
		cursor:pointer;
	}
	
	#canvas-wrapper .submit:hover {
		background-position:bottom left;
	}
	
	#canvas-wrapper .status {
		position:absolute;
		background:url(images/pacman.gif) center left no-repeat;
		bottom:60px;
		padding-left:170px;
		right:90px;
		z-index:999;
		font-weight:bold;
		font-size:36px;
		display:none;
	}
	
	.scroll-pane
	{
		width: 100%;
		height: 100%;
		overflow: auto;
	}

	

	#signin-wrapper {
		width:691px;
		height:570px;
		background:url(images/signin-bg.png) center center no-repeat;
		top:30px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
		#signin-wrapper .register-btn {
			position:absolute;
			bottom:-21px;
			left:24px;
			width:173px;
			height:78px;
			display:inline-block;
			background:url(images/btn-register.png) top left no-repeat;
			cursor:pointer;
		}
		
		#signin-wrapper  .stat {
			position:absolute;
			bottom:175px;
			left:155px;
			font-family: 'denne_etuderegular';
			font-size:24px;
		}
		
		.red {
			color:#f00;
		}
		
		.signin-close {
			background:url(images/btn_close-blue.jpg) top left no-repeat;
			width:33px;
			height:29px;
			cursor:pointer;
			display:inline-block;
			position:absolute;
			top:95px;
			right:80px;
		}
		
		.signin-close:hover {
			background-position:bottom left;
		}
		
		#signin-wrapper .submit {
			position:absolute;
			bottom:165px;
			right:90px;
			width:115px;
			height:39px;
			display:inline-block;
			background:url(images/btn-submit-blue.jpg) top left no-repeat;
			cursor:pointer;
		}
		
		#signin-wrapper .submit:hover {
			background-position:bottom left;
		}
		
		#signin-wrapper form {
			position:absolute;
			top:250px;
			right:130px;
		}
		
		#signin-wrapper  input[type='textbox'],#signin-wrapper  input[type='password'] {
			width:220px;
			display:block;
			padding:3px 5px;
			height:20px;
			background:none;
			border:none;
			font-family: 'denne_etuderegular';
			font-size:24px;
			color:#979797;
			letter-spacing:2px;
		}
		
		#signin-wrapper  input[type='password'] {
			margin-top:27px;
			font-size:20px;
		}
		
		#signin-wrapper  .fbsignup {
			position:absolute;
			bottom:90px;
			right:50px;
		}
		
		.forgot-pwd {
			font-family: 'denne_etuderegular';
			font-size:24px;
			color:#FFF;
			position:absolute;
			bottom:220px;
			left:170px;
			line-height:18px;
			cursor: pointer;
		}
		
		.forgot-pwd a {
			color:#FFF;
			text-decoration:underline;
		}
		
	#signup-wrapper {
		width:810px;
		height:578px;
		background:url(images/register-bg.png) center center no-repeat;
		top:30px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
		#signup-wrapper .signin-btn {
			position:absolute;
			bottom:17px;
			left:75px;
			width:173px;
			height:74px;
			display:inline-block;
			background:url(images/btn-signin.png) top left no-repeat;
			cursor:pointer;
		}
		
		#signup-wrapper  .stat {
			position:absolute;
			bottom:130px;
			left:270px;
			font-family: 'denne_etuderegular';
			font-size:24px;
			color:#FFF;
		}
		
		#signup-wrapper  .fbsignup {
			position:absolute;
			bottom:40px;
			right:100px;
		}
		
		.signup-close {
			background:url(images/btn_close-blue.jpg) top left no-repeat;
			width:33px;
			height:29px;
			cursor:pointer;
			display:inline-block;
			position:absolute;
			top:95px;
			right:80px;
		}
		
		.signup-close:hover {
			background-position:bottom left;
		}
		
		#signup-wrapper .submit {
			position:absolute;
			bottom:105px;
			right:105px;
			width:115px;
			height:39px;
			display:inline-block;
			background:url(images/btn-submit-blue.jpg) top left no-repeat;
			cursor:pointer;
		}
		
		#signup-wrapper .submit:hover {
			background-position:bottom left;
		}
		
		#signup-wrapper form {
			position:absolute;
			top:218px;
			right:127px;
		}
		
		#signup-wrapper  input[type='textbox'],#signup-wrapper  input[type='password'] {
			width:220px;
			display:block;
			padding:3px 5px;
			height:20px;
			background:none;
			border:none;
			font-family: 'denne_etuderegular';
			font-size:24px;
			color:#979797;
			margin-bottom:25px;
			letter-spacing:2px;
		}
	
	#forgotpass-wrapper {
		width:691px;
		height:486px;
		background:url(images/forgotpass-bg.png) center center no-repeat;
		top:30px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
		#forgotpass-wrapper .signin-btn {
			position:absolute;
			bottom:17px;
			left:75px;
			width:173px;
			height:74px;
			display:inline-block;
			background:url(images/btn-signin.png) top left no-repeat;
			cursor:pointer;
		}
		
		#forgotpass-wrapper  .stat {
			position:absolute;
			bottom:70px;
			left:130px;
			font-family: 'denne_etuderegular';
			font-size:24px;
			color:#FFF;
			width:430px;
		}
		
		#forgotpass-wrapper  .stat span {
			width:100%;
			text-align:center;
			display:block;
		}
		
		#forgotpass-wrapper  .fbsignup {
			position:absolute;
			bottom:40px;
			right:100px;
		}
		
		.forgotpass-close {
			background:url(images/btn_close-blue.jpg) top left no-repeat;
			width:33px;
			height:29px;
			cursor:pointer;
			display:inline-block;
			position:absolute;
			top:75px;
			right:80px;
		}
		
		.forgotpass-close:hover {
			background-position:bottom left;
		}
		
		#forgotpass-wrapper .submit {
			position:absolute;
			bottom:105px;
			right:105px;
			width:115px;
			height:39px;
			display:inline-block;
			background:url(images/btn-submit-blue.jpg) top left no-repeat;
			cursor:pointer;
		}
		
		#forgotpass-wrapper .submit:hover {
			background-position:bottom left;
		}
		
		#forgotpass-wrapper form {
			position:absolute;
			top:272px;
			right:150px;
		}
		
		#forgotpass-wrapper  input[type='textbox'],#forgotpass-wrapper  input[type='password'] {
			width:220px;
			display:block;
			padding:3px 5px;
			height:20px;
			background:none;
			border:none;
			font-family: 'denne_etuderegular';
			font-size:24px;
			color:#979797;
			margin-bottom:25px;
			letter-spacing:2px;
		}
	
	#alert-wrapper {
		width:691px;
		height:570px;
		background:url(images/alert-bg.png) center center no-repeat;
		top:30px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
		#alert-wrapper  .stat {
			position:absolute;
			top:250px;
			left:120px;
			font-family: 'denne_etuderegular';
			font-size:46px;
			color:#FFF;
			text-align:center;
			width:450px;
		}
	
		.alert-close {
			background:url(images/btn_close-blue.jpg) top left no-repeat;
			width:33px;
			height:29px;
			cursor:pointer;
			display:inline-block;
			position:absolute;
			top:95px;
			right:80px;
		}
		
		.alert-close:hover {
			background-position:bottom left;
		}
	
	#page-wrapper {
		width:809px;
		height:570px;
		background:url(images/alert-bg-large2.png) center center no-repeat;
		top:30px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
		#page-wrapper  .stat {
			position:absolute;
			top:250px;
			left:120px;
			font-family: 'denne_etuderegular';
			font-size:48px;
			color:#000;
			text-align:center;
			width:685px;
			height:410px;
			overflow:auto;
		}
		
		#page-wrapper  .stat strong {
			font-size:28px;
			text-decoration:underline;
			line-height:40px;
		}
		
		#page-wrapper .scroll-pane {
			width:680px;
			height:100px;
			overflow:auto;
			margin-top:20px;
		}
		
		#page-wrapper .jspPane {
			width:670px !important;
		}
	
		.page-close {
			background:url(images/btn_close-blue.jpg) top left no-repeat;
			width:33px;
			height:29px;
			cursor:pointer;
			display:inline-block;
			position:absolute;
			top:70px;
			right:95px;
		}
		
		.page-close:hover {
			background-position:bottom left;
		}
	
	#instruction {
		width:696px;
		height:480px;
		background:url(images/alert-bg-instructions.png) center center no-repeat;
		top:30px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
		#instruction  .stat {
			position:absolute;
			top:250px;
			left:120px;
			font-family: 'denne_etuderegular';
			font-size:48px;
			color:#000;
			text-align:left;
			width:430px;
			height:410px;
			overflow:auto;
		}
		
		#instruction  .stat p {
			text-align:left;
			padding-bottom:20px;
		}
		
		#instruction  .stat strong {
			font-size:28px;
			text-decoration:underline;
			line-height:40px;
		}
	
		.instruction-close {
			background:url(images/btn_close-blue.jpg) top left no-repeat;
			width:33px;
			height:29px;
			cursor:pointer;
			display:inline-block;
			position:absolute;
			top:50px;
			right:75px;
		}
		
		.instruction-close:hover {
			background-position:bottom left;
		}
		
		#about {
		width:759px;
		height:609px;
		background:url(images/alert-bg-about.png) center center no-repeat;
		top:30px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
		#about .stat {
			position:absolute;
			top:250px;
			left:120px;
			font-family: 'denne_etuderegular';
			font-size:48px;
			color:#000;
			text-align:left;
			width:630px;
			height:545px;
			overflow:auto;
		}
		
		#about .stat p {
			text-align:center;
			padding-bottom:12px;
		}
		
		#about .stat strong {
			font-size:28px;
			text-decoration:underline;
			line-height:40px;
		}
	
		.about-close {
			background:url(images/btn_close-blue.jpg) top left no-repeat;
			width:33px;
			height:29px;
			cursor:pointer;
			display:inline-block;
			position:absolute;
			top:30px;
			right:90px;
			z-index:2;
		}
		
		.about-close:hover {
			background-position:bottom left;
		}
		
		#cloud-text {
			background:url(images/cloud-large.png) center center no-repeat;
			width:1188px;
			height:694px;
			position:absolute;
			top:0px;
			right:-100px;
			z-index:98;
			background-size: 100% 100%;
			color:#0066ff;
		}

		.opacity {
			background:#fff000;
			position: absolute;;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
			z-index:98;
		}
		
		.notsupported {
			font-family: Arial;
			font-size: 18px;
			position: absolute;;
			top:50px;
			left:100px;
			width: 451px;
			height:260px;
			background:url(images/alert-bg.png) center center no-repeat;
			z-index: 99;
			padding-top:230px;
			padding-left:120px;
			padding-right:120px;
		}

		.small { cursor:pointer;}
		
		#cloud-text .close {
			width:50px;
			height:38px;
			background:url(images/home.png) top left no-repeat;
			display:inline-block;
			position:absolute;
			top:230px;
			right:220px;
			cursor:pointer;
		}
		
		#cloud-text .text {
			font-family: 'denne_etuderegular';
			font-size:24px;
			line-height:26px;
			width:100%;
			padding:20px 0px;
			text-align:center;
			display:block;
			margin-top:32px;
			position:absolute;
			top:422px;
			left:0px;
		}
		
		#cloud-text a {
			text-decoration:none;
		}
		
		#cloud-text span span {
			font-size:24px;
		}
	
	.comments ul li {
		background:url(images/line.png) bottom center no-repeat;
		padding:10px 0px;
	}
	
	.comments ul li :last-child{
		background:none;
	}
	
	/********* Canvas CSS - End *************/
	

#footer-wrapper {
	width:100%;
	background-color:#f4f4f4;
	position:absolute;
	top:710px;
}

#footer-wrapper #footer {
	width:1000px;
	margin:0 auto;
	position:relative;
}

	#footer .logo {
		width:160px;
		float:left;
	}
	
	.pull-man {
		position:absolute;
		top:-95px;
		left:460px;
		z-index:8;
	}
	
	.powered {
		display:inline-block;
		position:absolute;
		top:30px;
		right:0;
	}
	
	.powered a{
		display:inline-block;
		color:none;
		border:0;
		text-decoration:none;
	}
	
	#footer .footer-menu {
		width:840px;
		float:left;
		font-family: 'denne_etuderegular';
		font-size:18px;
		padding-top:10px;
		text-align:right;
	}
		
		ul.social-links {
			margin-right:15px;
		}
		
		ul.social-links li {
			margin-right:5px;
		}
	
		.footer-menu ul {
			float:right;
		}
		
		.footer-menu ul li {
			display:inline;
			float:left;
			font-size:18px;
			color:#6d6d6d;
		}
		
		.footer-menu ul li a {
			color:#6d6d6d;
			text-decoration:none;
		}