.box-sizing (@type: border-box) {
	-webkit-box-sizing: @type;
	-moz-box-sizing:    @type;
	box-sizing:         @type;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Futura';
	color: #fff;
	background: #333 url(../images/bg.jpg);
}
#wrapper {
	position: relative;
	width: 1100px;
	margin: 30px auto;
}

.text {
	position: absolute;
	width: 245px;
	height: 399px;
	top: 0px;
	left: 150px;
	
	background: url(../images/text.png);
}
.content {
	position: absolute;
	top: 8px;
	left: 150px + 290px;
	
	.photo {
		width: 615px;
		height: 380px;
		background: #f00;
	}
	.buttons {
		padding-top: 20px;
		
		div {
			display: inline-block;
		}
		.arl {
			width: 29px;
			height: 43px;
			background: url(../images/arrow_l.png) no-repeat center center;
		}
		.refresh {
			width: 80px;
			height: 43px;
			margin: 0 10px;
			background: url(../images/button1a.png);
			cursor: pointer;
		}
		.refresh:hover {
			background: url(../images/button1b.png);
		}
		.refresh:active {
			background: url(../images/button1click.png);
		}
		.arr {
			width: 29px;
			height: 43px;
			background: url(../images/arrow_r.png) no-repeat center center;
		}
		.tw {
			float: right;
			width: 162px;
			height: 43px;
			background: url(../images/twitter.png) no-repeat center center;
			cursor: pointer;
		}
		.tw:hover {
			background: url(../images/twitter_hover.png) no-repeat center center;
		}
		.tw:active {
			position: relative;
			top: 1px;
		}
		.fb {
			float: right;
			width: 162px;
			height: 43px;
			background: url(../images/fb.png) no-repeat center center;
			cursor: pointer;
		}
		.fb:hover {
			background: url(../images/fb_hover.png) no-repeat center center;
		}
		.fb:active {
			position: relative;
			top: 1px;
		}
	}
}
@media screen and (min-width:1400px) {
	/*.slider {
		width: 950px !important;
		margin-left: 220px !important;
	}
	.control {
		left: 1200px !important;
	}*/
}