body 
{
    background-color: #003366;
}
font
{
    font-size: 21px; 
    color:#ffffff;
}

/* 1 */
@media screen and (max-width: 320px){
 #homepgimg
    {
        width: 100%;
        display: block;
        margin: auto;
    }
    #homepgvid1
    {
        width: 235px;
        height: 170px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 265px;
        height: 170px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 265px;
        height: 170px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 20px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99%;
        border-style: solid;
    }
    #cssmenu 
    { 
      margin:0; 
      padding:0; 
      background: #bec8cb; 
      border: 1px solid #7398ba; 
      text-align:center; 
      width:99%; 
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 16px;
      font-weight: bold;
      min-width: 74px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    /*The 'navContainer' will hold the menu. We have declared a width of 220px, set a border and applied the background image. We have also centered the text. */
    #cssmenu ul
    { 
      margin:0; 
      padding:0; 
      list-style:none; 
    }

    /*Nothing unusual here, set the padding and margin to 0 and get rid of the bullet points.*/
    #cssmenu ul li 
    { 
      position:relative; 
    }
    /*This piece of code is important. By setting the list item to relative we are telling any child item (which is positioned absolutely) that it will be positioned relative to the position of its parent list item.*/
    #cssmenu ul li span
    { 
      display:block; 
    }
    /*Change display to 'block', this tells the element to fill all available space and makes the whole button click-able. Set the 'left' image as the background.*/
    #cssmenu ul li a
    { 
      text-decoration:none; 
      color:white; 
      font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; 
      display:block; 
      padding:8px; 
    }
    /*Get rid of the underline on our text, change the font color to white & change the font family. Change display to block yet again & set the 'right' image as the background. The two background images should now overlap to create a single image.*/
    #cssmenu ul li span:hover 
    { 
      background: purple; 
    }
    /*Following the same process as before apply the background image. Only difference here is that we are using the ':hover' pseudo class(and different images of course).*/
    #cssmenu ul li a:hover
    { 
      background: purple; 
    }
    /*Same again, but this time use the 'right' image. When hovering your mouse over the menu the background image should now change.*/
    #cssmenu ul ul
    { 
      position:absolute; 
      display:none;
    }
    /*Within our parent UL, set the position of any child UL to absolute. Set the display property to 'none'. This hides the drop-down menu, which can be brought back into sight when its parent list item is hovered.*/
    #cssmenu ul ul li a
    { 
      background: #989898; 
    }
    /*Set a background color for our sub-menu.*/
    #cssmenu ul li:hover ul
    { 
      width:99%; 
      position:relative; 
      display:block; 
      top:0;
    } 
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 35px;
      padding: 0 3px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 0px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}

/* 2 */
@media screen and (min-width: 321px) and (max-width: 480px){
    #homepgimg
    {
        width: 98%;
        display: block;
        margin: auto;
    }
    #homepgvid1
    {
        width: 265px;
        height: 170px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 265px;
        height: 170px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 290px;
        height: 200px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 20px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99%;
        border-style: solid;
    }
    #cssmenu 
    { 
      margin:0; 
      padding:0; 
      background: #bec8cb; 
      border: 1px solid #7398ba; 
      text-align:center; 
      width:99%; 
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 16px;
      font-weight: bold;
      min-width: 74px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    /*The 'navContainer' will hold the menu. We have declared a width of 220px, set a border and applied the background image. We have also centered the text. */
    #cssmenu ul
    { 
      margin:0; 
      padding:0; 
      list-style:none; 
    }

    /*Nothing unusual here, set the padding and margin to 0 and get rid of the bullet points.*/
    #cssmenu ul li 
    { 
      position:relative; 
    }
    /*This piece of code is important. By setting the list item to relative we are telling any child item (which is positioned absolutely) that it will be positioned relative to the position of its parent list item.*/
    #cssmenu ul li span
    { 
      display:block; 
    }
    /*Change display to 'block', this tells the element to fill all available space and makes the whole button click-able. Set the 'left' image as the background.*/
    #cssmenu ul li a
    { 
      text-decoration:none; 
      color:white; 
      font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; 
      display:block; 
      padding:8px; 
    }
    /*Get rid of the underline on our text, change the font color to white & change the font family. Change display to block yet again & set the 'right' image as the background. The two background images should now overlap to create a single image.*/
    #cssmenu ul li span:hover 
    { 
      background: purple; 
    }
    /*Following the same process as before apply the background image. Only difference here is that we are using the ':hover' pseudo class(and different images of course).*/
    #cssmenu ul li a:hover
    { 
      background: purple; 
    }
    /*Same again, but this time use the 'right' image. When hovering your mouse over the menu the background image should now change.*/
    #cssmenu ul ul
    { 
      position:absolute; 
      display:none;
    }
    /*Within our parent UL, set the position of any child UL to absolute. Set the display property to 'none'. This hides the drop-down menu, which can be brought back into sight when its parent list item is hovered.*/
    #cssmenu ul ul li a
    { 
      background: #989898; 
    }
    /*Set a background color for our sub-menu.*/
    #cssmenu ul li:hover ul
    { 
      width:99%; 
      position:relative; 
      display:block; 
      top:0;
    } 
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 35px;
      padding: 0 3px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 0px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}

/* 3 */
@media screen and (min-width: 481px) and (max-width: 768px){
    #homepgimg
    {
        max-width: 98%;
        display: block;
        margin: 0 auto;
    }
    #homepgvid1
    {
        width: 425px;
        height: 300px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 265px;
        height: 170px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 400px;
        height: 300px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 22px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99%;
        border-style: solid;
    }
    #cssmenu 
    { 
      margin:0; 
      padding:0; 
      background: #bec8cb; 
      border: 1px solid #7398ba; 
      text-align:center; 
      width:99%; 
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 16px;
      font-weight: bold;
      min-width: 74px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    /*The 'navContainer' will hold the menu. We have declared a width of 220px, set a border and applied the background image. We have also centered the text. */
    #cssmenu ul
    { 
      margin:0; 
      padding:0; 
      list-style:none; 
    }

    /*Nothing unusual here, set the padding and margin to 0 and get rid of the bullet points.*/
    #cssmenu ul li 
    { 
      position:relative; 
    }
    /*This piece of code is important. By setting the list item to relative we are telling any child item (which is positioned absolutely) that it will be positioned relative to the position of its parent list item.*/
    #cssmenu ul li span
    { 
      display:block; 
    }
    /*Change display to 'block', this tells the element to fill all available space and makes the whole button click-able. Set the 'left' image as the background.*/
    #cssmenu ul li a
    { 
      text-decoration:none; 
      color:white; 
      font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; 
      display:block; 
      padding:8px; 
    }
    /*Get rid of the underline on our text, change the font color to white & change the font family. Change display to block yet again & set the 'right' image as the background. The two background images should now overlap to create a single image.*/
    #cssmenu ul li span:hover 
    { 
      background: purple; 
    }
    /*Following the same process as before apply the background image. Only difference here is that we are using the ':hover' pseudo class(and different images of course).*/
    #cssmenu ul li a:hover
    { 
      background: purple; 
    }
    /*Same again, but this time use the 'right' image. When hovering your mouse over the menu the background image should now change.*/
    #cssmenu ul ul
    { 
      position:absolute; 
      display:none;
    }
    /*Within our parent UL, set the position of any child UL to absolute. Set the display property to 'none'. This hides the drop-down menu, which can be brought back into sight when its parent list item is hovered.*/
    #cssmenu ul ul li a
    { 
      background: #989898; 
    }
    /*Set a background color for our sub-menu.*/
    #cssmenu ul li:hover ul
    { 
      width:99%; 
      position:relative; 
      display:block; 
      top:0;
    } 
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 35px;
      padding: 0 3px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 1px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}

/* 4 */
@media screen and (min-width: 769px) and (max-width: 960px){
    #homepgimg
    {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    #homepgvid1
    {
        width: 450px;
        height: 350px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 450px;
        height: 350px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 450px;
        height: 350px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 24px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
        background: -webkit-linear-gradient(#646464, #4a4a4a);
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99.9%;
        border-style: solid;
    }
    #cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a 
    {
      margin: auto;
      padding: 0;
      position: relative;
      z-index:2000;
    }
    #cssmenu ul 
    {
      list-style: none;
    }
    #cssmenu > ul > li 
    {
      float: left;
    }
    #cssmenu ul ul 
    {
      display: none;
      position: absolute;
      top: 36px;
      min-width: 100%;
      text-align: center;  
      *width: 100%; /* IE7 hack*/
    }
    #cssmenu li:hover ul 
    {
      display: block;
    }
    #cssmenu:after,#cssmenu ul:after 
    {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 14px;
      font-weight: bold;
      min-width: 73px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 35px;
      padding: 0 3px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li:first-child a 
    {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      border-left: 1px solid #5d5d5d;
    }
    #cssmenu > ul > li:last-child a 
    {
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
    }
    #cssmenu li ul li 
    {
      text-align: center;
    }
    #cssmenu li ul li a 
    {
      border-top: 0 none;
      border-left: 1px solid #5d5d5d;
      display: block;
      line-height: 130%;
      padding: 9px 2px;
      text-align: center;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 1px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}

/* 5 */
@media screen and (min-width: 961px) and (max-width: 1220px){
    #homepgimg
    {
        max-width: 99%;
        display: block;
        margin: 0 auto;
    }
    #homepgvid1
    {
        width: 450px;
        height: 350px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 450px;
        height: 350px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 450px;
        height: 350px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 26px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
        background: -webkit-linear-gradient(#646464, #4a4a4a);
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99.7%;
        border-style: solid;
    }
    #cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a 
    {
      margin: auto;
      padding: 0;
      position: relative;
      z-index:2000;
    }
    #cssmenu ul 
    {
      list-style: none;
    }
    #cssmenu > ul > li 
    {
      float: left;
    }
    #cssmenu ul ul 
    {
      display: none;
      position: absolute;
      top: 36px;
      min-width: 99%;
      text-align: center;  
      *width: 100%; /* IE7 hack*/
    }
    #cssmenu li:hover ul 
    {
      display: block;
    }
    #cssmenu:after,#cssmenu ul:after 
    {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 16px;
      font-weight: bold;
      min-width: 90px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 35px;
      padding: 0 3px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li:first-child a 
    {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      border-left: 1px solid #5d5d5d;
    }
    #cssmenu > ul > li:last-child a 
    {
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
    }
    #cssmenu li ul li 
    {
      text-align: center;
    }
    #cssmenu li ul li a 
    {
      border-top: 0 none;
      border-left: 1px solid #5d5d5d;
      display: block;
      line-height: 130%;
      padding: 5px 2px;
      text-align: center;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 1px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}

/* 6 */
@media screen and (min-width: 1221px) and (max-width: 1440px){
    #homepgimg
    {
        max-width: 99%;
        display: block;
        margin: 0 auto;
    }
    #homepgvid1
    {
        width: 500px;
        height: 400px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 500px;
        height: 400px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 500px;
        height: 400px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 28px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
        background: -webkit-linear-gradient(#646464, #4a4a4a);
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99.6%;
        border-style: solid;        
    }
    #cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a 
    {
      margin: auto;
      padding: 0;
      position: relative;
      z-index:2000;
    }
    #cssmenu ul 
    {
      list-style: none;
    }
    #cssmenu > ul > li 
    {
      float: left;
    }
    #cssmenu ul ul 
    {
      display: none;
      position: absolute;
      top: 36px;
      min-width: 99%;
      text-align: center;  
      *width: 100%; /* IE7 hack*/
    }
    #cssmenu li:hover ul 
    {
      display: block;
    }
    #cssmenu:after,#cssmenu ul:after 
    {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 18px;
      font-weight: bold;
      min-width: 57px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 34px;
      padding: 0 20px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li:first-child a 
    {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      border-left: 1px solid #5d5d5d;
    }
    #cssmenu > ul > li:last-child a 
    {
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
    }
    #cssmenu li ul li 
    {
      text-align: center;
    }
    #cssmenu li ul li a 
    {
      border-top: 0 none;
      border-left: 1px solid #5d5d5d;
      display: block;
      line-height: 130%;
      padding: 9px 5px;
      text-align: center;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 1px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}

/* 7 */
@media screen and (min-width: 1441px) and (max-width: 1599px){
    #homepgimg
    {
        max-width: 99%;
        display: block;
        margin: 0 auto;
    }
    #homepgvid1
    {
        width: 500px;
        height: 400px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 500px;
        height: 400px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 500px;
        height: 400px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 28px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
        background: -webkit-linear-gradient(#646464, #4a4a4a);
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99.6%;
        border-style: solid;
        z-index:1000;
    }
    #cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a 
    {
      margin: auto;
      padding: 0;
      position: relative;
      z-index:2000;
    }
    #cssmenu ul 
    {
      list-style: none;
    }
    #cssmenu > ul > li 
    {
      float: left;
    }
    #cssmenu ul ul 
    {
      display: none;
      position: absolute;
      top: 36px;
      min-width: 99%;
      text-align: center;  
      *width: 100%; /* IE7 hack*/
    }
    #cssmenu li:hover ul 
    {
      display: block;
    }
    #cssmenu:after,#cssmenu ul:after 
    {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 18px;
      font-weight: bold;
      min-width: 84px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 34px;
      padding: 0 35px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li:first-child a 
    {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      border-left: 1px solid #5d5d5d;
    }
    #cssmenu > ul > li:last-child a 
    {
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
    }
    #cssmenu li ul li 
    {
      text-align: center;
    }
    #cssmenu li ul li a 
    {
      border-top: 0 none;
      border-left: 1px solid #5d5d5d;
      display: block;
      line-height: 130%;
      padding: 9px 5px;
      text-align: center;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 1px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}
/* 8 */
@media screen and (min-width: 1600px){
    #homepgimg
    {
        max-width: 99%;
        display: block;
        margin: 0 auto;
    }
    #homepgvid1
    {
        width: 600px;
        height: 500px;
        margin: auto;
        display: block;            
    }
    #homepgvid2
    {
        width: 600px;
        height: 500px;
        margin: auto; 
        display:none;           
    }
    #homepgvid3
    {
        width: 600px;
        height: 500px;
        margin: auto; 
        display: block;                  
    }
    h2 
    {
      font-size: 30px;
      color: #ffffff;
    }
    #nav
    {
        display: flex;
        justify-content: center;
        background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
        background: -webkit-linear-gradient(#646464, #4a4a4a);
        background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
        background: linear-gradient(top, #646464 0%, #4a4a4a 100%);
        width: 99.7%;
        border-style: solid;
    }
    #cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a 
    {
      margin: auto;
      padding: 0;
      position: relative;
      z-index:2000;
    }
    #cssmenu ul 
    {
      list-style: none;
    }
    #cssmenu > ul > li 
    {
      float: left;
    }
    #cssmenu ul ul 
    {
      display: none;
      position: absolute;
      top: 36px;
      min-width: 99%;
      text-align: center;  
      *width: 100%; /* IE7 hack*/
    }
    #cssmenu li:hover ul 
    {
      display: block;
    }
    #cssmenu:after,#cssmenu ul:after 
    {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu a 
    {
      color: #ffffff;
      display: inline-block;
      font-family: "Arial Black", Gadget, sans-serif;
      font-size: 20px;
      font-weight: bold;
      min-width: 100px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    #cssmenu > ul > li.active a 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover 
    {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a 
    {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
      background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
      background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
      background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 34px;
      padding: 0 35px;
      filter: none;
    }
    #cssmenu > ul > li a:hover 
    {
      background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li:first-child a 
    {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      border-left: 1px solid #5d5d5d;
    }
    #cssmenu > ul > li:last-child a 
    {
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
    }
    #cssmenu li ul li 
    {
      text-align: center;
    }
    #cssmenu li ul li a 
    {
      border-top: 0 none;
      border-left: 1px solid #5d5d5d;
      display: block;
      line-height: 130%;
      padding: 9px 5px;
      text-align: center;
    }
    /********** Begin of Carousel **********/ 
    #owl-demo .item
    {
      margin: 1px;
    }
    #owl-demo .item img
    {
      display: block;
      width: 99%;
      height: auto;
    }
    /**********  End of Carousel  **********/
}

/*
********** Used to enable enlarging of images on the page **********
.enlarge:hover 
{
  transform:scale(3.25,1.75);
  transform-origin:3 3;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlarge2:hover 
{
  transform:scale(1.50,1.75);
  transform-origin:3 3;
  top: 70%;
  left: 70%;
  background: #000000;
}

.enlarge3:hover 
{
  transform:scale(3.25,2.75);
  transform-origin:3 3;
  display: block;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlarge3a:hover 
{
  transform:scale(2.25,1.75);
  transform-origin:3 3;
  display: block;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlarge3left:hover 
{
  transform:scale(3.25,1.75);
  transform-origin:3 3;
  display: block;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlarge3right:hover 
{
  transform:scale(3.25,1.75);
  transform-origin:3 3;
  display: block;
  top: 50%;
  left: 5px;
  background: #000000;
}

.enlarge4:hover 
{
  transform:scale(2.25,3.75);
  transform-origin:3 3;
  top: 50%;
  left: 50%;
  background: #000000;
}

.shirtenlarge4:hover {
  transform:scale(3.0,2.75);
  transform-origin:4 4;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlargebs:hover 
{
  transform:scale(1.75,1.25);
  transform-origin:6 6;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlargews:hover {
  transform:scale(1.85,2.25);
  transform-origin:6 6;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlarge2b:hover 
{
  transform:scale(1.75,1.75);
  transform-origin:3 3;
  top: 70%;
  left: 70%;
  background: #000000;
}

.enlarge2w:hover 
{
  transform:scale(2.00, 1.75);
  transform-origin:3 3;
  top: 70%;
  left: 70%;
  background: #000000;
}

.enlarge2s:hover 
{
  transform:scale(1.25, 1.5);
  transform-origin:3 3;
  top: 70%;
  left: 70%;
  background: #000000;
}

.enlargebss:hover 
{
  transform:scale(1.5,1.5);
  transform-origin:6 6;
  top: 50%;
  left: 50%;
  background: #000000;
}

.enlargeart:hover 
{
  transform:scale(1.75, 1.75);
  transform-origin:3 3;
  top: 70%;
  left: 70%;
  background: #000000;
}
*/

/************) For future use ************/
/*
/* For portrait layouts only */
/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){

}

/* For landscape layouts only */
/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){
  
}