body{
    background-color: #bfedec;
}
#titleContainer{
    text-align:center;
}
#imageTitle{
    width:100%;
    max-width:1024px;
}
#footer{
    clear:both;
    font-size: small;
    text-align:right;
    padding-top:5px;
    padding-left:10px;
}

#leftBackground{
    background-image: url("vumbleGroup.png");
    background-repeat: no-repeat;
    background-position:0px 40px
}
#rightBackground{
    background-image: url("assistant.png");
    background-repeat: no-repeat;
    background-position: right top;
    
}

h2{
    text-align: center;
    margin:0px;
    font-style:italic;
    font-size: 2em;
}
#summaryArea{
    max-width: 490px;
    margin:auto;
    background-color: #bfedec;
}
#videoDisplay{
    max-width: 400px;
    margin:auto;
}
iframe{
    width:400px;
    min-width: 100px;
    height:260px;
}
#purchaseArea{
    padding-top:20px;
    max-width: 400px;
    margin:auto;    
    text-align:center;
}
#purchaseArea h4{
    font-size: 1.3em;
    margin-top:0px;
    margin-bottom: 10px;
    
}
#partingArea{
    font-size: 1.2em;
    text-align: center;
    font-style: italic;
}
#canvas{
    margin: auto;
    display: block;
}
#infoArea{
    overflow: hidden;
    width:960px;
    margin: auto;
}

.infoSection{
    width:300px;
    float:left;
    min-height:190px;
    padding-left:10px;
    padding-right:10px;
}
.infoSection h3{
    text-align: center;
    margin-top:10px;
    margin-bottom:10px;
    font-size: 2em;
    
}
@media screen and (max-width: 999px){
    body .infoSection{
        width:100%;
        min-height: 10px;
        height:auto;
    }
    body #infoArea{
        width:auto;
    }
}