@charset "UTF-8";
/* CSS Document */

div.subpage {padding:0 0 20px 0; margin:0 0 20px 0;   position:relative;}


/* Cutting the Strings */
div#innerglow {width:1078px; height:762px; background:url(../images/inner-glow.png) no-repeat; position:absolute; top:41px; left:262px; z-index:99;}
div#screenglow {width:29px; height:30px; background:url(../images/glow-screen.png) no-repeat; position:absolute; top:823px; left:787px;}
div#one {width:175px; height:119px; background:url(../images/first-bar.png) no-repeat; position:absolute; top:685px; left:710px; z-index:1;}
div#two {width:409px; height:142px; background:url(../images/second-bar.png) no-repeat; position:absolute; top:523px; left:590px; z-index:2;}
div#three {width:627px; height:190px; background:url(../images/third-bar.png) no-repeat; position:absolute; top:362px; left:476px; z-index:3;}
div#four {width:866px; height:236px; background:url(../images/fourth-bar.png) no-repeat; position:absolute; top:201px; left:362px; z-index:4;}
div#five {width:1094px; height:283px; background:url(../images/fifth-bar.png) no-repeat; position:absolute; top:40px; left:247px; z-index:5;}
@keyframes barfade {from {opacity:0;} to{opacity:1;}}
@-moz-keyframes barfade {from {opacity:0;} to{opacity:1;}}
@-webkit-keyframes barfade {from {opacity:0;} to{opacity:1;}}
div#screenglow {animation:barfade 1.2s ease infinite; -webkit-animation:barfade 1.2s ease infinite alternate; -moz-animation:barfade 1.2s ease infinite alternate;}
div#one, div#two, div#three, div#four, div#five {opacity:0; animation:barfade 1s ease; -webkit-animation:barfade 1s ease; -moz-animation:barfade 1s ease; animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
div#one {animation-delay:0.5s; -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s;}
div#two {animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s;}
div#three {animation-delay:2.3s; -webkit-animation-delay:2.3s; -moz-animation-delay:2.3s;}
div#four {animation-delay:2.9s; -webkit-animation-delay:2.9s; -moz-animation-delay:2.9s;}
div#five {animation-delay:3.4s; -webkit-animation-delay:3.4s; -moz-animation-delay:3.4s;}


/* Cream of Crops */
div#truck {width:423px; height:324px; background: url(../images/truck.png) no-repeat; position: absolute; top: 546px; left: 636px;}
@keyframes truckmove {from {top: 546px; left: 636px;} to{top: 535px; left: 655px;}}
@-moz-keyframes truckmove {from {top: 546px; left: 636px;} to{top: 535px; left: 655px;}}
@-webkit-keyframes truckmove {from {top: 546px; left: 636px;} to{top: 535px; left: 655px;}}
div#truck {animation:truckmove 2.5s ease-in-out infinite alternate; -webkit-animation:truckmove 2.5s ease-in-out infinite alternate; -moz-animation:truckmove 2.5s ease-in-out infinite alternate;}


/* Red, White and Booze */
div.drip {width:52px; height:132px; background-repeat:no-repeat; position:absolute;}
div#beer {background:url(../images/beer.png); top:577px; left:1294px;}
div#spirit {background:url(../images/spirit.png); top:400px; left:1346px;}
div#wine {background:url(../images/wine.png); top:281px; left:1398px;}
/* beer animation */
@keyframes beerdrop {from {top: 537px;} to{top: 577px;}}
@-moz-keyframes beerdrop {from {top: 537px;} to{top: 577px;}}
@-webkit-keyframes beerdrop {from {top: 537px;} to{top: 577px;}}
/* spirit animation */
@keyframes spiritdrop {from {top: 351px;} to{top: 400px;}}
@-moz-keyframes spiritdrop {from {top: 351px;} to{top: 400px;}}
@-webkit-keyframes spiritdrop {from {top: 351px;} to{top: 400px;}}
/* wine animation */
@keyframes winedrop {from {top: 251px;} to{top: 281px;}}
@-moz-keyframes winedrop {from {top: 251px;} to{top: 281px;}}
@-webkit-keyframes winedrop {from {top: 251px;} to{top: 281px;}}
div#beer {animation:beerdrop 2s ease-in-out infinite alternate; -webkit-animation:beerdrop 2s ease-in-out infinite alternate; -moz-animation:beerdrop 2s ease-in-out infinite alternate;}
div#spirit {animation:spiritdrop 2.5s ease-in-out infinite alternate; -webkit-animation:spiritdrop 2.5s ease-in-out infinite alternate; -moz-animation:spiritdrop 2.5s ease-in-out infinite alternate;}
div#wine {animation:winedrop 1.6s ease-in-out infinite alternate; -webkit-animation:winedrop 1.6s ease-in-out infinite alternate; -moz-animation:winedrop 1.6s ease-in-out infinite alternate;}



/* Rocks In Their Heads */
div#asteroid {width:152px; height:117px; background: url(../images/asteroid.png) no-repeat; position: absolute; top: 850px; left: 890px;}
/* drunk guy falls */
@keyframes float {from {top: 850px;} to {top:820px;}}
@-moz-keyframes float {from {top: 850px;} to {top:820px;}}
@-webkit-keyframes float {from {top: 850px;} to {top:820px;}}
div#asteroid {animation:float 3s ease-in-out infinite alternate; -webkit-animation:float 3s ease-in-out infinite alternate; -moz-animation:float 3s ease-in-out infinite alternate; }