/* FONTS: ============================================ */
@font-face {
        font-family:"Handwriting - Dakota";
        src: url(http://www.raven-photography.nl/templates/test/css/fonts/dakota__.eot);
}
@font-face {
		font-family: "Handwriting - Dakota";
		src: url(http://www.raven-photography.nl/templates/test/css/fonts/dakota__.ttf);
}





#tutorialcontent {
		width: 938px;
		min-height:450px;
		overflow: hidden;
		margin: 0px 1px 1px 0px;
		padding: 29px 29px 29px 29px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-bg.jpg);
		background-repeat: no-repeat;	
		background-color:#1f1f1f;
}
#tutorialcontent.home {
		width: 995px;
		min-height:300px;
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-bg.jpg);
		background-repeat: no-repeat;	
		background-color:#1f1f1f;
		/*border-top: 1px solid #282828;*/
		border-bottom: 1px solid #282828;
}
#tutorialcontent img {
		border: 0;
}
#tutorialcontent img.normal {
		margin-bottom: 22px;
}
#tutorialcontent img.different {
		margin-left:-20px;
		margin-bottom: 22px;
}

#tutorialcontent #tutorial-top {
		width:460px;
		height: 90px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-top.jpg);
		background-repeat: no-repeat;
		position: relative;
		text-indent: -5555px;
}
#tutorialcontent #tutorial-top-flapje {
		width:63px;
		height: 63px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-top-flapje.png);
		background-repeat: no-repeat;
		right:-5px;
		top:-5px;
		position: absolute;
}
#tutorialcontent #tutorial-top-flapje-s1 {
		width:63px;
		height: 63px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-top-flapje-s1.png);
		background-repeat: no-repeat;
		left:-5px;
		top:-5px;
		position: absolute;
}
#tutorialcontent #tutorial-top-flapje-s2 {
		width:63px;
		height: 63px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-top-flapje-s2.png);
		background-repeat: no-repeat;
		left:-5px;
		top:-5px;
		position: absolute;
}
#tutorialcontent #tutorial-top-flapje-s3 {
		width:63px;
		height: 63px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-top-flapje-s3.png);
		background-repeat: no-repeat;
		left:-5px;
		top:-5px;
		position: absolute;
}
#tutorialcontent #tutorial-top-flapje-s4 {
		width:63px;
		height: 63px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-top-flapje-s4.png);
		background-repeat: no-repeat;
		left:-5px;
		top:-5px;
		position: absolute;
}
#tutorialcontent ul {
		margin: 0;
		padding: 0;
}
#tutorialcontent li {
		padding:0;
		margin-left:14px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color:#f2f2f2;
		margin-bottom: 20px;
		margin-top: 13px;
		list-style:circle;
}
#tutorialcontent P {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 23px;
		margin-bottom:17px;
		font-weight: normal;
		color:#f2f2f2;
		text-align: justify;
}
#tutorialcontent h1 {
   		font-family: "Handwriting - Dakota";
		font-size: 25px;
		line-height:38px;
		font-weight: normal;
		color:#f2f2f2;	
}
#tutorialcontent h2 {
   		font-family: "Handwriting - Dakota";
		font-size: 17px;
		line-height:38px;
		font-weight: normal;
		color:#f2f2f2;	
}
#tutorialcontent h3 {
   		font-family: "Handwriting - Dakota";
		font-size: 20px;
		line-height:38px;
		font-weight: normal;
		color:#f2f2f2;	
}
#tutorialcontent h3.step {
		margin-left:35px;
}
#tutorialcontent h4 {
   		font-family: "Handwriting - Dakota";
		font-size: 14px;
		line-height:30px;
		font-weight: normal;
		color:#f2f2f2;	
}

/* Tutorial left */
#tutorialcontent #tutorial-left {
		width:460px;
		min-height:460px;
		float: left;
		margin-top: 0px;
}
#tutorialcontent .tutorial-left-content {
		width: 414px;
		min-height: 475px;
		margin-top: 20px;
		padding: 15px 22px 0px 22px;
		border: 1px solid #2c2c2c;
		background-color:#1b1b1b;
		position: relative;
}
#tutorialcontent .tutorial-left-content-2 {
		width: 414px;
		min-height: 780px;
		margin-top: 20px;
		padding: 15px 22px 0px 22px;
		border: 1px solid #2c2c2c;
		background-color:#1b1b1b;
		position: relative;
}
#tutorialcontent #tutorial-before {
		width:460px;
		height:307px;
		margin-bottom: 20px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-before.jpg);
		background-repeat: no-repeat;
}
#tutorialcontent #tutorial-headline {
		width: 416px;
		height: 170px;
		padding: 15px 22px 22px 22px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-headline-bg.jpg);
		background-repeat: no-repeat;
}

/* Tutorial right */
#tutorialcontent #tutorial-right {
		width:460px;
		min-height:460px;
		float: right;
		margin-top: 0px;
}

#tutorialcontent .tutorial-right-content {
		width: 414px;
		min-height: 490px;
		margin-top: 20px;
		padding: 0px 22px 0px 22px;
		border: 1px solid #2c2c2c;
		background-color:#1b1b1b;
		position: relative;
}
#tutorialcontent .tutorial-right-content-2 {
		width: 414px;
		min-height: 800px;
		margin-top: 20px;
		padding: 15px 22px 0px 22px;
		border: 1px solid #2c2c2c;
		background-color:#1b1b1b;
		position: relative;
}

#tutorialcontent img.position {
		margin-left: -22px;
		margin-bottom: 15px;
}
#tutorialcontent #tutorial-after {
		width:460px;
		height:307px;
		margin-bottom: 20px;
		background-image: url(http://www.raven-photography.nl/templates/test/img/tutorial-after.jpg);
		background-repeat: no-repeat;
}

/* TOP WITHOUT AND WITH EDITING */
		#tabscript {
			margin: 20px 0px 0px 0px;
			background-color:#000;
		}
		#tabscript.home {
			margin: 0px 0px 0px 0px;
			background-color:#000;
		}
		div#feature_list {
			width: 938px;
			height: 307px;
			overflow: hidden;
			position: relative;
			background-image: url(http://www.raven-photography.nl/templates/test/img/tabbg.jpg);
			background-repeat: no-repeat;
		}
		div#feature_list.home {
			width: 1000px;
			height: 307px;
			overflow: hidden;
			position: relative;
			background-image: url(http://www.raven-photography.nl/templates/test/img/tabbg.jpg);
			background-repeat: no-repeat;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
			margin-left: 288px;
		}
		div#feature_list ul.home {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
			margin-left: 347px;
		}

		#tabdescription {
			width: 257px;
			height: 277px;
			position: absolute;
			left: 10px;
			top: 0px;
			padding: 25px 20px 20px 15px;
			border-right: 1px solid #1c1c1c;
		}
		#tabdescription.home {
			width: 311px;
			height: 277px;
			position: absolute;
			left: 10px;
			top: 0px;
			padding: 25px 25px 20px 15px;
			border-right: 1px solid #1c1c1c;
		}
		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			list-style:none;
			margin-top: 15px !important;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 0px 5px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px 10px 10px 5px;
			width: 200px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('http://www.raven-photography.nl/templates/test/img/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 307px;
			position: relative;
			margin-top: 10px;
			margin-bottom: 10px;	
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
			margin-top: 0px;
			list-style: none;
			margin-left: 3px;
		}
		ul#output li.home {
			position: absolute;
			width: 462px;
			height: 240px;
			margin-top: 0px;
			list-style: none;
			margin-left: 0px;
		}

		ul#output li a {
			position: absolute;
			top: 10px;
			right: 12px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #A39404;
		}
		span {
			color:#a3a3a3;
		}
		span a {
			color:#f2f2f2;
		}

		#handytips {
			padding: 25px 25px 25px 45px;
		}
		.big {
			margin-right:10px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 18px;
			font-weight: normal;
		}
		#flashcontent {
			margin-left:-31px;
			margin-top: 22px;
		}
		#tutorial-video {
			width: 460px;
			height: 307px;
			background:  url('http://www.raven-photography.nl/templates/test/img/tutorial-video.jpg');
			background-repeat: no-repeat;
			position: relative;
		}
		a.video-play {
			width: 98px;
			height: 67px;
			background:  url('http://www.raven-photography.nl/templates/test/img/play.png') !important;
			background-repeat: no-repeat;
			display: block;
			position: absolute;
			top: 122px !important;
			left: 180px !important;
			padding: 0 !important;
		}
	
		a.video-play:hover {
			background-position: 0 -67px !important;
		}
		
		#tutorialcontent a {
			color:#f2f2f2;
			text-decoration: underline;
		}
		#content h1 {
	
}