/* ----------------------------------------------------------------------

           CSS Document - Layout, Style and main page structure.                                                       
                
--------------------------------------------------------------------- */

body  {
		background: #ffffff; 
        background-position:center center;
		background-attachment: fixed;
		-o-background-size: auto;
		-moz-background-size: auto;
		margin-top: 20px;
		background-size: cover;
        color:#000000;
		font: normal 13px/20px Georgia, "Times New Roman", Times, serif;
		margin: 0; 
        padding: 0;
        overflow: auto;
      }

h2    {
		font-family: verdana;
		font-size: 13px;
		color: #ffffff;
		text-decoration: none;
		padding-top: 80px;
		padding-left: 6px;
      }

/* -- //////////////////////////////////////////////////// BODY CSS START ////////////////////////////////////////////////////////////////// -- */

#featured {
	    	background: url(images/vivaback.png) no-repeat #ffffff;
	    	position: absolute;
	    	background-position:center center;
	    	background-attachment: fixed;
	   	    -o-background-size: auto;
	        -moz-background-size: auto;
	    	background-size: cover;
	    	width: 100%;
	    	height: 100%;
	    	overflow: hidden;
	    	left: 0px;
	    	top: 0px;
	    	z-index: 1;
          }
          
#logo {
        background: url(images/logo.svg) no-repeat;
        position: relative;
        top: 450px;
        left: 20px;
        width: 350px;
        height: 36px;
        margin: auto;
        z-index: 5;
      }
      
#window {
	      background: transparent; 
          position: relative;
	      top: 0px;
	      max-width: 1100px;
	      height: 100%;
	      margin: auto;
	      z-index: 2;
    	}
          
#leftside  {
	     	 background: #ffffff; 
             position: absolute;
	     	 left: 0px;
	     	 top: 0px;
	     	 width: 50px;
	     	 height: 100%;
	     	 z-index: 2;
           }
	   
#rightside  {
	      	  background: #ffffff; 
              position: absolute;
	      	  right: 0px;
	      	  top: 0px;
	      	  width: 50px;
	      	  height: 100%;
	      	  z-index: 2;
            }
	   
#topside  {
	    background: #ffffff; 
            position: absolute;
	    top: 0px;
	    width: 100%;
	    height: 50px;
	    z-index: 2;
          }
	   
#bottomside  {
	       background: #ffffff; 
               position: absolute;
	       bottom: 0px;
	       width: 100%;
	       height: 50px;
	       z-index: 2;
             }
	     
#bannernav {
	     	 background: transparent; 
             position: absolute;
	     	 top: 0px;
	     	 left: 50px;
	     	 width: 250px;
	     	 height: 100%;
	     	 z-index: 2;
           }
           
#socialnav {
	     	 background: transparent; 
             position: absolute;
	     	 top: 0px;
	     	 left: 305px;
	     	 width: 250px;
	     	 height: 100%;
	     	 z-index: 2;
           }
	   
#topbar {
	      background: #000000; 
          position: absolute;
	      top: 0px;
	      left: 0px;
	      width: 250px;
	      height: 50px;
	      margin: auto;
	      z-index: 1;
        }
        
#featurebar {
	  		  background: transparent; 
           	  position: absolute;
	  		  top: 0px;
	  		  left: 0px;
	  		  width: 250px;
	  		  height: 50px;
	  		  z-index: 1;
        	}
        	
#iconsbar {
	     	background: transparent; 
            position: absolute;
	     	bottom: 0px;
	     	left: 0px;
	     	width: 250px;
	     	height: 50px;
	     	z-index: 1;
          }
          
#socialbox {
	     	 background: transparent; 
             position: absolute;
	     	 bottom: 0px;
	     	 left: 0px;
	     	 width: 350px;
	     	 height: 50px;
	     	 z-index: 1;
           }
           
#instagram {
	     	 background: transparent; 
             position: absolute;
	     	 top: 12px;
	     	 left: 260px;
	     	 width: 20px;
	     	 height: 20px;
	     	 z-index: 1;
           }

#youtube {
	       background: transparent; 
           position: absolute;
	       top: 12px;
	       left: 298px;
	       width: 20px;
	       height: 20px;
	       z-index: 1;
         }
           
#x {
	 background: transparent; 
     position: absolute;
	 top: 13px;
	 right: 0px;
	 width: 17px;
	 height: 17px;
	 z-index: 1;
   }
          
#navigationbox {
	     	     background: transparent; 
                 position: absolute;
	     	     top: 0px;
	     	     right: 50px;
	     	     width: 350px;
	     	     height: 100%;
	     	     z-index: 2;
               }
               
#navmenubar {
	  		  background: transparent; 
           	  position: absolute;
	  		  top: 0px;
	  		  left: 0px;
	  		  width: 350px;
	  		  height: 50px;
	  		  z-index: 1;
        	}
             
.head {
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: 18px;
		font-weight: 300;
		letter-spacing: .23em;
        position: absolute;
		color: #ffffff;
		top: 14px;
		left: 38px;
      }
	     
.nav1 {
	    font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: .15em;
        position: absolute;
	    color: #000000;
	    top: 14px;
	    right: 0px;
      }

.nav1 a {
		  Text-decoration: none;
		}
		
.nav1 a:visited {
		  		  color: #000000;
			    }
      
.nav1:hover {
	          color: #5d5d5d;
            }
            
.nav2 {
	    font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: .15em;
        position: absolute;
	    color: #000000;
	    top: 14px;
	    right: 85px;
      }
      
.nav2 a {
		  Text-decoration: none;
		}
		
.nav2 a:visited {
		  		  color: #000000;
			    }
      
.nav2:hover {
	          color: #5d5d5d;
            }
	    
#footerbox {
	     background: #000000; 
             position: absolute;
	     bottom: 0px;
	     left: 0px;
	     width: 250px;
	     height: 50px;
	     z-index: 1;
           }
	   
.footertext {
	      	  font-family: 'Barlow Semi Condensed', sans-serif;
	      	  font-size: 11px;
	      	  font-weight: 300;
	      	  letter-spacing: .23em;
              position: absolute;
	      	  color: #aeaeae;
	      	  top: 15px;
	      	  left: 40px;
            }

/* -- //////////////////////////////////////////////////// BODY CSS END ////////////////////////////////////////////////////////////////// -- */

/* -- //////////////////////////////////////////////////// ABOUT CSS START /////////////////////////////////////////////////////////////// -- */

/* -- //////////////////////////////////////////////////// ABOUT CSS END ///////////////////////////////////////////////////////////////// -- */



/* END CSS ----------------------------------------------------------------------
--------------------------------------------------------------------- */