#bg1{
	position: relative;
	width: 100%;
	height: 795px;
	background: url("../images/sites/craftcoffee/bg1.jpg") no-repeat center;
}

#craft_cont{
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

#logo{
	position: relative;
	margin: 270px 0 0 0;
	width: 100%;
	height: 112px !important;
	background: url("../images/sites/craftcoffee/logo.png") no-repeat center;
	float: left;
}

.text_block{
	width: 260px;
	color: #fff;
	float: left;
	margin: 140px 0 0 70px;
}

.l_text_block{

}

.r_text_block{

}

#monitor{
	position: relative;
	margin-top: -110px;
	width: 100%;
	height: 1044px;
	background: url("../images/sites/craftcoffee/monitor.png") no-repeat center;
	float: left;
}

#monitor_1{
	position: absolute;
	top: 92px;
	left: 50%;
	margin-left: -491px;
	width: 970px;
	height: 495px;
	background: url("../images/sites/craftcoffee/1.jpg") no-repeat top;
}

#monitor_2{
	position: absolute;
	top: 731px;
	left: 50%;
	margin-left: -541px;
	width: 381px;
	height: 264px;
	background: url("../images/sites/craftcoffee/2.jpg") no-repeat top;
}

#monitor_3{
	position: absolute;
	top: 716px;
	left: 50%;
	margin-left: 293px;
	width: 138px;
	height: 223px;
	background: url("../images/sites/craftcoffee/3.jpg") no-repeat top;
}

.craft_title{
	width: 100%;
	text-align: center;
	padding: 120px 0 120px 0;
	float: left;
}

#bg2{
	position: relative;
	width: 100%;
	height: 741px;
	background: url("../images/sites/craftcoffee/bg2.jpg") no-repeat center;
	float: left;
}

#craft_button{
	position: absolute;
	top: 680px;
	left: 50%;
	margin-left: -120px;
	width: 220px;
	height: 45px;
	line-height: 40px;
	text-align: center;
	color: red;
	border: 3px solid red;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer;
}

#craft_button:hover{
	background: red;
	color: #fff;
}

.craft_link{
	width: 100%;
	text-align: center;
	padding: 70px 0 70px 0;
	color: red;
	float: left;
}


#monitor_1, #monitor_2, #monitor_3{
animation:monitor1 15s;
-moz-animation:monitor1 15s; /* Firefox */
-webkit-animation:monitor1 15s; /* Safari и Chrome */
animation-iteration-count: 5;
animation-timing-function: linear;
}

@keyframes monitor1
{
8%   {background-position: 0 0;}
90%  {background-position: 0 100%;}
100% {background-position: 0 0;}
}

@-moz-keyframes monitor1 /* Firefox */
{
0%   {background-position: 0 0;}
90%  {background-position: 0 100%;}
100% {background-position: 0 0;}
}

@-webkit-keyframes monitor1 /* Safari и Chrome */
{
0%   {background-position: 0 0;}
90%  {background-position: 0 100%;}
100% {background-position: 0 0;}
}