* {
	padding: 0;
	margin: 0;
}

body {
	background: #aed500;
}



#wrapper {
	margin: 0 auto;
	width: 1200px;
}

.motivator {
	padding-bottom: 100px;
	width: 800px;
	padding-top: 60px;
	margin-left: 200px;
	
	.photo {
		width: 800px;
		height: 450px;
		box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
	}
	.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: 150px;
			height: 50px;
			margin: 0 0px;
			background: url(../images/motivator/button.png);
			cursor: pointer;
		}
		.refresh:hover {
			background: url(../images/motivator/buttonhover.png);
		}
		.refresh:active {
			background: url(../images/motivator/buttonclick.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/motivator/twitter.png) no-repeat center center;
			cursor: pointer;
		}
		.tw:hover {
			background: url(../images/motivator/twitter_hover.png) no-repeat center center;
		}
		.tw:active {
			position: relative;
			top: 1px;
		}
		.vk {
			float: right;
			width: 162px;
			height: 43px;
			background: url(../images/motivator/vk.png) no-repeat center center;
			cursor: pointer;
		}
		.vk:hover {
			background: url(../images/motivator/vk_hover.png) no-repeat center center;
		}
		.vk:active {
			position: relative;
			top: 1px;
		}
	}
}