/*
Title:      Ocarlsson's CSS Starter Kit
Author:     Oscar Carlsson - Ocarlsson.com
Copyright:  Please use and share as much as you want too.
*/


/*@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=ff9cefec-13f8-453d-94eb-1bca80361537");*/
@font-face{
font-family:"Futura W02 Book";
src:url("../assets/fonts/futurabook/f846ad08-e9ee-4ad6-9cf7-616084da523c.eot?iefix") format("eot");}
@font-face{
font-family:"Futura W02 Book";
src:url("../assets/fonts/futurabook/f846ad08-e9ee-4ad6-9cf7-616084da523c.eot?iefix");
src:url("../assets/fonts/futurabook/bc017822-de5a-4b1a-8eed-ed8e06fec708.woff") format("woff"),url("Fonts/0ab2192d-e680-4f79-a06b-017307993274.ttf") format("truetype"),url("Fonts/90849783-61a3-41a1-928c-0e77e65fe53c.svg#90849783-61a3-41a1-928c-0e77e65fe53c") format("svg");
}
@font-face {
    font-family: 'modern_pictogramsnormal';
    src: url('../assets/fonts/modernpics/modernpics-webfont.eot');
    src: url('../assets/fonts/modernpics/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/modernpics/modernpics-webfont.woff') format('woff'),
         url('../assets/fonts/modernpics/modernpics-webfont.ttf') format('truetype'),
         url('../assets/fonts/modernpics/modernpics-webfont.svg#modern_pictogramsnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* RESET STYLES
--------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* GENERAL STYLES
--------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: url(../images/layout/bg_body.jpg);
	}

a:link,
a:visited {outline: none; text-decoration: none; color: #ff6699;}
a:hover { }

p {line-height: 18px; margin: 0 0 1em 0;}

	
/* EXTRAS
---------------------------------------------  */

.opacity:hover {/* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;}

a.pinkbtn {background: #ff5092; color: #FFF; font-size: 12px; padding: 3px 10px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 16px;}
	a:hover.pinkbtn {background: #e15489;}

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

.mopic{font-family: 'modern_pictogramsnormal';}

/* TITLES
---------------------------------------------  */
h1, h2, h3, h4, h5, h6 {font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; font-weight: normal;}

h1 { }
	#content #post-top h1{float: left; width: 450px; font-size: 25px; color: #333; text-shadow: 0 1px 1px #ccc;}
	.logo h1{font-size: 23px; color: #FFF; line-height: 39px; display: inline-block}
	.logo h1 span{color: #ff5092;}
	#top-column h1{font-size: 40px; color: #333; margin: 20px 0 15px 0;}
	#guide-boxes h1{font-size: 30px; color: #333; margin: 0 0 15px 0; text-shadow: 0 1px 1px #ccc;}
	#page h1 {font-size: 30px; color: #333; margin: 0 0 15px 0; text-shadow: 0 1px 1px #ccc;}
			h1 i{
				background: no-repeat; 
				display: inline-block;
				height: 39px;
				line-height: 39px;
				vertical-align: middle;
				width: 39px;
				margin: 0 7px 0 0;
				position: relative;
				bottom: 3px;
			}
			h1 i.i-logo{background: url(../images/layout/logo_small.png);}
				h1:hover i.i-logo{background-position: 0 -39px;}
	
h2 { }
	.guide-box a h2{font-size: 15px; margin: 8px 0; color: #000; line-height: 18px;}
		.guide-box a:hover h2{color: #FFF;}
	#column-right h2{font-size: 16px; color: #666; border-bottom: 1px solid #ccc; width: 250px; padding: 4px 0 0 0;}	
	#column-right #recommended h2{margin: 0 0 5px 0;}	
		#product h2{font-size: 35px; color: #333; text-shadow: 0 1px 1px #ccc; display: block; margin: 5px 0 10px 0;}
	#member-page h2 {font-size: 30px; color: #333; margin: 0 0 20px 0; text-shadow: 0 1px 1px #ccc;}
	#member-page h2 span {font-family: 'modern_pictogramsnormal'; font-size: 40px; position: relative; top: 1px; margin: 0 10px 0 0;}
		
h3 { }
	.post h3{font-size: 16px; color: #333; text-shadow: 0 1px 1px #ccc;}
	.post .video-transcript h3{margin: 10px 0;}
	#signup-left h3{font-size: 36px; color: #333; text-shadow: 0 1px 1px #ccc; margin: 0 0 30px 0;}
	#footer h3{font-size: 18px; color: #c0bfbf; line-height: 35px; margin: 15px 0;}
		h3 i{
		background: no-repeat; 
		display: inline-block;
		height: 35px;
		line-height: 35px;
		vertical-align: middle;
		width: 35px;
		margin: 0 15px 0 0;
		position: relative;
		bottom: 2px;
	}
		h3 i.i-bloggdesignskolan{background: url(../images/layout/i-bloggdesignskolan.png); }
		h3 i.i-facebook{background: url(../images/layout/i-facebook.png); }
h4 { }
	.video-box a h4{font-size: 12px; color: #000;}
	.logged-out-text h4{color: #FFF; font-size: 60px; text-shadow: 0 1px 1px #000;}
h5 { }
h6 { }

/* NAV - NAVIGATION
--------------------------------------------- */

/* BETA NAVIGATION */
div.beta-navigation {float: left; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; margin: 22px 0 0 0; width: 435px;}
	ul#beta-nav {margin: 0 20px 0 30px;}
	 ul#beta-nav li {float: left; margin: 0 0 0 6px;}
	 ul#beta-nav li.nav-signup {float: right; margin: 0 0 0 6px;}
	 ul#beta-nav li.nav-login {float: right; margin: 0 0 0 6px;}
		ul#beta-nav li.active { }
			ul#beta-nav li a {display: block; line-height: 20px; color: #ccc; font-size: 13px; padding: 1px 10px; 
						-moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
				ul#beta-nav li.active a, ul#nav li.active a:hover {background: #1c1c1c; color: #FFF; cursor: default; /*font-weight: bold; letter-spacing: 1px;*/}
				ul#beta-nav li a:hover {background: #1c1c1c;}
		ul#beta-nav li a span{font-family: 'modern_pictogramsnormal'; font-size: 16px; margin: 0 3px 0 0;}
				
/* DEFAULT NAVIGATION */
div.navigation {float: right; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif;}
	ul#nav {margin: 20px 50px 0 10px;}
	 ul#nav li {float: left; margin: 0 0 0 12px;}
		ul#nav li.active { }
			ul#nav li a {display: block; line-height: 20px; color: #ccc; font-size: 13px; padding: 1px 10px; 
						-moz-border-radius: 3px; border-radius: 3px;}
				ul#nav li.active a, ul#nav li.active a:hover {background: #1c1c1c; color: #FFF; cursor: default; /*font-weight: bold; letter-spacing: 1px;*/}
				ul#nav li a:hover {background: #1c1c1c;}

	ul#cat{font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; padding: 22px 0 0 0; float: left;}
		ul#cat li{float: left; margin: 0 23px 0 0; padding: 2px 10px; -moz-border-radius: 3px; border-radius: 3px; background: #eee;}
			ul#cat li a{font-size: 12px; color: #999;}
				ul#cat li.active{background: #ff5092;}
				ul#cat li.active a, ul#cat li.active a:hover {color: #FFF; }
			ul#cat li a:hover {color: #000;}
				ul#cat li.no-link {background: none; color: #ff5092; font-size: 13px;}
			
	ul#ladder{font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; padding: 22px 0 0 0; float: left;}
		ul#ladder li{float: left; padding: 0 20px 0 0; margin: 0 15px 0 0; background: url(../images/layout/arrow_right.png) no-repeat right;}
			ul#ladder li.active{background: none;}
			ul#ladder li a{font-size: 13px; color: #ccc;}
				ul#ladder li a:hover {color: #000;}
				ul#ladder li.active a{color: #ff5092;}
				
	ul#sidebar-ul {margin: 53px 0 0 0; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; font-size: 13px;}
		ul#sidebar-ul li {margin: 0 0 4px 0;}
			ul#sidebar-ul li:hover {position: relative; bottom: 1px;}
		ul#sidebar-ul li.active a {color: #e15489;}
			ul#sidebar-ul li a{}
			
	ul#guide-list-ul{font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; margin: 20px 0;}
		ul#guide-list-ul li{padding: 0 0 0 20px; margin: 0 0 3px 0;}
		ul#guide-list-ul li.active{background: url(../images/layout/arrow_right_guide_list.png) no-repeat left;}
			ul#guide-list-ul li a{font-size: 14px; color: #ccc;}
			ul#guide-list-ul li a span{width: 20px; display: inline-block; text-align: right;}
			ul#guide-list-ul li.active a{color: #666;}
				ul#guide-list-ul li a:hover{color: #666;}
				ul#guide-list-ul li.active a:hover{}
				
	ul#level{float: right; padding: 22px 0 0 0;}
		ul#level li{float: left; margin: 0 5px;
					color: #ccc; font-size: 13px; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; vertical-align: middle;}
			ul#level li img{position: relative; bottom: 2px; vertical-align: middle;}
				ul#level li.simple a{background: url(../images/layout/level_simple_tiny.png) no-repeat 0 0; text-indent: -9999px; width: 15px; height: 14px; display: inline-block; margin-top: 2px;}
					ul#level li.simple a:hover{background-position: 0 -15px;}
					ul#level li.inactive.simple a{background-position: 0 -30px;}
					ul#level li.inactive.simple a:hover{background-position: 0 0;}
			ul#level li.medium a{background: url(../images/layout/level_medium_tiny.png) no-repeat 0 0; text-indent: -9999px; width: 12px; height: 12px; display: inline-block; margin-top: 3px;}
					ul#level li.medium a:hover{background-position: 0 -13px;}
					ul#level li.inactive.medium a{background-position: 0 -26px;}
					ul#level li.inactive.medium a:hover{background-position: 0 0;}
			ul#level li.hard a{background: url(../images/layout/level_hard_tiny.png) no-repeat 0 0; text-indent: -9999px; width: 16px; height: 10px; display: inline-block; margin-top: 4px;}
					ul#level li.hard a:hover{background-position: 0 -11px;}
					ul#level li.inactive.hard a{background-position: 0 -22px;}
					ul#level li.inactive.hard a:hover{background-position: 0 0;}
			ul#level li.advanced a{background: url(../images/layout/level_advanced_tiny.png) no-repeat 0 0; text-indent: -9999px; width: 17px; height: 17px; display: inline-block;}
					ul#level li.advanced a:hover{background-position: 0 -18px;}
					ul#level li.inactive.advanced a{background-position: 0 -36px;}
					ul#level li.inactive.advanced a:hover{background-position: 0 0;}
					
	ul.ul-product-details{}
		ul.ul-product-details li{margin: 2px 0 5px 0; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; font-size: 14px;}
			ul.ul-product-details li a{}
			
	ul#signup-why{margin: 30px 0 0 0;}
		ul#signup-why li{background: url(../images/layout/signup-why.png) no-repeat left; padding: 0 0 0 45px; margin: 0 0 10px 0; line-height: 26px; font-size: 18px; color: #ccc; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif;}
		
	ul#member-details{}
		ul#member-details li{margin: 0 0 6px 0; font-weight: bold;}
			ul#member-details li span{font-weight: normal; margin: 0 0 0 5px;}
			ul#member-details li.space{margin: 0 0 18px 0;}
					
/* ELEMENTS -- Standard --
--------------------------------------------- */

#wrap{
	width: 930px;
	margin: auto;
	padding: 0 0 80px 0;
	overflow: hidden;
	}
	
	/* -- Header -- */
#bg-header{
	width: 100%;
	height: 59px;
	background: url(../images/layout/bg_top.png) repeat-x;
	}					
#header{ 
	width: 930px;
	margin: auto;
	}
	#header .logo{width: 285px; margin: 11px 0 0 0; float: left;}
		#header .logo img{margin: 0 7px 0 0; }

	#header .search{float: right; width: 190px; height: 25px; margin: 18px 0 0 0; padding: 0 10px; background: #FFF; -moz-border-radius: 4px;
border-radius: 4px;}
		#header .search input.sok{width: 160px; height: 25px; float: left; padding: 0; margin: 0; background: #FFF; border: 0px; color: #999; }
		#header .search input.enter{width: 30px; height: 17px; margin: 3px 0; float: left; background: #FFF url(../images/layout/sok.png) no-repeat right; border: 0px; text-indent: -9999px; cursor: pointer; padding: 0; border-left: 1px dotted #ccc;}
		
	#bg-top-login{width: 100%; height: 59px; background: url(../images/layout/bg-top-login.png); display: none;}
		#bg-top-login #top-login{width: 930px; margin: auto; padding: 16px 0 0 0; }
			#top-login .control-group{margin: 0 0 0px 0; overflow: hidden; float: left; margin: 0 20px 0 0;}
			#top-login .control-group label.control-label{float: left; font-size: 14px; line-height: 18px; color: #ccc; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
			#top-login .control-group .controls{margin: 0 0 0 15px; float: left;}
			#top-login .control-group .controls input[type="text"]{width: 200px; padding: 4px 6px;}
			#top-login .control-group .controls input[type="password"]{width: 150px; padding: 4px 6px;}
					#top-login .control-group.checkbox {}
					#top-login .control-group.checkbox label.control-label {font-size: 12px; }
					#top-login .control-group.checkbox .controls {margin: 0 0 0 10px;}
					#top-login .control-group.checkbox .controls input{position: relative; top: 2px;}
				#top-login input.submit{
				width: 100px;
				background: #ff5092;
				color: #FFF;
				border: 0px;
				padding: 4px 0;
				line-height: 16px;
				font-size: 14px;
				border-radius: 3px;
				cursor: pointer;
				letter-spacing: 1px;
				margin: 0 20px 0 0;
				float: left;
				} 
				#top-login input.submit.password{width: 160px;}
			#top-login input:hover.submit{background: #e15489;}
			
		#forgot-password-form {display: none;}
		.forgot-password-link{cursor: pointer; color: #ff6699;}
		.logga-in-link{cursor: pointer; color: #ff6699;}
	/* -- Content -- */

#content{}
	
#top-column{width: 930px; overflow: hidden; padding: 50px 0 20px 0 ; background: url(../images/layout/bg_top_column.png) no-repeat right top; }
	#top-column #top-column-left{width: 465px; float: left; overflow: hidden; }
		#top-column #top-column-left .bg-video{width: 438px; padding: 17px 0 0 17px; height: 285px; background: url(../images/layout/bg_intro_video.png) no-repeat;}
	#top-column #top-column-right{width: 425px; float: left; overflow: hidden; padding: 0 0 0 40px; }
		#top-column #top-column-right p{ }
		#top-column #top-column-right .big-btn{width: 301px; height: 72px; float: right; margin: 15px 25px 0 0; background: url(../images/layout/bg_big_btn.png) no-repeat 0 0; }
			#top-column #top-column-right .big-btn a{display: block; line-height: 68px; float: right; padding: 0 28px; font-size: 30px; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; color: #FFF;}
			#top-column #top-column-right .big-btn:hover{margin-top: 14px; background-position: 0 -73px;}
		
		
#top-bar {
	width: 930px;
	height: 59px;
	border-bottom: 1px solid #ccc;
	}
	body#index #top-bar {height: 49px;}

#guide-boxes {
	width: 926px;
	padding: 8px 2px 20px 2px;
	margin: 20px 0 0 0;
	overflow: hidden;
	border-bottom: 0px solid #ccc;
	}
	body#index #guide-boxes{margin: 10px 0 0 0;}
	
	
	#guide-boxes .guide-box a{display: block; float: left; width: 190px; margin: 0 28px 25px 0; background: #FFF; padding: 10px; position: relative;
		-moz-box-shadow: 1px 2px 3px 1px #eee; -webkit-box-shadow: 1px 2px 3px 1px #eee;; box-shadow: 1px 2px 3px 1px #eee; -moz-border-radius: 6px; border-radius: 6px;
	}
		#guide-boxes .guide-box a:hover{background: #333;}
			#guide-boxes .guide-box.last a{margin: 0 0 25px 0;}
				#guide-boxes .guide-box a .video-image{overflow: hidden; border: 1px solid #eee; position: relative;}
					#guide-boxes .guide-box a .video-image .video-length{position: absolute; right: 3px; bottom: 3px; color: #FFF; padding: 1px 4px; -moz-border-radius: 6px; border-radius: 6px; font-size: 12px;
					background: url(../images/layout/bg_black_opacity.png);}
				/*#guide-boxes .guide-box a img.frame{border: 1px solid #eee; background: #333;}*/
					#guide-boxes .guide-box a:hover img.frame{/* for IE */ filter:alpha(opacity=40); /* CSS3 standard */ opacity:0.4;}
					#guide-boxes .guide-box a img.play-btn{display: none; position: absolute; top: 35px; left: 77px; z-index: 100;}
						#guide-boxes .guide-box a:hover img.play-btn{display: block;}
					
				#guide-boxes .guide-box a p{font-size: 11px; color: #666;}
					#guide-boxes .guide-box a:hover p{color: #eee;}
				
				#guide-boxes .guide-box a .bottom{overflow: hidden; margin: 10px 0 0 0;}
					#guide-boxes .guide-box a .bottom .plattform{float: left;}
					#guide-boxes .guide-box a .bottom .member-video{float: left; margin: 0 0 0 15px; line-height: 16px;}
						#guide-boxes .guide-box a .bottom .member-video span.text{font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; font-size: 11px; color: #ccc; position: relative; bottom: 2px;}
						#guide-boxes .guide-box a .bottom .member-video span.pic{font-family: 'modern_pictogramsnormal'; font-size: 22px; color: #ccc; position: relative; bottom: 0px; margin: 0 3px 0 0;}
					#guide-boxes .guide-box a .bottom .svarighetsgrad{float: right;}
						#guide-boxes .guide-box a .bottom .svarighetsgrad span{font-size: 10px; color: #ccc;}

	/* -- GuidePage -- */

#post-top{
	 margin: 20px 0 10px 0;
	 overflow: hidden;
	 width: 615px;
	 position: relative;
	 float: left;
	 }
	#post-top .svarighetsgrad{position: absolute; bottom: 7px; right: 0;float: right; margin: 10px 0 0 0;}
		#post-top .svarighetsgrad span{color: #ccc; margin: 0 12px 0 0;}
		#post-top .svarighetsgrad img{position: relative; top: 3px;}
		
#column-left{
	float: left; 
	width: 615px;
	}
	#column-left .post{}
		#column-left .post .embedd-code{position: relative; margin: 5px 0 15px 0; background: #000;}
			#column-left .post .embedd-code img.logged-out{background: #000; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;}
				#column-left .post .embedd-code .logged-out-text{position: absolute; z-index: 3000; margin: 40px 20px 0 155px; width: 440px;}
					#column-left .post .embedd-code img.member-circle{position: absolute; z-index: 200; top: 32px; left: 35px;}
						#column-left .post .embedd-code .logged-out-text .logged-out-btn{width: 190px; height: 50px; float: left; margin: 25px 25px 0 0; text-align: center; -moz-border-radius: 6px; border-radius: 6px;}
							#column-left .post .embedd-code .logged-out-text .logged-out-btn:hover{position: relative; bottom: 1px; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9;}
							#column-left .post .embedd-code .logged-out-text .logged-out-btn.login{background: #ff5092;}
							#column-left .post .embedd-code .logged-out-text .logged-out-btn.member{background: #50ff58;}
							#column-left .post .embedd-code .logged-out-text .logged-out-btn a{display: block; line-height: 50px; width: 190px; font-size: 30px; font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; color: #FFF;}
								
		#column-left .post .recommend{height: 70px; border-bottom: 1px solid #ccc; border-top: 0px solid #ccc; padding: 15px 0;}
			#column-left .post .recommend .recommend-title{width: 300px; float: left;}
				#column-left .post .recommend .recommend-title p{font-size: 10px;}
			#column-left .post .recommend .recommend-buttons{width: 315px; float: left; text-align: right;}
				#column-left .post .recommend .recommend-buttons .facebook{float: right; margin: 0 0 0 15px;}
				#column-left .post .recommend .recommend-buttons .twitter{float: right; margin: 0 0 0 15px;}
				#column-left .post .recommend .recommend-buttons .google{float: right; margin: 0 0 0 15px;}
		
		#column-left .post .extra-btns{margin: 15px 0 0 0; overflow: hidden;}
		#column-left .post .share-embed{margin: 15px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;}
			#column-left .post .share-embed textarea#textarea-embed{width: 599px; height: 100px; padding: 8px; color: #333;}
					
		#column-left .post .video-transcript{margin: 15px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;}	
			
		#column-left .post .comments{margin: 20px 0 60px 0; margin: 20px 0 0 0;}
			
#column-right{
	float: right; 
	width: 250px;
	overflow: hidden;
	}
	#column-right .guide-list{margin: 0 0 40px 0;}
		#column-right .guide-list .previous-next{overflow: hidden;}
			#column-right .guide-list .previous-next a.arrow-previous{float: left; padding: 0 0 0 30px; background: url(../images/layout/arrow_previous.png) no-repeat left 0; height: 25px; display: inline-block; line-height: 25px; color: #666;}
				#column-right .guide-list .previous-next a:hover.arrow-previous{background-position: left -25px;}
			#column-right .guide-list .previous-next a.arrow-next{float: right; padding: 0 30px 0 0px; background: url(../images/layout/arrow_next.png) no-repeat right 0; height: 25px; display: inline-block; line-height: 25px; color: #ff6699;}
			#column-right .guide-list .previous-next a:hover.arrow-next{background-position: right -25px;}
			
	
	#column-right #recommended{}
		#column-right #recommended .video-box{width: 250px; border-bottom: 1px solid #eee;  overflow: hidden; position: relative;}
		#column-right #recommended .video-box a{display: block; width: 245px; overflow: hidden; padding: 10px 0 10px 5px;}
		#column-right #recommended .video-box.first{margin: 15px 0 0 0;}
		#column-right #recommended .video-box:hover{background: #FFF;
		-moz-box-shadow: 1px 2px 3px 1px #eee; -webkit-box-shadow: 1px 2px 3px 1px #eee;; box-shadow: 1px 2px 3px 1px #eee;
		}
			#column-right #recommended .video-box img.video-frame{float: left;}
			#column-right #recommended .video-box .text{margin: 0 0 0 95px; }
				#column-right #recommended .video-box .text .bottom{position: absolute; bottom: 15px; overflow: hidden; width: 145px;}
					#column-right #recommended .video-box .text .bottom span.langd{font-size: 11px; color: #ccc; float: left;}
					#column-right #recommended .video-box .text .bottom img.logo{float: right;}
					
	/* -- PAGE (INFORMATION PAGES) -- */
#page{overflow: hidden; margin: 50px 0 0 0;}	
				
	#page #page-sidebar{width: 220px; margin: 0 30px 0 0; float: left;}	
		
	#page #page-content{width: 680px; float: left;}
	#page #page-content .post{}
		#page #page-content .post p{line-height: 24px;}
			#page #page-content .post blockquote, .post p blockquote{border-left: 4px solid #ff6699; padding: 2px 0 0 20px; margin: 15px 15px; font-style: italic; }
			#page #page-content .post blockquote p{font-size: 16px; line-height: 1.4em;}
			
	/* -- WEBSHOP -- */
	#product{overflow: hidden; margin: 20px 0 0 0;}
		#product .product-left {width: 588px; float: left; overflow: hidden;}
			#product .product-left .showcase{width: 562px; background: #FFF; border: 1px solid #eee; padding: 12px; position: relative; text-align: center; margin: 0 0 50px 0;}	
				#product .product-left .showcase #slider1{width: 520px; float: left; margin: 0 0 12px 0;}				
				#product .product-left .showcase .thumbs{width: 30px; float: right; position: absolute; top: 76px; right: 13px; }	
					#product .product-left .showcase .thumbs a img{margin: 0 0 6px 0; /* for IE */ filter:alpha(opacity=30); /* CSS3 standard */ opacity:0.3;}
					#product .product-left .showcase .thumbs a.pager-active img, #products .product .showcase .thumbs a img:hover{/* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1;}
					
			#product .product-right{width: 309px; padding: 0 0 0 33px; float: right;}
			#product .product-right .product-details .buy-btn{margin: 30px 0 0 0;}
				.buy-btn {background: url(../images/layout/bg_buy_btn.png); -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; float: left; }
					.buy-btn a {font-family: 'Futura W02 Book', Arial, Helvetica, sans-serif; line-height: 41px; color: #FFF; font-size: 24px; padding: 0px 28px;}

			/*	next/prev button*/
			.bx-next {position:absolute; top: 7px; right: -37px; background: url(../images/layout/arrow_previous.png) no-repeat left 0; height: 25px; width: 25px; text-indent: -9999px;}
				.bx-next:hover{background-position: left -25px;}
			.bx-prev {position:absolute; bottom: 19px; right: -37px; background: url(../images/layout/arrow_next.png) no-repeat right 0; height: 25px; width: 25px; text-indent: -9999px;}
				.bx-prev:hover{background-position: right -25px;}
				
		/* -- SIGNUP  -- */
/* body#popup {background: #fff;} */

	#signup-left{margin: 10px 0 0 15px; width: 515px; float: left;}
		#signup-left .control-group{margin: 0 0 20px 0; overflow: hidden;}
		#signup-left .control-group label.control-label{float: left; width: 120px;}
			#signup-left .control-group label.control-label span{font-size: 12px; color: #333;}
		#signup-left .control-group .controls{margin: 0 0 0 150px;}
		#signup-left .control-group .controls input[type="text"]{width: 200px; padding: 5px 7px;}
			#signup-left input.submit{
			width: 140px;
			background: #ff5092;
			color: #FFF;
			border: 0px;
			padding: 7px 0;
			line-height: 18px;
			font-size: 18px;
			border-radius: 3px;
			cursor: pointer;
			letter-spacing: 1px;
			margin: 5px 0 0 150px;
			} 
		#signup-left input:hover.submit{background: #e15489;}
		
	#signup-right {float: right; width: 380px; margin: 80px 0 0 0;}
		#signup-right .member-circle{margin: 0 0 0 50px;}
		
		/* -- MEMBER PAGE  -- */
		
	#member-page {margin: 40px 0 0 0; overflow: hidden;}	
	#member-left{width: 304px; float: left; border-right: 1px dotted #ccc; padding: 0 30px 0 0; }
		
	#member-right{width: 565px; float: left; padding: 0 0 0 30px;}
	
	#member-order{width: 930px; border-top: 1px solid #ccc; padding: 30px 0 0 0; margin: 30px 0 0 0;}						
	/* -- Footer -- */
#bg-footer{
	width: 100%;
	background: #FFF;
	margin: 0px 0 0 0; 
	padding: 10px 0 40px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	}

#footer {width: 930px; margin: auto;}
	#footer #footer-left{float: left; width: 430px; margin: 0 30px 0 0;}
		
	#footer #footer-right{float: right; width: 405px;}
		#footer p{color: #c0bfbf; font-size: 12px; line-height: 20px;}
		#footer a.pinkbtn{float: right; margin: 10px 0 0 0;}

	/* --- FORMS --- */
	#contact-form{ 
	margin: 50px 0; overflow:hidden;
	}
	#contact-form .control-group{margin: 0 0 15px 0; overflow: hidden;}
		#contact-form .control-group label.control-label{float: left; width: 120px;}
			
			#contact-form .control-group label.control-label span{font-size: 11px; color: #999;}
		#contact-form .control-group .controls{margin: 0 0 0 170px;}
		#contact-form .control-group .controls input[type="text"]{width: 230px;}
		#contact-form #freeform_user_message{width: 300px;}
				.control-group label.control-label i{color: red;}
				 .control-group .controls input[type="text"], .control-group .controls input[type="password"], .control-group .controls select, #contact-form #freeform_user_message{
				-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
				background-color: #FFFFFF;
				border: 1px solid #CCCCCC;
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
				border-radius: 3px 3px 3px 3px;
				padding: 4px 6px;
				}
			 .control-group .controls input[type="text"]:focus, .control-group .controls select:focus,#contact-form #freeform_user_message:focus, .control-group .controls input[type="password"]:focus{
				 border-color: #feabc7;
   				 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #feabc7;
    			outline: 0 none;
				}
		#contact-form input.submit{
			width: 100px;
			background: #ff5092;
			color: #FFF;
			border: 0px;
			padding: 4px 0;
			line-height: 18px;
			font-size: 14px;
			border-radius: 3px 3px 3px 3px;
			cursor: pointer;
			letter-spacing: 1px;
			margin: 0 0 0 170px;
			} 
		#contact-form input:hover.submit{background: #e15489;}