body{color:#fff;font-family: 'Open Sans', Arial, sans-serif;background:#000;}
#container{background:url(../img/recent1BG3000.jpg) no-repeat 50% 50%;background-size:cover;position:absolute;top:0;left:0;bottom:0;right:0;min-width:800px;min-height:700px;overflow:hidden;}

#past, #recent{position:absolute;top:0;bottom:0;width:100vw;}

#past{left:-100vw;background: rgb(250,217,165) url(../img/pastBG3000.jpg) no-repeat 50% 50%;background-size:cover;}
.navLink{position:absolute;bottom:50%;line-height:40px;font-size:30px;margin-bottom:5px;font-weight:bold;border:1px dashed #fff;cursor:pointer;padding:0 15px;}
.navLink:hover{border:1px solid #000;color:#000;}
#pastLink{left:15px;}
#recentLink{right:15px;}


#email{width:74px;height:40px;display:block;position:absolute;top:15px;right:15px;background: url(../img/email.png) no-repeat 50% 50%;}
#fb{width:40px;height:40px;display:block;position:absolute;top:15px;right:100px;background: url(../img/fb.png) no-repeat 50% 50%;}
#headerQuote{position:absolute;top:15px;left:15px;right:155px;line-height:28px;font-size:18px;font-style:italic;font-size:20px;font-family:'Times Roman';color:rgba(255,255,255,.5);}
h1{position:absolute;bottom:50%;left:15px;right:15px;line-height:40px;font-size:30px;margin-bottom:5px;text-align:center;}
.blackOut{position:absolute;bottom:0;left:0;right:0;top:0;background:rgba(0,0,0,.5);display:none;}
#cellContainer{position:absolute;bottom:0;left:0;right:0;text-align:center;} 
.cell2, .cell3, .cell4{float:left;height:300px;position:relative;bottom:0;color:#fff;}
.cell2{width:50%;}
.cell3{width:33.3%;}
.cell4{width:25%;}

.cellPadding{position:absolute;bottom:0;left:20px;right:20px;}
h2{font-size:22px;opacity: 0.8;}
h3{font-style:italic;font-size:20px;font-family:'Times Roman';font-size:20px;font-weight:normal;opacity: 0.65;}
h4{opacity: 0.5;font-size:14px;font-weight:normal;}
h1 a{border-bottom:1px dashed #fff;text-decoration:none;cursor:pointer;color:#fff;}
h1 a:hover{border-bottom:1px dashed #000;color:#000;}
.cellPadding a{border:1px dotted #fff;text-decoration:none;cursor:pointer;font-size:16px;padding:4px 15px;background:rgba(0,0,0,.5);}

#recent div div div a{color:#FBCE8D;}
#past div div div a{color:#5AA1B8;}
.cellPadding a:hover{color:#000;border:1px dashed #000;}
.cellIcon{height:100px;margin-bottom:20px;}
#icon_paperain{background: url(../img/icon_paperain.png) no-repeat 50% 50%;}
#icon_ssb{background: url(../img/icon_ssb.png) no-repeat 50% 50%;}
#icon_pcoolr{background: url(../img/icon_patterncooler.png) no-repeat 50% 50%;}
#icon_hrayner{background: url(../img/icon_hrayner.png) no-repeat 50% 50%;}
#icon_moonleap{background: url(../img/icon_moonleap.png) no-repeat 50% 50%;}
.imgUp{background:rgba(255,255,255,1);height:0;position:absolute;bottom:0;left:0px;right:0px;}
.imgCell{display:none;position:absolute;bottom:310px;left:10%;right:10%;top:10%;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;}
#imgCell_paperain{background-image:url(../img/img_paperain.jpg);}
#imgCell_ssb{background-image:url(../img/img_ssb.jpg);}
#imgCell_pcoolr{background-image:url(../img/img_pcoolr.jpg);}
#imgCell_hrayner{background-image:url(../img/img_hrayner.jpg);}
#imgCell_moonleap{background-image:url(../img/img_moonleap.png);}