body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image:  url( "../images/bg.jpg" );
	background-position:  0 660px;
}

@transition: 0.2s;

@pt: PTSansPro-Caption;
@mono: MonoCondensed-Bold;

@leftWidth: 462px;
@rightWidth: 738px;

@width: 1200px;

@bg: #ebebeb;
@white: #ffffff;


.social-share {
	margin: 80px 0 0 20px;
}

.left {
	float: left;
}

.right {
	float:  right;
}

.spacer {
	clear: both;
}

.transition {
	-webkit-transition: all @transition ease;
	-moz-transition: all @transition ease;
	-ms-transition: all @transition ease;
	-o-transition: all @transition ease;
	transition: all @transition ease;
}

#page {

	#title {
		margin-bottom: 50px;
		text-align:  center;
		margin: 0 auto;
		background:  @bg;
	}
	
	#description {
		width: 600px;
		margin: 0 auto;
		text-align:  center;
		font-family:  @mono;
		font-size: 24px;
		border: #000000 6px solid;
		padding:  30px 0px;
		background:  @white;
	}
	
	#article {
		width: @width;
		margin: 0 auto;
		font-family: @pt;
		font-size:  12px;
		line-height:  30px;
		padding-top:  50px;
		padding-bottom:  50px;
		background:  @white;
		
		.left {
			width: 500px;
			padding:  0px 50px;
			
			div {
				padding-top: 30px;
				text-align:  center;
			}
		}
	}
	
	#origami {
		width: @width;
		margin: 0 auto;
	
		.origami {
			position:  absolute;
			z-index:  10;
			width:  666px;
			height:  592px;
			
			img {
				position:  absolute;
				z-index:  20;
				opacity:  0;
				
				&:first-child {
					opacity:  1;
				}
			}
			
			.button {
				position:  absolute;
				z-index: 100;
				cursor:  pointer;
			}
			
			.small {
				width: 250px;
				height:  250px;
			}
			
			.big {
				width: 600px!important;
				height:  599px!important;
				top:  0px!important;
				left:  0px!important;
			}
		}
	}
}