@charset "utf-8";
/* CSS Document */
html {
}
body {
    transition-duration:1s;
    margin:0;
    background-color: #757575;
    background-image:none;
    color: #fafafa;
    font-family: 'Product Sans', Tahoma, Geneva, Verdana, sans-serif;
    text-align:center;
    transition:all .5s ease-in-out; 
   	-o-transition:all .5s ease-in-out; 
   	-moz-transition:all .5s ease-in-out; 
   	-webkit-transition:all .5s ease-in-out;
}
header {
    width:100%
}
img {
    width:100%;
}
nav {
    width:100%;
    height:40px;
    background:#424242;
    color:#eeeeee;
    position:relative;
    bottom:6px;
}
nav a {
    transition-duration:0.1s;
    text-align:center;
    line-height:2.5;
    color:#eeeeee;
    border-color:#d50000;
	text-decoration:none;
    width:50px;
    padding:10px;
}
nav a:hover {
    transition-duration: 0.1s;
    border-top:#d50000 solid 2px;
    border-bottom:solid 2px #d50000;
    color:#fff;
}
section {
    margin:5px auto;
    width:90%;
    border-radius:20px;
    background:#666666;
    padding:10px;
    height:700px;
}
footer {
    width:100%;
    height:40px;
    background:black;
    position:fixed;
    bottom:0;
    text-align:right;
    line-height:40px;
}
.logo {
    width:50px;
}
article {
    padding:20px;
    margin:5px auto;
    color:#000;
    height:150px;
    background:#eeeeee;
    border-radius:10px;
    border:3px;
    border-style:solid;
    border-color:#000;
    transition-duration:0.1s;
}
article img {
    position:relative;
    top:12px;
    float:right;
}
article p {
    text-align:left;
    float:left;
    width:80%;
}
article:hover {
    background-color:white;
    border: 2px;
    border-style: solid;
    border-color: #000;
    transition-duration:0.1s;
    }
.left {
    height:auto;
    float:left;
    width:47%;
}
.right {
    height:auto;
    float:right;
    width:47%;
}
.live {
    border-top:white solid 2px;
    border-bottom:white solid 2px;
}
.imgtest {
    height:500px;
}
.imgtest .bordered {
    padding:4px;
    margin:10px auto;
    text-align:center;
    border:5px solid grey;
    width:360px;
    height:100px;
    position:relative;
    border-radius:10px;
    top:0px;
}
.imgtest .logo2 {
    float:none;
    width:378px;
}
.imgtest article {
    background-color:white;
    border: 2px;
    border-style: solid;
    border-color: #000;
    }
.imgtest:hover {
    background-color:white;
    border: 2px;
    border-style: solid;
    border-color: #000;
}
.borderimg {
    height:585px;
}