
#contain{
	margin:auto !important;
	display:inline-block;
	text-align:center;
}
#fit{
	width:660px;
	float:left;
	margin-right:20px;
}
.content-slider li{
			background-color: #ed3020;
			text-align: center;
			color: #FFF;
}
.content-slider h3 {
		margin: 0;
		padding: 70px 0;
}
#notify-allow{
	margin-top:10px;
	margin-left:-5px !important;
	float:left;
	display:block;
	width:640px;
}
#notify-undetect{
	margin-top:10px;
	margin-left:-5px !important;
	float:left;
	display:none;
	width:640px;
}
#notify-detection{
	margin-top:10px;
	float:left;
	margin-left:-5px !important;
	display:none;
	width:640px;
}
#notify-success{
	margin-top:10px;
	float:left;
	display:none;
	width:640px;
}
#countdown_text {
	position:absolute;
	display: none; 
	margin:auto;
	background:url("../img/camera.png") no-repeat !important;
	opacity: 1 ;
	color: #fff; 
	font-size: 65px !important; 
	margin-left:20px;
	margin-top:15px;
	line-height:130px;
	text-align: center;
	border-radius: 2px;
	width:310px;
	height:310px;
}
#sizes {
	position:absolute;
	display: none; 
	margin:auto;
	background-color: black;
	opacity: 0.5 ;
	color: #fff; 
	font-size: 65px; 
	margin-left:250px;
	margin-top:145px;
	line-height:130px;
	text-align: center;
	border-radius: 2px;
	width:140px;
	height:140px;
}
#webcam_container{
	-webkit-box-shadow: 0px 0px 0px 2px rgba(196,196,196,0.69);
	-moz-box-shadow: 0px 0px 0px 2px rgba(196,196,196,0.69);
	box-shadow: 0px 0px 0px 2px rgba(196,196,196,0.69);
	text-align:center;
	float:left;
	border:10px solid white; 
}
#item{
	margin-top:20px;
	float:left !important;
	padding-right:10px !important	;
}
#appearance{
	float:left;
	height:460px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
#gesture img{
	width:100px;
}
#gesture{
	width:200px;
	float:left;
	margin-right:30px;
	margin-left:70px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
#canvas{
	margin:auto;
}
.gest{
	width:100px;
	float:left;
}
#countdown_text{
	font-size: 20pt;
}
canvas {
		border: 1px solid black;
}
/* #Clouds Flat Button
==================================================*/
.clouds-flat-button {
  position: relative;
  vertical-align: top;
  width: 250px;
  height: 60px;
  margin-top:20px;
  padding: 0;
  font-size: 22px;
  color:#454545;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #ecf0f1;
  border: 0;
  border-bottom: 2px solid #dadedf;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #dadedf;
  box-shadow: inset 0 -2px #dadedf;
}
.clouds-flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#content {
		background: rgba(100, 255, 255, 0.5);
		padding: 50px 10px;
}
body{
	background-color: #8e44ad;
}