body {
background-color:#000;
margin:0;
height:100%;
font-family:Verdana, Georgia, serif;
font-size:1vw;
background-image:url('images/bg_fire1.jpg');
background-position:fixed;
}
h1,h2,h3,h4,h5,h6 {
display:inline;
}
ul {
margin:0;
}
a {
color:red;
}
li {

}
#container {
background-color:darkgrey;
width:75%;
display:inline-block;
background-image:url('images/metalbg_2.jpg');
color:white;
text-align:left;
}
.numberbox {
background-color:orange;
color:red;
display:inline-block;
border-bottom:.1vw solid darkorange;
border-right:.1vw solid darkorange;
border-top:.1vw solid white;
border-left:.1vw solid yellow;
padding:.25vw;
padding-right:.5vw;
padding-left:.5vw;
font-size:1.5vw;
}
.services_box {
text-align:left;
background-image:url('images/b80.png');
width:14.5vw;
padding:1vw;
display:inline-block;
color:white;
margin-left:.2vw;
margin-right:.2vw;
border:.1vw dotted #800;
}
.services_box:hover {
border:.1vw solid #800;
}
#toppity {
color:white;
width:100%;
background-color:lightblue;
height:12vw;
background-image:url('images/test_banner.jpg');
background-size:contain;
}
#banner_logo {
float:left;
margin-left:1vw;
margin-top:1vw;
width:65%;
height:70%;
//background-image:url('images/logo.png');
background-repeat:no-repeat;
background-size:contain;
text-align:right;
}
#banner_numberbox {
float:right;
background-image:url('images/b80.png');
width:20vw;
height:8vw;
margin-top:1vw;
padding:1vw;
}
.black_strip {
background-image:url('images/b80.png');
padding:1vw;
}
.navbar {
position:absolute;
top:10.5vw;
margin-left:.5vw;
color:white;
font-weight:bold;
font-size:1vw;
background-color:black;
}
.navbar a {
color:white;
text-decoration:none;
}
.navbar a:hover {
background-color:white;
color:black;
}
.navbar a:visited {
background-color:#222;
color:white;
}