body {
background-color: #080808;
}

h1 {
    color: #C15D05;
    margin-left:0%;
    position:absolute;
    opacity: 0;
}

h2 {
    color: #C15D05;
    margin-left:10%;
    position:absolute;
    opacity: 0;
}

h3 {
    color: #C15D05;
    margin-left:4%;
    position:absolute;
   }

h4 {
      font-size: 28px;
      margin: 30px 40px;
}

h5 {
   padding-left: 10%;
   font-size: 16px;
}

table, th, td {
    border: 1px solid black;
    margin: 30px
}

ul {
    margin: 30px
}

form {
    margin: 35px
}

img.icon {
    position: absolute;
    left: 3%;
    top: 1%;
    z-index: 0;
}

p {
    color: #000000;  
}

div.title {
height:250px;
background-image: url("Banner4.jpg");
position:absolute;
    left: 0;
    right: 0;
    top: 0;
}


div.title p {
    font-weight: bold;
    color: #B7BBBE;
    margin: 2%;
}

div.promotion {
position: absolute;
    left: 60%;
    top: 5;
    opacity: 1;
}

div.social {
height: 50px;
float:left;
position:absolute;
    left: 35%;
    top: 205;
}

div#banner {
height:260px;
}

div.space {
height:80px;
}

div#box1 {
position: absolute;
margin-left:3%;
width:20%;
opacity: 1;
}

div.box2 {
height: auto;
background-color: #CBC4BE;
box-shadow: 10px 10px 5px #434244;
position: absolute;
border: 1px solid black;
margin-left:26%;
width:45%;
opacity: .8;
}

div.box2 p {
    margin: 30px 40px;
    color: #000000;
}

div.box4 {
height: auto;
border-radius: 25px;
background-color: #B7BBBE;
box-shadow: 10px 10px 5px #5D5C62;
position: absolute;
margin-left:77%;
width:20%;
opacity: .9;
}

div.box4 p {

    margin: 15px 40px;
    font-weight: bold;
    color: #40401C;
}

div.box4:hover {
	-moz-box-shadow: 0 0 10px #C6A264;
	-webkit-box-shadow: 0 0 10px #C6A264;
	box-shadow: 0 0 10px #C6A264;
}

div.img {
border-radius: 25px;
}

div.img p {
    margin: 30px 
    
    }

div.img:hover {
	-moz-box-shadow: 0 0 10px #C6A264;
	-webkit-box-shadow: 0 0 10px #C6A264;
	box-shadow: 0 0 10px #C6A264;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}