body {
  font-family: Arial, sans-serif;
  color: #333;
  background-color: white;
}

h1 {
  margin-bottom: 100px;
}

h1, h2 {
  text-align: center;
}

div {
  margin: 0 auto 100px auto;
  width: 960px;
  height: 200px;
  background: #ccc;
}

#box1 {
  background: #0c517a;
  /* Old Browsers */
  background: -webkit-linear-gradient(top, #0c517a, #072d43);
  /*Safari 5.1-6*/
  background: -o-linear-gradient(top, #0c517a, #072d43);
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(top, #0c517a, #072d43);
  /*Fx 3.6-15*/
  background: linear-gradient(to bottom, #0c517a, #072d43);
  /*Standard*/
}

#box2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c517a+32,6999a5+51,072c43+67 */
  background: #0c517a;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #0c517a 32%, #6999a5 51%, #072c43 67%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #0c517a 32%, #6999a5 51%, #072c43 67%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #0c517a 32%, #6999a5 51%, #072c43 67%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#box3 {
  width: 400px;
  height: 400px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebdeb6+0,ebc383+50,eb942e+100 */
  background: #ebdeb6;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ebdeb6 0%, #ebc383 50%, #eb942e 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #ebdeb6 0%, #ebc383 50%, #eb942e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ebdeb6 0%, #ebc383 50%, #eb942e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#box4 {
  background-color: #00afec;
  box-shadow: 0px 0px 7px 7px grey;
}

#box5 {
  background-color: #00afec;
  box-shadow: inset 0px 0px 7px 7px #00739a;
}

#box6 {
  background-image: url("images/wov.png");
  background-repeat: repeat;
}