@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400,700);



html {
  height: 101%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body {
background-image: url(assets/fabric_plaid.png);
	margin:0 auto;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 28px;
	color: rgba(0,64,128,1);
}
.box{
	margin:20px auto;
	background:#ffffff;
	position:relative;
	width:700px;
	padding:22px 22px 42px;
zzborder:1px solid rgba(164, 116, 49, 0.6);	
	-moz-box-shadow:0px 0px 5px rgba(136, 99, 46, 0.4);
	-webkit-box-shadow:0px 0px 5px rgba(136, 99, 46, 0.4);
	box-shadow:0px 0px 5px rgba(136, 99, 46, 0.4);
}

/*shadows*/
/*shadow-right*/
.box:after{
	right:0px;
	-webkit-box-shadow:0px 0 12px 20px rgba(136, 99, 46, 0.56);
	-moz-box-shadow:0px 0 12px 20px rgba(136, 99, 46, 0.56);
	box-shadow:0px 0 12px 20px rgba(136, 99, 46, 0.56);
	-webkit-transform: skew(30deg) rotate(10deg) translate(-40px);
	-moz-transform: skew(30deg) rotate(10deg) translate(-40px);
	transform: skew(30deg) rotate(10deg) translate(-40px); 
}

/*shadows-left*/
.box:before{
	left:0px;
	-webkit-box-shadow:0px 0 12px 20px rgba(136, 99, 46, 0.56);
	-moz-box-shadow:0px 0 12px 20px rgba(136, 99, 46, 0.56);
	box-shadow:0px 0 12px 20px rgba(136, 99, 46, 0.56);
	-webkit-transform: skew(-30deg) rotate(-10deg) translate(40px);
	-moz-transform: skew(-30deg) rotate(-10deg) translate(40px);
	transform: skew(-30deg) rotate(-10deg) translate(40px); 
}
.box:before,.box:after{
	z-index:-1;
	content:'';
	position:absolute;
	width:80px;
	height:0px;
	bottom:8px;
}

.logo{ 
	margin-top: 10px;
	margin:0 auto;
	text-align: center;
	font-size: 50px;
	zwidth: 500px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: rgb(0,128,255);
}
.logo, .clean{
	color: rgb(0,64,128);
	font-weight: 700;
}
.logo, .machine, h1, .mid{
	color: rgb(0,128,255);
	font-weight: 400;
}
.email, .phone{
	margin-top: 20px;
	color: rgb(0,128,255);
	}
	
	a:link {text-decoration:none;	color: rgb(0,128,255);}
	a:visited {text-decoration:none;	color: rgb(0,128,255);}
	a:hover {text-decoration:none;	color: rgb(0,128,255);}
	a:active {text-decoration:none;	color: rgb(0,128,255);}


h1{
	font-size: 30px;
	text-align: left;
}

h2{
	font-size: 24px;
	font-weight: 300;
	text-align: left;
}
.mid{
	font-size: 20px;
	text-align: left;
}

.normal{
	font-size: 20px;
}
ul{
margin-left: 0px;
padding-left: 0px;

}

il{
	list-style: none;
	display: block;
	text-align: left;
	font-size: 18px;
}
il:before{
	content: "- ";
}

	zzz.box {
	zzzheight:auto;
	zzzoverflow:scroll;
	zzzmax-height: 600px;

}
.boxtext{
	font-size: 20px;
	clear: left;
	margin-right: 230px;
	text-align: left; 
}
.normal{
	font-size: 20px;
	clear: left;
	text-align: left; 
}

.boxtext img{
	float: right;
	position: absolute;
	top: 10px;
	right: 20px;
}

.gplus{

	position:absolute; 
	top:2%; 
	right:2%;
	width: 70px;
	padding: 5px;
	
	}