@charset "UTF-8";

/* CSS Document */

body {
	background-image: url(../Images/watercolor-grunge-000119-light-blue.jpg);
	font-family: "Arial Black", Gadget, sans-serif;
	color: #09F;
	font-weight: bold;
	background-size: cover;
	background-attachment: fixed;
}
#Logo {
	position: absolute;
	left: 100px;
	top: 9px;
	width: 40%;
	height: 180px;
	z-index: 1;
}

#Nav {
	position: relative;
	left: 10%;
	top: 200px;
	width: 90%;
	height: 7%;
	z-index: 21;
	float: none;
}
#Product1 {
	position: relative;
	left: 10%;
	top: 220px;
	width: 20%;
	height: 10%;
	z-index: 3;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #00F;
	text-align: center;
}

#ProImg1 {
	position: absolute;
	left: 113px;
	top: 320px;
	width: 434px;
	height: 235px;
	z-index: 20;
}
#ProInf1 {
	position: relative;
	top: 270px;
	width: 35%;
	height: 40%;
	z-index: 5;
	color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
	text-indent: 1px;
	float: right;
	left: 0%;
}
#Pro1More {
	position: relative;
	top: 430px;
	width: 40%;
	height: 19%;
	z-index: 7;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #03F;
	float: right;
	left: 40%;
	clear: none;
}
#Product2 {
	position: relative;
	left: 10%;
	top: 525px;
	width: 20%;
	height: 10%;
	z-index: 6;
	color: #03F;
	font-family: "Arial Black", Gadget, sans-serif;
	text-align: center;
}
#ProImg2 {
	position: relative;
	left: 10%;
	top: 550px;
	width: 27%;
	height: 40%;
	z-index: 8;
}
#ProInf2 {
	position: relative;
	top: 350px;
	width: 40%;
	height: 30%;
	z-index: 9;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #000;
	float: right;
	left: 0%;
}
#Pro2More {
	position: relative;
	left: 40%;
	top: 525px;
	width: 40%;
	height: 5%;
	z-index: 10;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #00F;
	float: right;
}
#Product3 {
	position: relative;
	left: 10%;
	top: 580px;
	width: 20%;
	height: 10%;
	z-index: 11;
	font-size: 16px;
	text-align: center;
	color: #00F;
}
#ProImg3 {
	position: relative;
	left: 10%;
	top: 600px;
	width: 20%;
	height: 20%;
	z-index: 12;
	float: none;
}
#ProInf3 {
	position: relative;
	left: 0%;
	top: 350px;
	width: 40%;
	height: 30%;
	z-index: 14;
	color: #000;
	font-size: 18px;
	float: right;
}
#Pro3More {
	position: relative;
	left: 300px;
	top: 520px;
	width: 30%;
	height: 5%;
	z-index: 15;
	color: #00F;
	float: right;
}
#Product4 {
	position: relative;
	left: 10%;
	top: 650px;
	width: 30%;
	height: 10%;
	z-index: 16;
	color: #00F;
	text-align: center;
}
#ProImg4 {
	position: relative;
	left: 10%;
	top: 680px;
	width: 25%;
	height: 40%;
	z-index: 17;
}
#ProInf4 {
	position: relative;
	left: 0%;
	top: 460px;
	width: 40%;
	height: 27%;
	z-index: 18;
	color: #000;
	font-size: 18px;
	float: right;
}
#Pro4More {
	position: relative;
	left: 30%;
	top: 620px;
	width: 30%;
	height: 27px;
	z-index: 19;
	color: #03F;
	float: right;
}

#Head {
	position: relative;
	left: 10%;
	top: 267px;
	width: 90%;
	height: 30%;
	z-index: 22;
	text-decoration: blink;
	color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
}
#ContactInfo {
	position: absolute;
	left: 101px;
	top: 378px;
	width: 400px;
	height: 72%;
	z-index: 23;
	color: #009;
}