@charset "UTF-8";
/*Created by Jacob Douglas on 12-5-2015*/

#wrapper{
    min-width: 800px;
    padding: 0px 30px 20px 30px;
    border-radius: 15px;
    border-color: #4d94db;
    box-shadow: inset -3px -3px 3px 3px #00332B;
}

.auctionimage{
    float: left;                    
    padding: 10px 5px 10px 0px;
}

.auctiontext{
    padding: 0px 5px 10px 0px;
}   

.galleryfullimage
{
    position: absolute;
    top: 0px;
    left: 280px;
    text-align: center;
    z-index: 1;    
} 

.flex-logo-container{
    min-width: 800px;
    max-width: 1000px;
    height: 251px;
    justify-content: center;
}

.flex-logo-item{
    min-width: 800px;
    max-width: 800px;
    min-height: 251px;
    max-height: 251px;    
}

.flex-container{
    min-width: 800px;
    max-width: 1000px;
    max-height: 4000px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flex-item{
    min-width: 250px;
    max-width: 250px;
    min-height: 250px;
    max-height: 250px;
    border-radius: 15px;
    border-color: #80B2E6;
    background-color: #18497A;
    box-shadow: inset -3px -3px 0px 0px #00332B;
}

.gallerywrapper{
    overflow: hidden;      
    text-align: center;
    background-color: #18497A;
    min-width: 250px;
    max-width: 250px;
    max-height: 250px;
    min-height: 250px;
    border-radius: 15px;
    border-color: #80b2e6;
    box-shadow: inset -3px -3px 0px 0px #00332B;
    float: left;
    opacity: 1;
}

.gallery_container .gallerywrapper{
    width: 33%;
    float: left;    
}

.auctionwrapper{
    overflow:auto;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background-color: #b2d1f0;
    min-width: 600px;
    max-width: 800px;
    padding: 0px 0px 20px 30px;
    border-radius: 15px;
    border-color: #80b2e6;
    box-shadow: inset -3px -3px 0px 0px #00332B;
    opacity: 1;
}

#gallery{
    position: relative;
}   

#gallery ul{
    width: 220px;
    text-decoration: none;
}
 
#gallery li{
    display: inline;
    float: left;
    padding: 5px;
}
#gallery img{
    border: none;
}          
 
#gallerybody{
    text-align: center;                
}

main.gallerymain{
    height: 4600px;
}

body{
    margin: 0;
    padding: 0;
    background-image: url("../images/blackandwhite.png");
    background-repeat: repeat;
    overflow: auto;
}

main{
    padding: 30px;    
}

header div {
    display: block;
    background-repeat: no-repeat;
    height: 251px;
    top: 0px;
    background-image: url(../images/logo.gif);
}

nav {
    width: 100%;
    display: block;
    position: absolute; 
    top: 275px;
}

nav a{
    margin: 12px 0px 10px 20px;
}

header{
    height: 275px;
}

iframe{
    width: 600px;
    height: 400px;
}