/* CSS Document */

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
    margin-bottom: 0px;
    background-image:url(./images/background.jpg);
	background-repeat:repeat;
}

p {
    padding-bottom: 5px;
    padding-top: 5px;
}
  
h1 {
    padding-top: 5px;   padding-bottom: 5px;    padding-left: 5px;  padding-right: 5px;
    color: white;   font-size:24px; font-style: oblique;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    padding-top: 5px;   padding-bottom: 5px;    padding-left: 5px;  padding-right: 5px;
    color: lightskyblue;   font-size:16px; font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

h3 {
    padding-top: 5px;   padding-bottom: 5px;    padding-left: 5px;  padding-right: 5px;
    color: lightcyan;   font-size:12px; font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    background-image: url(./images/metal_top.jpg); background-size: cover; background-repeat: no-repeat;
    background-origin: padding-box; 
    position: relative;   
    border-radius: 15px;
    margin: 0.5%; margin-bottom: 1%;
    width: 98%;
	font-size: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    overflow: hidden;
}

hh1 {
	padding-top: 5px;   padding-bottom: 5px;    padding-left: 5px;  padding-right: 5px;
    color: lightskyblue;   font-size:36px; font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	left: 0px;
	top: 0px;
}

.linksmenu {
    position:absolute;
    bottom: 5px;
    right: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}

.slogan {
    position:absolute;
    top: 40%;
    right: 7%;
    color: lightcyan;   font-size:18px; font-weight: bold; font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

.logo {
    height: 180px; 
    padding-top: 1px;
    left: 1px;
    margin: -10px 0 -25px -25px;
}

#main {
    background-image: url(./images/sheetmetal.jpg);
	padding-top: 100px;
	font-size: 10px;
	padding-left: 120px;
}

.floatblock {
    background: wheat url(./images/floatblock.mp4);
    float: left;
    margin: 10px;
    padding: 15px;
    width: 25%;
    height: 300px;
    border: 4px solid silver;
    border-radius: 15px;
} 

#floatblock_p {
  padding-bottom: 6px;
  padding-top: 6px;
}

.leftcolumn {
    background: wheat url(./images/box.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 15%;
    border-radius: 15px;
}

.rightcolumn {
    background: wheat url(./images/box.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 10%;
    border-radius: 15px;
}

.centercolumn {
    background: wheat url(./images/box.jpg); background-size: cover; background-repeat: no-repeat; 
    float: left;
    margin: 1%;
    width: 62.5%;
    padding: 1%;
    border-radius: 15px;
}

colh1 {
    padding-top: 5px;   padding-bottom: 5px;    padding-left: 5px;  padding-right: 5px;
    color: midnightblue;   font-size:20px; font-style: oblique;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

colh2 {
    padding-top: 5px;   padding-bottom: 5px;    padding-left: 5px;  padding-right: 5px;
    color: mediumblue;   font-size:16px; font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

colh3 {
    padding-top: 5px;   padding-bottom: 5px;    padding-left: 5px;  padding-right: 5px;
    color: black;   font-size:12px; font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

.collinks a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: cyan;
	text-decoration:none;
}
.collinks a:hover{
    text-decoration:underline;
    font-size:16px;
}

.main::after {
    content: "";
    clear: both;
    display: table;
}

.frames {
    width: 95%;
    height: 450px;
    display: block;
    align-self: center;
    margin: auto;
}

footer {
    background-image: url(./images/metal_bottom.jpg); background-size: cover; background-repeat: no-repeat;
    background-position: center bottom; background-origin: padding-box;    
    border-radius: 15px;
    width: 97%;
    padding-bottom: 70px; 
    padding-top: 15px;
    padding-left: 1.5%;
    margin: 0.5%; margin-bottom: 1%;
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.img1 {
    padding: 10px;
    float: left;
    max-width: 90%;
}

.img1:hover {
    max-width: 95%;
    
}