/* CSS Document */
body
{
	background:#CCCCCC url(../images/cloth_alike.png);
	margin:0;
	padding:0;
}
.container
{
	width:100%;
	margin:0 auto;
	padding:0;
}
.mid
{
	width:100%;
	float:left;
}
.menu
{
	background: none repeat scroll 0 0 #333333;
    float: left;
    height: 194px;
    margin: 100px 0 0 2px;
    position: fixed;
    text-align: center;
    width: 6.5%;
	-moz-border-radius:10px;
    -webkit-border-radius:10px ;
    -khtml-border-radius:10px ;
    border-radius:10px;
	text-align:center;
}
.menu h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	margin: 10px 25px 10px 16px;
	float:left;
}
.menu a{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}

.menu img
{
	margin:10px auto;
	
}
.mid_con
{
	margin:0 auto;
	background:url(../images/iphonebg.png) no-repeat top center;
	height: 920px;
	width:412px;

}
.mid_con_2
{
	margin:0 auto;
	background:url(../images/iphonebg_hor.png) no-repeat top center;
	height: 522px;
	width: 819px;

}
.ph_con
{
	background:#8D4747 url(../images/wood-thumb.png);
    float: left;
    height: 573px;
    margin: 121px 10px 0 49px;
    position: absolute;
    width: 324px;
}

.ph_con_2
{
	background: url("../images/wood-thumb.png") repeat scroll 0 0 #8D4747;
    float: left;
    height: 322px;
    margin: 32px 10px 0 119px;
    position: absolute;
    width: 569px;
    z-index: 100;
}
.unlock-top
{
	float:left;
	width:100%;
}
.time
{
	color: #FFFFFF;
    font-family: Georgia,Times,serif;
    font-size: 45px;
    margin: 0;
    padding: 6px 0;
    text-align: center;
}
.date
{
	color: #FFFFFF;
    font-family: Georgia,Times,serif;
    font-size: 12px;
    text-align: center;
}

/*.ifram{display:none;}*/
.iphone
{
    float: left;
    height: 456px;
    margin: 182px 0 0 49px;
    position: absolute;
    width: 318px;
}
.iphone_2
{
    float: left;
    height: 242px;
    margin: 75px 10px 0 120px;
    position: absolute;
    width: 564px;
}
.ifram input[type='text']
{
	float:left;
	position:absolute;
	margin: 150px 0 0 60px;
	width: 278px;
	background:none;
	border:none;
}
.submit
{
	background: #FFFFFF url("../images/reload.png") no-repeat center center;
    border: medium none;
    float: left;
    height: 22px;
    margin: 148px 0 0 336px;
    padding: 0;
    position: absolute;
    width: 22px;
}

.submit2
{
	background: url("../images/reload.png") no-repeat scroll center center #FFFFFF;
    border: medium none;
    float: left;
    height: 18px;
    margin: 50px 0 0 658px;
    padding: 0;
    position: absolute;
    width: 22px;
}
.ifram_2 input[type='text']
{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    margin: 48px 0 0 124px;
    position: absolute;
    width: 524px;
    z-index: 100;
}


/*=========================================================================================================================================*/
.page-wrap { float: left;  padding-top: 362px;  width: 100%; }
.page-wrap_2 { float: left;  padding-top: 110px;  width: 100%; }
#well {
	padding: 14px 20px 20px 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	background: -moz-linear-gradient(top, #010101, #181818);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #010101),color-stop(1, #181818));
	
	border: 2px solid #454545; 
	overflow: hidden; 
	
	-webkit-user-select: none;
}

h2 {
  background: -moz-linear-gradient(left, #4d4d4d, 0.4, #4d4d4d, 0.5, white, 0.6, #4d4d4d, #4d4d4d); 
  background: -webkit-gradient(linear,left top,right top,color-stop(0, #4d4d4d),color-stop(0.4, #4d4d4d),color-stop(0.5, white),color-stop(0.6, #4d4d4d),color-stop(1, #4d4d4d)); 
  
  -moz-background-clip: text;
  -webkit-background-clip: text;
  
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  
  -webkit-animation: slidetounlock 5s infinite;
  
 	color: #FFFFFF;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 22px;
    font-weight: 300;
    padding: 0;
    width: 100%;
  -webkit-text-size-adjust: none;
  margin:0;
}
#slider {
	background: url(../images/arrow.png) no-repeat;
	width: 72px;
	height: 42px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

@-webkit-keyframes slidetounlock {
	0% {
		background-position: -720px 0;
	}
	100%{
		background-position: 720px 0;
	}
}
/*=========================================================================================================================================*/