/* HTML5 Template Styles for HTML5Template page */
/* Help older browsers with HTML5 layout elements */
header, nav, aside, article, footer, section, figure, figcaption {
 display: block;
}


body {
	background-color: rgb(213,240,190);
	font: 10pt Arial, Helvetica, Sans-Serif;
	color: black;
	
	}
/*=== Styling for wrapper div */
#wrapper{
	width: 90%;
	min-width: 860px;
	max-width: 1200px;
	margin: 1em auto;
	background-color: rgb(213,240,190);
	border: double 8px black;
	border-radius: 20px;
	box-shadow: 8px 8px 8px gray;
	

header{
	
	height: 400px;
}
	
}
/* Styling for navbar */
nav a{
  background-color: #ffff33; 
  color: black; 
  text-decoration: none; 
  outline: none;
  padding:10px 10px;
  cellspacing="2";
  cellpadding="2";
  display: block; 
  float: left; 
  border-right: solid 1px silver;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  width: 25%; 
  text-align: center;
  font-size: 18px;
  list-style: none; 
  margin-top: 10px;
  box-sizing: border-box;
  /* Box sizing for older browsers */ 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
	
}
/*Styles for links*/
/*Unvisited links*/
nav a:link{
	color: #0147fa;
	text-decoration: none;

}

/*Visited links*/
nav a:visited{
	color: #ff0033;
	text-decoration: none;

}

/*Mouse pointer hovering over link*/
nav a:hover{
	background-color: #d2d2d2;
	text-decoration: underline;

}

/*Mouse pointer on link and mouse button down*/
nav a:active{
	background-color: silver;
	text-decoration: none;

}

/* Styling for aside */
aside{
	float: right;
	width: 140px;
	padding: 10px;
	margin-top: 40px;
	margin-right: 20px;
	
}


/*=== Styling for article div */	
article{
	padding: 10px;
	text-align: justify;
	font: arial;
	font-size: 25px;
	margin: 10px;
	border-right: solid 1px gray;
	margin-right: 180px;
	
	}

.product{
	padding: 10px;
	margin-left: 160px;
	border-left: solid 1px black;


}
/*=== Styling for footer ==*/
footer{
	clear: both;
	height: 35px;
	padding: 5px;
	font-size: 15px;
	background-color: #ffff33;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;

}

footer table{
	clear: both;
	width: 98%;
	margin: 5px;

}

.raised{
	border: solid 1px black;
	border-radius: 5px;
	box-shadow: 5px 5px 5px gray;
	margin: 10px;

}

h1 {
	width: 275px;
	height: 195px;

	}
.address{
	float: right;
	margin-right: 10px;
	list-style: none;
	text-decoration: none;
	text-align: right;
	margin-top:  -135px;
	font-size: 18px;
	}
	
	
h2{
	text-align: center;
	font: arial;
	font-size: 30px;
		
	}


.safety{
	width: 80%;
	text-align: left;
	font: arial;
	font-size: 20px;
	text-decoration: none;
	
	}
	
.test{
	width: 80%;
	font: arial;
	font-size: 20px;
	margin-left: 100px;
	
	}
	

h3{
	margin-left: auto;
	
}