/********** FONTS **********/
@import url(http://fonts.googleapis.com/css?family=Lobster|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Lato:300);

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
/* Blues #92abd4  #9ab3dc #c1d6ea */
/* Golds #ffd49f #fbd4a9 */
background: #fff; /* #92abd4 rgba(149,189,252,1.0); #f3f3f3; */
   height: 100vh; 
   width: 100vw; */
}

a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	border-bottom: 1px solid #333333;
}

#topPage {
 background: #FFFFFF; /* #E2EFFF; lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
   height: 120vh; 
   width: 100vw;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#topPage .topPage_container {
    position: absolute;
    top: 8vh;
    left: 5vw;
    margin: 0px 0px 0px 0px;
   background-image: url("images/DBRLogo060922A.jpg");
   height: 90vh; 
   width: 40vw;
/*      min-height: 60vh; */
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#topPage h1.we_do {
	position: absolute;
   top: 82vh;
	left: 5vw;
    margin: 0px 0px 0px 0px;
/*	margin-top: 0px;
	margin-bottom: 5px;
	padding: 20px 10px 10px 5px;
*/
	text-align: left;
	font-family:'Times New Roman', Times, serif; /* Didot, serif*/
/*	font-family: 'Open Sans', Helvetica, Arial, sans-serif; */
   font-weight:normal;
   font-size: 1.75em;
	color:#7490C2; /*   #B0C4DE #ffd49f */
}

#topPage .under_dev {
/*#topPage .occasion { */
    position: absolute; /*relative; */
    left: 60vw; /*300px;*/
    top: 30vh; /*200px; */
 	height: 50vh;
	width: 30vw;
   background-image: url("images/site-under-construction.jpg");
/*      min-height: 70vh; */
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 5px;
   z-index: 1;
  cursor: pointer;
}

#topPage .topPage_slide {
    position: relative;
    left: 0vw;
    top: 0vw;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
/*   background-image: url("RR_images/CustomerKudos01.png"); */
    background-size: cover; /*cover  contain; */
    background-position: center; /*50% 50%;*/
    background-repeat: no-repeat;
        -webkit-animation: anm01 50s infinite 0.01s forwards;
        -moz-animation: anm01 50s infinite 0.01s forwards;
            animation: anm01 50s infinite 0.01s forwards;
          -webkit-animation-timing-function: cubic-bezier(0,1,0,1);
          -moz-animation-timing-function: cubic-bezier(0,1,0,1);
               animation-timing-function: cubic-bezier(0,1,0,1); 
}

#topPage .topPageLogo {
    position: absolute;
/*    position: relative; */
/*    left: 35vw; /*300px;*/
    left: 8vw; /*300px;*/
    top: 38vh; /*200px; */
/*    overflow: hidden; */
    min-width: 28vw;
    min-height: 32vh;
    background-size: contain; /*cover; */
    background-position: center; /*50% 50%;  75% 15%; center;*/
    background-repeat: no-repeat;
/*    background-image: url('images/WentworthDesignsLogo020822A.jpg'); */
    /* background-size: 28vw 32vh; */
  background-attachment: scroll;
/*  background-size: cover; */
}

#topPage a.fb {
   position: absolute;
   top: 8vw;
/*   bottom: 14vw; */
   right: 3vw;
/*   left: 84vw; */
	height: 2vw;
	width: 2vw;
   background-image: url("RR_images/facebook-logo2.png");
  background-repeat: no-repeat;
  background-size: 2vw 2vw; /*cover; */
  border-radius: 0.2vw;
}

#topPage a.tw {
   position: absolute;
   top: 11vw;
/*   bottom: 14vw; */
   right: 3vw;
/*   left: 88vw; */
	height: 2vw;
	width: 2vw;
   background-image: url("RR_images/twitter-logo2.png");
  background-repeat: no-repeat;
  background-size: 2vw 2vw;
  border-radius: 0.2vw;
}


/********** Flyer **********/
#topPage .opaque {
    position: absolute;
    left: 45vw; /*300px;*/
    top: 10vh; /*200px; */
 	height: 82vh;
	width: 30vw;
   background-image: url("RR_images/opaqueLayer.jpg");
      min-height: 70vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  opacity: 0.6;
   z-index: 2;
  cursor: pointer;
   box-shadow: 0 0 3pt 2pt black;
}

#topPage .deal {
    position: absolute;
    left: 45vw; /*300px;*/
    top: 10vh; /*200px; */
 	height: 82vh;
	width: 30vw;
   background-image: url("Specials/currentDeal.jpg");
      min-height: 70vh;
  background-attachment: scroll; /*fixed;*/
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
/*  background-size: cover; */
  border-radius: 5px;
  opacity: 0.7;
   z-index: 3;
  cursor: pointer;
}

#topPage .deal:hover {
 opacity: 0.9;
}

#topPage .myImg {
    position: absolute;
    left: 45vw; /*300px;*/
    top: 10vh; /*200px; */
 	height: 82vh;
	width: 42vw;
   background-image: url("RR_images/GameDayFlyer02.png");
      min-height: 70vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
   z-index: 1;
  cursor: pointer;
}
#topPage .myImg:hover {opacity: 0.6;}
#topPage .myImg:onclick {opacity: 0.2;}
/* display: "none"*/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
/*  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 80vw; /* Full width */
  height: 80vh; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/* End Flyer */

#parallax {
/*    position: absolute; */
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 60vw;
   min-height: 60vw;
/*    max-height: 60vw;
    max-width: 100vw; */
/*    float: top;
    float: left; */
  background-attachment: fixed;
    background-size: cover; /* 100% 55vw; contain;  cover; */
    -webkit-background-size: cover;
    -moz-background-size: cover;    
    background-position: center center; /*50% 50%;*/
    background-repeat: no-repeat;
    @media (max-width: 100vw) {
  background-attachment: scroll;
  }
         -webkit-animation: anm01 50s infinite 0.01s forwards;
         -moz-animation: anm01 50s infinite 0.01s forwards;
         animation: anm01 50s infinite 0.01s forwards;
/*         -webkit-animation-name: anm01;
          80s infinite 0.01s forwards;
         -moz-animation-name: anm01;
                animation-name: anm01;
         -webkit-animation-delay: 0.01s;
         -moz-animation-delay: 0.01s;
                 animation-delay: 0.01s;                 
         -webkit-animation-duration: 50s;
         -moz-animation-duration: 50s;
                 animation-duration: 50s; */
        /* -webkit-transition-duration: 2s;
          -moz-transition-duration: 2s;
                transition-duration: 2s; */
          -webkit-animation-timing-function: cubic-bezier(0,1,0,1);
          -moz-animation-timing-function: cubic-bezier(0,1,0,1);
                 animation-timing-function: cubic-bezier(0,1,0,1); 
        /*  -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
                 animation-timing-function: ease; */
        /* -webkit-animation-steps: 5;
            -moz-animation-steps: 5;                
                 animation-steps: 5; */                
      /*   -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
                 animation-iteration-count: infinite;
          -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
                 animation-fill-mode: forwards; */
                
/*
        -webkit-animation: anm01 30s infinite;
         animation-name: anm01;
         animation-duration: 30s;
         animation-iteration-count: infinite; */
/*
        animation: anm01 25s infinite; */
  /* Create the parallax scrolling effect */
  /*background-attachment: fixed; */
  /*background-size: cover; */
}

@-webkit-keyframes anm01{
    0%{
        background-image: url('RR_images/DanielsTop03.png');
        background-size: 100vw 60vw;
    }
    17%{
        background-image: url('RR_images/FiletMignonPlate.jpg');
        background-size: 100vw 60vw;
/*        background-size: 100% 50vw; */
    }
    34%{
        background-image: url('RR_images/RestaurantBar01.jpg');
        background-size: 100vw 60vw;
/*        background-size: 100% 50vw; */
    }
    51%{
        background-image: url('RR_images/SalmonEntree02.jpg');
        background-size: 100vw 60vw;
/*        background-size: 100% 50vw; */
    }
    68%{
        background-image: url('RR_images/StuffedAcornSquash.jpg');
        background-size: 100vw 60vw;
/*        background-size: 100% 50vw; */
    }
    85%{
        background-image: url('RR_images/VeganEntre01.jpg');
        background-size: 100vw 60vw;
    }

    100%{
        background-image: url('RR_images/DanielsTop03.png');
        background-size: 100vw 60vw;
/*        background-size: 100% 50vw; */
    }
}

@keyframes anm01{
    0%{
        background-image: url('RR_images/DanielsTop03.png');
    }
    20%{
        background-image: url('RR_images/FiletMignonPlate.jpg');
    }
    40%{
        background-image: url('RR_images/RestaurantBar01.jpg');
    }
    60%{
        background-image: url('RR_images/SalmonEntree02.jpg');
    }
    80%{
        background-image: url('RR_images/StuffedAcornSquash.jpg');
    }
    100%{
        background-image: url('RR_images/VeganEntre01.jpg');
    }
}

@moz-keyframes anm01{
    0%{
        background-image: url('RR_images/DanielsTop03.png');
    }
    20%{
        background-image: url('RR_images/FiletMignonPlate.jpg');
    }
    40%{
        background-image: url('RR_images/RestaurantBar01.jpg');
    }
    60%{
        background-image: url('RR_images/SalmonEntree02.jpg');
    }
    80%{
        background-image: url('RR_images/StuffedAcornSquash.jpg');
    }
    100%{
        background-image: url('RR_images/VeganEntre01.jpg');
    }
}
/*
.steps{
   -webkit-animation-timing-function: steps(1, end);
            animation-timing-function: steps(1, end);
}
*/

#parallax .parallaxLogo {
    position: absolute;
/*    position: relative; */
    left: 35vw; /*300px;*/
    top: 20vw; /*200px; */
/*    overflow: hidden; */
    width: 35vw;
    height: 17vw;
    background-size: cover; /*contain; */
    background-position: center; /*50% 50%;  75% 15%; center;*/
    background-repeat: no-repeat;
/*    background-image: url('RR_images/DanielsLogo.jpg');
    background-size: 250px 100px;
  background-attachment: fixed;
  background-size: cover; */
}

#parallax .logo_slide {
    position: relative;
    left: 300px;
    top: 200px;
    overflow: hidden;
    width: 300px;
    height: 250px;
/*   float: top;*/
/*    float: left;*/
    background-size: contain; /*cover; */
    background-position: center; /*50% 50%;*/
    background-repeat: no-repeat;
        -webkit-animation: center_logos 35s infinite;
            animation: center_logos 40s infinite;
            
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
/*  background-size: cover;   */
}

#parallax .logo_center {
    position: absolute;
    left: 40vw;
    top: 40vw;
    overflow: hidden;
   background-image: url("RR_images/DanielsTopLogo05jpg");
  background-size: 25vw 20vw; /* 55vw; */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  /* Create the parallax scrolling effect */
/*  background-attachment: fixed; */
/*  background-size: cover;   */
}

#parallax .social_box {
   position: absolute;
   top: 43vw;
   left: 84vw;
	height: 2vw;
	width: 6vw;
/*   background: rgb(255, 255, 255); */
}

#parallax a.fb {
   position: absolute;
   top: 8vw;
/*   bottom: 14vw; */
   right: 3vw;
/*   left: 84vw; */
	height: 2vw;
	width: 2vw;
   background-image: url("RR_images/facebook-logo2.png");
  background-repeat: no-repeat;
  background-size: 2vw 2vw; /*cover; */
  border-radius: 0.2vw;

}

#parallax a.tw {
   position: absolute;
   top: 11vw;
/*   bottom: 14vw; */
   right: 3vw;
/*   left: 88vw; */
	height: 2vw;
	width: 2vw;
   background-image: url("RR_images/twitter-logo2.png");
  background-repeat: no-repeat;
  background-size: 2vw 2vw;
  border-radius: 0.2vw;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  /*font-weight: normal; */
  font-weight: bold;
  color: darkslategray;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
/*  background-color: lightgray; */
/*  align-content: center; */
}


p1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  /*font-weight: bold; */
  color: darkslategray;
  text-align: left;
/*  background-color: gray; *?
/*  align-content: center; */
}

@-webkit-keyframes center_logos{
    0%{
        background-image: url('RR_images/DanielsTopLogo05.jpg');
        background-size: 30% 20%; /* 55vw; */
/*        background-size: 100% auto; /* 55vw; */ */
/*        background-size: 100% 55vw; */
     }
    20%{
        background-image: url('RR_images/DanielsSteaksLogo01.jpg');
        background-size: 30% 20%;  /*auto; 55vw; */
/*        background-size: 100% auto; /* 55vw; */ */
/*        background-size: 100% 55vw; */
     }
    40%{
        background-image: url('RR_images/DanielsSeafoodLogo01.jpg');
        background-size: 30% 20%; /* 55vw; */
/*        background-size: 100% auto; /* 55vw; */ */
/*        background-size: 100% 55vw; */
    }
    60%{
        background-image: url('RR_images/DanielsVegetarianLogo01.jpg');
        background-size: 30% 20%; /* 55vw; */
/*        background-size: 100% auto; /* 55vw; */ */
/*        background-size: 100% 55vw; */
    }
    80%{
        background-image: url('RR_images/DanielsGourmetLogo01.jpg');
        background-size: 30% 20%; /* 55vw; */
/*        background-size: 100% auto; /* 55vw; */ */
/*        background-size: 100% 55vw; */
    }
    100%{
        background-image: url('RR_images/DanielsSteaksLogo01.jpg');
        background-size: 30% 20; /* 55vw; */
/*        background-size: 100% auto; /* 55vw; */ */
/*        background-size: 100% 55vw; */
    }
}

/********** ANIMATION **********/
/*
a, .input, .button, #footer {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
*/

.inner-container {
/*	background: #333333; */
	width: 80%;   /*  600  */
	margin: 0 auto;
	position: relative;
}

/********** Footer **********/

#footer{
        position: absolute;  /* fixed;  the footer must stick to the top/bottom of the page, the fixed positionning is here necessary. */
/*        bottom: 0px; */
        top: 0px;
       margin:0;
        padding:0;
        left:0;
        right:0;
        width: 100vw;
        height: 8vh;
        font-family:Arial;
/*        text-shadow: 1px 1px 1px black; */  /*h,v,blur,color */
        /* glass effect */
        border-top: 1px solid rgba(0,0,0,0.3);
        /* background: rgba(0,0,0,0.5); */
        background: #9ab3dc ; /* rgba(0,0,0,.5); */
        /* Golds #ffd49f #fbd4a9 */
        /* Blues #92abd4  #9ab3dc #c1d6ea */
       /*inset = inner shadow ----------- this just creates multiple shadows*/
        /*top border, top white section, overlay top white, bottom*/
        /*box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);*/
}
#footer h2{
        font-weight:normal;
        font-size: 1em;
        text-decoration:underline;
/*        color: #CC0000; */
         color: #000000;
       margin-top: 0.3vw; /*10px; */
        margin-bottom: 0.15vw; /*5px; */
        margin-left: 0.3vw; /*10px; */       
}
#footer p{
        color:#ffd49f; /* white; */
        font-size: 1em; /*12px; */
        float:left;
        padding: 0vw 0.3vw; /* 0px 10px; top & bottom = 0px */
        margin: 0.3vw 0.3vw; /* 10px 0px; */
}
#footer img{
        border:none;
}
#footer li ul{ /* Programs button is a list */
        list-style:none;
        padding:0px;
        margin-bottom:0.35vh; /*12px*/
}
.clear { /* Use this class between rows of content when you use columns */
        clear: both; /*no floating elements allowed on the left or the right side*/
        display: block;
        overflow: hidden;
        visibility: hidden; /*nothing displays, just resets the layout*/
        width: 0vw; /*0px; */
        height: 0vw; /*0px; */
}
#footer .whiteBorder { /* good for images */
        border:1px solid white; 
}
#footer .img_left { /* image floats to the left */
        float:left;
        margin-right: 0.8em; /*10px; */
        width: .6vw; /*40px; */
}
#footer .black_box {
        background: rgba(0,0,0,0.4);
        padding: 0.5em;
        margin-bottom: 0.5em;
    border-radius:  0.5em;
}
 
/* Footer Buttons  */
 
#footer_menu{ /*entire footer bar*/
        margin: 0;
        padding: 0;
        width:auto;
}
#footer_menu li { /* the "buttons" */
        list-style: none;
        float: left;
        font-size: 0.75em; /*0.33vw; *12px; */
/*        padding: 18px 14px 14px 14px; */
        padding: 1.2em 1em 1em 1em;
        /* cool glass look */
        /*border-right:1px solid rgba(0,0,0,0.4);*/
        /*background: rgba(0,0,0,0.1); 199,191,173*/
        /*background: rgba(0,0,0,0.5);*/
}
#footer_menu li:hover {
/*        background: rgba(0,0,0,0.6);  */  /*a little darker on hover*/
        background: rgba(158,189,199,0.3); /*a little darker on hover*/
}
#footer_menu li a { /*text on the buttons*/
        display: block;
        /* Golds #ffd49f #fbd4a9 */
        color:#593921; /* #9A633A; #eca565;  #fbd4a9;  #ffd49f; #cccccc;  ECA565 */
        text-decoration: none;
}
#footer_menu li a:hover {
        color: #ffffff; /*gray to white looks like it glows*/
}
/* used for the home button, text is here hidden and replaced by an image */

/* Drop-Up Menus */
 
#footer_menu li ul.dropup{
   display: none; 
}
#footer_menu li:hover ul.dropup{ /*Programs menu*/
        display: block;
        position: absolute;
        margin: 0 0 0 -15px; /*move left 15px to line up properly*/
        bottom:40px; /* distance to the bottom of the browser */
        border: 1px solid #111111;
        border-bottom:none;
        background: rgba(158,189,199,1.0);
        border-radius: 0.6em 0.6em 0 0; /*top-left, top-right, bottom-right, bottom-left*/
}
#footer_menu li:hover li { /* items in Programs menu */
        float: none;
        background:none;
        border:none;
        border-bottom:1px solid #161616;
/*        padding:12px 10px 12px 10px; */
        padding: 1em 0.83em 1em 0.83em;
}
/* drop-up default links */
#footer_menu li:hover a {
/*        color: #aaaaaa; */
        color: #000000;
}
#footer_menu li:hover a:hover {
        color: #eeeeee; /*lighter*/
}
/* Stream, Messages, etc... */
#footer_menu li:hover a.headerLinks {
        font-size: 1.2em; /*14px; */
        text-decoration:underline;
        color: #CC0000;
        margin-top: 0.8em; /*10px; */
        margin-left: 0.8em; /*10px; */
}
#footer_menu li:hover a.headerLinks:hover {
        color: white;
        cursor:pointer;
}
/* List Links */
#footer_menu li:hover a.listLinks {
        font-size: 1em; /* 12px; */
        color: #999999;
        margin-left: 0.8em; /* 10px; */
}
#footer_menu li:hover a.listLinks:hover {
        color: white;
        cursor:pointer;
}
#footer_menu .right { /* Use the right class to push the content to the right */
        float:right;
        right:1em;
        margin-right:1em;
        border-right:none;
        /*border-left:1px solid rgba(0,0,0,0.3);*/
}

/********** Restaurant MenuSpace **********/

#menu_space {
   background: rgba(149,189,252,1.0); /*#f3f3f3; background: slategray; /* #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#menu_space .menu_container {
    position: relative;
    top: 0px;
    /* margin:0; */
    /* padding:0; */
    left:0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFF0; /*ivory lightgray;*/  
    color:  darkslategray; /* red darkslategray; */
/*
    font-weight: normal;
    text-align: center;
    background-size: contain;
    background-position: center; /* 50% 50%; */
/*    background-repeat: no-repeat; */
}

#menu_space h1 {
  font-family: Brush Script MT, Brush Script Std, Arial, Helvetica, sans-serif;
  font-size: 4vw;
  font-weight: bold; /* normal */
  color: darkslategray;
  text-align: center;
  text-decoration:none; /*underline; */
/*  margin-top: 1vw; */
  margin-bottom: 1vw;
/*  background-color: lightgray; */
/*  align-content: center; */
}

#menu_space p1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  /*font-weight: bold; */
  color: darkslategray;
  text-align: left;
/*  background-color: gray; *?
/*  align-content: center; */
}

#menu_space .menu_left {
/*	position: relative; */
	position: absolute;
   top: 6vw; /*0px*/
   left: 17vw; /*20px*/
	height: 18vw;
	width: 18vw;
   background-image: url("RR_images/BeverageMenu2.png");
   min-height: 18vw; 
/*  background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#menu_space .menu_center {
	position: absolute;
   top: 6vw;
   left: 40vw;
/*	position: relative;
   top: -250px;
   left: 340px; */
	height: 18vw;
	width: 18vw;
   background-image: url("RR_images/LunchMenu.png");
   min-height: 18wv; 
/*  background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   
/*	margin: 10px 20px 10px 20px;
	padding: 0px 10px 10px 10px;
	border-bottom: 1px solid #000; */
}
#menu_space .menu_right {
	position: absolute;
   top: 6vw;
   left: 63vw;
	height: 18vw;
	width: 18vw;
   background-image: url("RR_images/DinnerMenu.png");
   min-height: 18vw; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*	padding: 0px 20px 20px 20px; */
}
#menu_space .menu_bottom_left {
	position: absolute;
   top: 26vw;
   left: 17vw;
	height: 18vw;
	width: 18vw;
   background-image: url("RR_images/BarMenu.png");
   min-height: 18vw; 
/*  background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*	padding: 0px 20px 20px 20px; */
}
#menu_space .menu_botttom {
	position: absolute;
   top: 26vw;
   left: 40vw;
	height: 18vw;
	width: 18vw;
   background-image: url("RR_images/PrivateDiningMenu2.png");
   min-height: 18vw; 
/*  background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*	padding: 0px 20px 20px 20px; */
}

#menu_space h1.pageTitle {
	position: relative;
	left: 40px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 20px 10px 10px 5px;
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: black;
}

#menu_space h1.sectionTitle {
	position: relative;
	left: 15px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 20px 10px 10px 5px;
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: black;
}

#menu_space h2.question {
	position: relative;
	left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 10px 10px 10px 5px;
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 25px;
	color: black;
}

#menu_space h3.sxn {
	position: relative;
	left: 15px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	text-decoration: underline;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: black;
}

#menu_space p.answer {
	position: relative;
	left: 15px;
/*	margin-top: -85px; */
	margin-bottom: 10px;
	width: 100%;  /*  900px; */
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 18px/3.0;
	color: black;
}

/********** History **********/

#history {
background: #E2EFFF; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#history .history_container {
    position: relative;
    top: 0px;
    /* margin:0; */
    /* padding:0; */
    left:20;
    width: 100vw;  /*  900px; */
    height: auto;
}

#history h1 {
  font-family: Brush Script MT, Brush Script Std, Arial, Helvetica, sans-serif;
  font-size: 2.7em;
  /*font-weight: normal; */
  font-weight: bold;
  color: darkslategray;
  text-align: center;
  text-decoration:underline;
  margin-top: 3vh;
  margin-bottom: 3vh;
/*  background-color: lightgray; */
/*  align-content: center; */
}

/*#history history_paragraph { */
#history h2 {
    position: relative;
    top: 5vh;
    /* margin:0; */
    /* padding:0; */
    left: 5vw;
  width: 90vw;  /*  900px; */
  height: auto;
/*  margin: 50px 100px 50px 100px; */   
  font-family:Garamond, Dubai, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
    color: darkslategray;
}

/********** Contact **********/

#contact {
/* background: #E2EFFF; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#contact .contact_container {
    position: relative;
    top: 0px;
    /* margin:0; */
    /* padding:0; */
    left: 0px;
/* top right bottom left */
    margin: 0px 0px 0px 0px;
   background-image: url("RR_images/RestaurantBar02.jpg");
   min-height: 100vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contact p1 {
  position: absolute;
/*  position: relative; */
  top: 1vw;
  left: 22vw;
  background: #000; 
  font-family: Brush Script MT, Brush Script Std, Arial, Helvetica, sans-serif;
  font-size: 4vw;
  /*font-weight: normal; */
  font-weight: bold;
  color: lightgray;
  text-align: center;
  text-decoration:none;
}

#contact p2 {
  position: absolute;
/*  position: relative; */
    top: 7vw;
    left: 7vw;
  background: #000000; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5vw;
  font-weight: normal;
  color: lightgray;
  text-align: center;
}

#contact p3 {
  position: absolute;
/*  position: relative; */
    top: 12vw;
    left: 15vw;
  background: #000000; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5vw;
  font-weight: normal;
  color: lightgray;
  text-align: center;
}

#contact p4 {
  position: absolute;
/*  position: relative; */
    top: 17vw;
    left: 35vw;
  background: #000000; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5vw;
  font-weight: normal;
  color: lightgray;
  text-align: center;
}

#contact a.mailit {
  position: absolute;
/*  position: relative; */
    top: 17vw;
    left: 54vw;
}

#contact .hours_container {
  position: absolute;
    top: 22vw;
    left: 5vw;
  height: 22vw;
  width: 18vw;
  margin: 0vw 2vw 0vw 2vw; /* top right bottom left */
  padding: 0vw 2vw 0vw 2vw; /* top right bottom left */
  background: #331a00; /* #4d2600 #70490f #895506 #8B4513 */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5vw;
  font-weight: normal;
  color: white;
  text-align: left;
}

#contact .friends_container {
  position: absolute;
    top: 22vw;
    left: 32vw;
  height: 19vw;
  width: 30vw;
  background: #331a00; /* #4d0000 #70490f #895506 #8B4513 */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5vw;
  font-weight: normal;
  color: white;
  text-align: center;
}

#contact .friends_container.p5 {
  position: absolute;
/*  position: relative; */
    top: 34vw;
    left: 28vw;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5vw;
  font-weight: bold;
  color: white;
  text-align: center;
}

#contact p5 {
  position: absolute;
/*  position: relative; */
    top: 34vw;
    left: 28vw;
/*  background: #000000; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5vw;
  font-weight: bold;
  color: white;
  text-align: center;
}


#contact .cols2 {
  position: absolute;
    top: 39vw;
    left: 23vw;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-column-count: 2;
  -webkit-column-gap: 15px;
/*  -webkit-column-rule: 1px solid #000; */
  -moz-column-count: 2;
  -moz-column-gap: 15px;
/*  -moz-column-rule: 1px solid #000; */
  column-count: 2;
  column-gap: 15px;
  column-rule: none;
/*  column-rule:1px solid #000;   */
	text-align: left;
}

/********** Parties **********/

#parties {
/* background: #E2EFFF; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#parties .parties_container {
    position: relative;
    top: 0px;
    /* margin:0; */
    /* padding:0; */
    left: 0px;
/* top right bottom left */
    margin: 0px 0px 0px 0px;
   background-image: url("RR_images/SportsBar01.jpg");
   min-height: 125vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#parties h1 {
  position: relative;
  top: 3vh;
/*  background: #000; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  /*font-weight: normal; */
  font-weight: bold;
  color: lightgray;
  text-align: center;
  text-decoration:underline;
}

#parties h2 {
    position: relative;
    top: 70vh;
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3vw;
  font-weight: bold;
  color: lightgray;
  text-align: center;
}

#parties h3 {
    position: relative;
    top: 80vh;
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3vw;
  font-weight: normal;
  color: lightgray;
  text-align: center;
}

/********** Private Dining **********/

#private {
/* background: #E2EFFF; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#private .private_container {
    position: relative;
    top: 0vh;
    /* margin:0; */
    /* padding:0; */
    left: 0;
/* top right bottom left */
    margin: 0px 0px 0px 0px;
   background-image: url("RR_images/PrivateDining02.jpg");
   min-height: 100vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#private h1 {
  position: absolute;
  top: 12vh;
  left: 13vw;
  background: #331a00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  /*font-weight: normal; */
  font-weight: bold;
  color: lightgray;
  text-align: center;
  text-decoration: none; /*underline; */
}

#private h2 {
  position: absolute;
  top: 85vh;
  left: 10vw;
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: lightgray;
  text-align: center;
}

#private h3 {
    position: relative;
    top: 30vh;
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: lightgray;
  text-align: center;
}

/********** Customers **********/

#customers {
/* background: #F0F8FF; /* E2EFFF  lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#customers .customers_container {
    position: relative;
    top: 0px;
    left: 0px;
    margin: -20px 0px 0px -20px;
   background-image: url("RR_images/WordsBackground01.png");
/*   height: 65vw;
   width: 100vw; */
      min-height: 100vh;
      min-width: auto; /* 100vw; */
  background-attachment: scroll; /*fixed;*/
  background-position: left top; /* center center; */
  background-repeat: no-repeat;
  background-size: cover;
}

#customers .customers_slide_container {
    position: absolute;
    left: 28vw;
    top: 35vh;
   background-image: url("RR_images/CustomerKudos01.png");
    width: 45vw;
    height: 45vh;
/*      min-height: 45vh; */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
/*  background-attachment: scroll; *//*fixed;*/
}

#customers .customers_slide {
    position: absolute; /* relative; */
    left: 28vw;
    top: 35vh;
/*    overflow: visible hidden; */
/*    -webkit-overflow-scrolling: touch; */
    width: 45vw;
    height: 45vh;
/*   background-image: url("RR_images/CustomerKudos01.png"); */
    background-size: contain; /*cover  contain; */
    background-position: center; /*50% 50%;*/
    background-repeat: no-repeat;
        -webkit-animation: anm02 80s infinite 0.01s forwards;
        -moz-animation: anm02 80s infinite 0.01s forwards;
            animation: anm02 80s infinite 0.01s forwards;
          -webkit-animation-timing-function: cubic-bezier(0,1,0,1);
          -moz-animation-timing-function: cubic-bezier(0,1,0,1);
               animation-timing-function: cubic-bezier(0,1,0,1); 
        /* -webkit-animation-steps: 5;
                 animation-steps: 5; */
/*         -webkit-animation-iteration-count: infinite;
                 animation-iteration-count: infinite;
          -webkit-animation-fill-mode: forwards;
                 animation-fill-mode: forwards;
*/
}

@-webkit-keyframes anm02{
    0%{
        background-image: url('RR_images/CustomerKudos01.png');
    }
    25%{
        background-image: url('RR_images/CustomerKudos02.png');
    }
/*
    58%{
        background-image: url('RR_images/CustomerKudosBlank.png');
    }
*/
    50%{
        background-image: url('RR_images/CustomerKudos03.png');
    }
    75%{
        background-image: url('RR_images/CustomerKudos04.png');
    }
    100%{
        background-image: url('RR_images/CustomerKudos01.png');
    }
}

@keyframes anm02{
    0%{
        background-image: url('RR_images/CustomerKudos01.png');
    }
    25%{
        background-image: url('RR_images/CustomerKudos02.png');
    }
/*
    58%{
        background-image: url('RR_images/CustomerKudosBlank.png');
    }
*/
    50%{
        background-image: url('RR_images/CustomerKudos03.png');
    }
    75%{
        background-image: url('RR_images/CustomerKudos04.png');
    }
    100%{
        background-image: url('RR_images/CustomerKudos01.png');
    }
}

@-moz-keyframes anm02{
    0%{
        background-image: url('RR_images/CustomerKudos01.png');
    }
    25%{
        background-image: url('RR_images/CustomerKudos02.png');
    }
/*
    58%{
        background-image: url('RR_images/CustomerKudosBlank.png');
    }
*/
    50%{
        background-image: url('RR_images/CustomerKudos03.png');
    }
    75%{
        background-image: url('RR_images/CustomerKudos04.png');
    }
    100%{
        background-image: url('RR_images/CustomerKudos01.png');
    }
}

#customers h1 {
  position: relative;
  top: 3vw;
/*  background: #000; */
  font-family: Brush Script MT, Brush Script Std, Arial, Helvetica, sans-serif; 
/*  font-family: Arial, Helvetica, sans-serif; */
  font-size: 5vw;
  font-weight: bold;
  color: darkslategray;
  text-align: center;
  text-decoration:none; /*underline; */
}

#customers h2 {
    position: relative;
    top: 4vw;
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.5vw;
  font-weight: bold;
  color: darkslategray;
  text-align: center;
}

#customers h3 {
    position: relative;
    top: 30vw;
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: lightgray;
  text-align: center;
}

/********** Events **********/

#events {
/* background: #E2EFFF; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#events .events_container {
    position: relative;
    top: 0px;
    /* margin:0; */
    /* padding:0; */
    left: 0px;
/* top right bottom left */
    margin: -20px 0px 0px 0px;
   background-image: url("RR_images/Celebrations01.jpg");
   min-height: 100vh;
   height: 100vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#events h1 {
  position: relative;
  top: 3vw;
/*  background: #000; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  /*font-weight: normal; */
  font-weight: bold;
  color: lightgray;
  text-align: center;
/*  text-decoration:underline; */
}

#events h2 {
	position: absolute;
   top: 36vw; /*0px*/
   left: 5vw; /*20px*/
/*    position: relative;
    top: 40vw; */
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: lightgray;
  text-align: center;
}

#events h3 {
	position: absolute;
   top: 48vw; /*0px*/
   left: 20vw; /*20px*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold; /* normal; */
  color: lightgray;
  text-align: center;
}

#events .event_names_left {
	position: absolute;
   top: 13vw;
   left: 19vw;
	height: 20vw;
	width: 22vw;
   background: rgb(187,48,61);
   border-radius: 2vw;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: Black;
  font-weight: bold;
  text-align: center;
}

#events .event_names_right {
	position: absolute;
   top: 13vw;
   left: 55vw;
	height: 20vw;
	width: 22vw;
   background: rgb(187,48,61);
   border-radius: 2vw;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: Black;
  font-weight: bold;
  text-align: center;
}

#events .bottom_line {
	position: absolute;
   top: 38vw; /*0px*/
   left: 2vw; /*20px*/
	height: 15vw;
	width: 95vw;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bold; /* normal; */
  color: lightgray;
  text-align: center;
}

/********** Back to top button **********/


#pagewrap {
	margin: 0 auto;
/*	width: 1000px; */
/*	padding-left: 150px; */
	position: relative;
}

#back-top {
	position: fixed;
	bottom: 2vw;
	right: 2vw;
}

#back-top a {
	width: 6vw;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */

#back-top span {
	width: 7vw;
	height: 7vw;
	display: block;
/*	background: #ddd url(up-arrow.png) no-repeat center center; */
	background: url("RR_images/PageTopGray2.png") no-repeat center center;
   background-size: contain;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

#back-top a:hover span {
	background: url("RR_images/PageTopRed2.png") no-repeat center center;
   background-size: contain;

/*	background-color: #777; */
}

/********** End Back to top button **********/


/********** Orders **********/

#gameday_order {
 background: green; /* lightblue; #B0C4DE;   slategray; #F0F8FF #FFFFFF; */
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#gameday_order .order_container {
    position: relative;
    top: 0px;
    /* margin:0; */
    /* padding:0; */
    left: 0px;
/* top right bottom left */
    margin: -30px 0px 0px 0px;
   background-image: url("RR_images/GameDayFlyer01.png");
   min-height: 100vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
/*  background-size: cover; */
background-size: 40vw 80vh;
}

#gameday_order h1 {
  position: relative;
  top: 2vw;
/*  background: #000; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  /*font-weight: normal; */
  font-weight: bold;
  color: lightgray;
  text-align: center;
/*  text-decoration:underline; */
}

#gameday_order h2 {
	position: absolute;
   top: 43vw; /*0px*/
   left: 25vw; /*20px*/
/*    position: relative;
    top: 40vw; */
/*  background: #000000; */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: lightgray;
  text-align: center;
}

/********** TOPSPACE 2 **********/

#topSpace2 {
	height: 100vh;
/*   background-image: url("RR_images/FootballField01.jpg"); */
   background-image: url("RR_images/special-occasions.jpg");
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

/*	background: #8d7230; */
	border-bottom: 1px solid #fff;
}

#topSpace2 .topContainer2 {
	position: relative;
	top: 10vh;
	left: 0vw;
	height: 70vh;
	width: 95vw;
/*	background: #000; */
	padding: 1vh 0px 1vh 5vw;
/*	margin: 40px 40px 40px 40px; */
	text-align: left;
}

#topSpace2 .confirmFlyer {
	position: absolute; 
/*	position: relative; */
	top: 4vh;
	left: 2vw;
	height: 68vh;
	width: 32vw;
   background-image: url("RR_images/GameDayFlyer02.png");
      min-height: 50vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#topSpace2 .occasion {
    position: absolute;
	top: 4vh;
	left: 2vw;
	height: 70vh;
	width: 30vw;
   background-image: url("RR_images/flyerBkg.jpg");
      min-height: 70vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
   z-index: 1;
  cursor: pointer;
}

#topSpace2 .opaque {
    position: absolute;
	top: 4vh;
	left: 2vw;
	height: 70vh;
	width: 30vw;
   background-image: url("RR_images/opaqueLayer.jpg");
      min-height: 70vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  opacity: 0.6;
   z-index: 2;
  cursor: pointer;
   box-shadow: 0 0 3pt 2pt black;
}

#topSpace2 .deal {
    position: absolute;
	top: 4vh;
	left: 2vw;
	height: 70vh;
	width: 30vw;
   background-image: url("RR_images/currentDeal.jpg");
      min-height: 70vh;
  background-attachment: scroll; /*fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 5px;
  opacity: 0.7;
   z-index: 3;
  cursor: pointer;
}

#topSpace2 h2.bigCenter {
	position: absolute;
	top: 4vh;
	left: 43vw;
	margin: 0vh 0vw 7vh 0vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none; /*underline;*/
	font-size: 2em;
	color: #FFF;
}

#topSpace2 .leftPmtBlock {
	position: absolute; 
/*	position: relative; */
	top: 23vh;
	left: 35vw;
	height: 38vh;
	width: 30vw;
   -webkit-border-radius: 5vw;
	-moz-border-radius: 5vw;
	border-radius: 5vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 1.1em;
   line-height: 1.2em;
	color: #FFF;
	background: #284F98; /* #006600;  #166666; */
	border-radius: 5vw;
	padding: 20px 0px 30px 00px;
/*	margin: 40px 40px 40px 40px; */
/*	outline-style: solid;
	outline-color: #C00000;
	outline-width: thick;
*/
}

#topSpace2 .rightPmtBlock {
	position: absolute; 
/*	position: relative; */
	top: 23vh;
	left: 67vw;
	height: 38vh;
	width: 30vw;
   -webkit-border-radius: 5vw;
	-moz-border-radius: 5vw;
	border-radius: 5vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 1.1em;
   line-height: 1.2em;
	color: #FFF;
	background: #284F98; /* #006600;  #166666; */
	border-radius: 5vw;
	padding: 20px 0px 30px 00px;
/*	margin: 40px 40px 40px 40px; */
/*	outline-style: solid;
	outline-color: #C00000;
	outline-width: thick;
*/
}

#topSpace2 p.stdLeft {
	position: absolute; /* relative; */
	top: 25vh;
	left: 35vw;
	width: 28vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 1.2em;
   line-height: 1.4em;
	color: #FFF;
	background: #008000;  /* #166666; */
	border-radius: 5vw;
/*	outline-style: solid;
	outline-color: #FFF;
	outline-width: thin;
*/
}

#topSpace2 p.stdRight {
	position: absolute; /* relative; */
	top: 25vh;
	left: 65vw;
	width: 28vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 1.2em;
   line-height: 1.4em;
	color: #FFF;
	background: #008000;  /* #166666; */
	border-radius: 5vw;
/*	outline-style: solid;
	outline-color: #FFF;
	outline-width: thin;
*/
}

#topSpace2 .topPmtBlock {
	position: absolute; 
/*	position: relative; */
	top: 55vh;
	left: 51vw;
	height: 10vh;
	width: 15vw;
	background: #FFF;  /* #166666; */
   	-webkit-border-radius: 5vw;
	-moz-border-radius: 5vw;
	border-radius: 5vw;
/*	outline-style: solid;
	outline-color: #C00000;
	outline-width: thick;
*/
	padding: 20px 0px 30px 00px;
/*	margin: 40px 40px 40px 40px; */
	text-align: center;
}

#topSpace2 p.std1 {
	position: absolute; /* relative; */
	top: 25vh;
	left: 37vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 1.5em;
   line-height: 1.5em;
	color: #FFF;
}

#topSpace2 p.std2 {
	position: relative;
	top: .25vh;
	left: 6vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: left;
	font-size: 1.83em;
	color: #FFF;
}

#topSpace2 p.std3 {
	position: relative;
	top: 0.33vh;
	left: 20vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 2em;
	color: #FFF;
}

/********** END TOPSPACE 2 **********/

/********** GameDay CONTACT **********/

#Gcontact {
	position: relative;
	background: ##FE9A2E;
	border-top: 1px solid red ; /*#fff; */
	border-bottom: 1px solid #fff;
}

#Gcontact .GcontactSpace {
	position: relative;
	top: 1vh;
	min-height: 25vh;
	width: 100vw;
	background: #006600; /* #444852; #D9D9D8 ; #FF3D2E; */
}

#Gcontact p.left {
	position: relative;
	top: 1vh;
	left: 10vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	color: white;
}

#Gcontact p.right {
	position: relative;
	top: -3vh;
	left: 65vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	color: white;
}

#Gcontact p.farLeft {
	position: relative;
	top: 0.5vh;
	left: 20vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	color: white;
}

#Gcontact p.farRight {
	position: relative;
	top: -1vw;
	left: 85vw;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	color: white;
}

/********** END GameDay CONTACT **********/