﻿ body
          {
              /*background: #BBBBBB url( 'App_Themes/Standard/Images/background-tile-x.png' )*/
              /*background-tile-x.png --- social-influencers-1.png*/
          }
          body
          {
              background-position:top left; 
              padding-top: 0px;
              vertical-align:top;
              margin: 0;
              padding: 0;
              margin-right: 0px; 
              background-repeat: repeat-x; 
              font-family: Helvetica, Arial, sans-serif; 
              
	          font-size:14px;
	          color:#989898; /*#989898; 
              text-align: center;
	       /* background:#7E7E7E; /*#939393;*/
	          background-color: #939393;
	          line-height: 1.5;
              
          }
          
          a { color: #F15922; text-decoration: none; }
          
          a:focus, a:hover { text-decoration: underline; }

h1 { font-size: 28px; line-height: 1.5; margin-bottom: 0.8em; color: #474747; border-bottom: 1px solid #D4D6D6; }
h2 { font-size: 17px; line-height: 1; margin-bottom: 1em; color: #474747; }
h3 { font-size: 15px; line-height: 1; margin-bottom: 1em; color: #7E7E7E;  }


/* NAVIGATION */

          #masthead {
              width:1024px;
              height:104px;
              background:#3D3D3D;
              position:relative;
              text-align:left;
          }
          
          #masthead_container {
            background:#3D3D3D;
            background-repeat:repeat-x;
          }
          
          #topnav {
            margin: 0 25px 0 0;
            padding-left: 20px;
            float: right;
            position: relative;
          } 

          #navItems {
            left: 275px;
            top: 53px;
            position:absolute;
          }
          
          a:link.navItem, a:visited.navItem {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
            color:#FFFFFF;    
            padding-right:12px;
            padding-left:12px;
            padding-bottom:12px;
            padding-top:12px;             
            
          }
 
          a:hover.navItem {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
            color:#AED136;  
            padding-right:12px;
            padding-left:12px;
            padding-bottom:12px;
            padding-top:12px; 
            /* background-color: #ffffff;*/
            /*border:solid 2px #AED136; */
 
            }
            
             a:link.navItemSelected, a:visited.navItemSelected {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
            color:#FFFFFF;   
            padding-right:12px;
            padding-left:12px;
            padding-bottom:33px;
            padding-top:12px;
       
            border:solid 2px #AED136;

            
          }
 
          a:hover.navItemSelected {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
            color:#FFFFFF;   
            padding-right:12px;
            padding-left:12px;
            padding-bottom:33px;
            padding-top:12px;
            background-color:#AED136;
            border:solid 2px #7E7E7E; 
 
            }

   
          #logo
          {
            width: 210px;
            height: 28px;
           
            display:block;
            position:absolute;
            top:40px;
            left:30px;
            right: 1136px;
         }
  
  
          #musicbutton {
            color: #FFFFFF;
            width: 115px;
            height: 22px;
            border: 2px solid #ffffff;
            background-color:  #AED136; /*#6D8700;*/
            padding: 5px;
            padding-left:0px;
            padding-right:12px;
            /*background-image:url('Images/Arrow.png');background-repeat:no-repeat; background-position:right; padding-right:5px;*/
            background-image:url('Images/Arrow-1.png');background-repeat:no-repeat; background-position:right; 
            box-sizing: border-box;
            vertical-align:middle;
            overflow: hidden;     
            font-size:17px;
            position:absolute; 
            text-align:center;
            top:45px;
            left:840px;
            font-weight:bold; 
          }
         
         #musicbutton:hover
          {
            color: #AED136;
            width: 115px;
            height: 22px;
            border: 3px solid #AED136;
            background-color:Transparent;
            padding: 5px;
            padding-left:0px;
            padding-right:12px;
            background-image:url('Images/Arrow-2.png');background-repeat:no-repeat; background-position:right;
            box-sizing: border-box;
            vertical-align:middle;
            overflow: hidden;     
            font-size:17px;
            position:absolute; 
            text-align:center;
            top:45px;
            left:840px;
            font-weight:bold;   
            text-decoration:none;
            cursor:pointer;
            }


          #subnavItems {
            right: 50px;
            /*top: 75px;*/
            margin-top: -20px;
            position:absolute;
          }
          
          a:link.subnavItem, a:visited.subnavItem {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
            color:#878787; 
            padding-right:10px;
            padding-left:10px;
          }
 
          a:hover.subnavItem {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
            color:#1670B9; 
            padding-right:10px;
            padding-left:10px;
 
            } 
                        
          a:link.subnavItemSelected, a:visited.subnavItemSelected {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
            color:#474747;
            padding-right:10px;
            padding-left:10px;
          }
 
          a:hover.subnavItemSelected {
            font-size: 14px;
            font-weight:bold;
            text-decoration:none;
             color:#1670B9;
            padding-right:10px;
            padding-left:10px;
 
            } 
            
/* ################ CONTENT AREA ########################### 
    VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */   
      
            
          
             
             
         #box {
            margin-top: 0px;
            color: #474747; 
            border: 1px solid #ffffff;
            background-color: #FFFFFF; /*#6D8700;*/
            padding:20px;
            padding-top:3px;
            margin-left: 30px;
            margin-right: 30px;
            margin-bottom: 30px; 
            vertical-align:top;
            text-align:left;
            -o-border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -webkit-box-shadow: 0px 3px 7px #adadad;
            border-radius: 5px;
            -moz-box-sizing: border-box;
            -opera-sizing: border-box;
            -webkit-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
          }
          
          .box_p
          { 
              position: relative; 
              float: right; 
              width: 680px; 
              padding-top:15px; 
              margin-left:40px; 
              padding-bottom:25px; 
              border-bottom:dashed 1px #939393;
          }
          
          #bigInfluencer {
              position:absolute;
              width: 179px;
              height: 606px;
              top: 158px;
              left: 23px;
              background-image:url('Images/social-influencer.png');
          }
          
          #homepage_splash
          {
              width:100%;
              height:405px;
              background:#315AA9;
              position:relative;
              background-image:url('Images/social-influence-social-media-campaign.png'); 
              background-repeat:no-repeat;
              border-top:solid 1px #172E52;    
          }
          
          #splash_error
          {
              width:100%;
              height:200px;
              background:#F15922;
              position:relative;
              border-top:solid 1px #9C380E;
              border-bottom:solid 1px #9C380E;
            /*  background-image:url('Images/social-influencers-404.png'); 
              background-repeat:no-repeat; padding-left:-50px; padding-top:50px;
              border-top:solid 1px #172E52;    */
          }
          
          #contentbox_container_fixedsize {
              width:1024px;            
              background-color:#7E7E7E;
              position:relative;
              margin-top:0px; 
              padding-top:25px; 
              padding-bottom:10px;  
                   
          }       
          
  
         #contentbox_container_varsize {
              width:100%; 
              position:relative; 
              background-color:#7E7E7E;
              border-top:solid 1px #666666;
    top: 0px;
    left: 0px;
}
          #nextButtonContainer
          {
           
            float:right;
	        position: relative;
            padding-left:700px;
            padding-top:25px;
            
          }
          
          /*
          #nextButton
          {
            
            border-top-width:0px;
            border-right-width:0px;
            background-color: #F15922; 
            padding: 5px;
            box-sizing: border-box;
            overflow: hidden;  
            font-size:17px;
            right:0px; 
            bottom:0px;    
            width:300px; 
            display:block;
            height:25px; 
            vertical-align:middle; 
            text-align:center; 
            color: #FFFFFF;
            position: relative;
            
          }
          */
           a:link.nextButton, a:visited.nextButton {
            border-top-width:0px;
            border-right-width:0px;
            background-color: #F15922; 
            padding: 7px;
            padding-left:15px; 
            padding-right:15px;
            box-sizing: border-box;
            /*overflow: hidden;  */
            font-size:17px;
              
            width:300px; 
            height:25px; 
            vertical-align:middle; 
            text-align:center; 
            color: #FFFFFF;
            position: relative;        
             font-weight:bold;     
             border:solid 2px #F15922;
             cursor:pointer;
             

          }
 
          a:hover.nextButton {
            border-top-width:0px;
            border-right-width:0px;
            padding: 7px; 
            padding-left:15px; 
            padding-right:15px;
            font-size: 17px;
            right:0px; 
            bottom:0px;    
            width:300px; 
            height:25px; 
            vertical-align:middle; 
            text-align:center; 
            font-weight:bold;             
            background-color: #FFFFFF;
            color:#F15922;
            border:solid 2px #F15922;
            text-decoration:none;
            overflow: hidden;  
            cursor:pointer;
          } 
   
       
        
/* ########## FOOTER ######################### */        


         #footer_container {
	        background-color:#939393;
	        text-align:left;
	        width:100%;
	        height:200px;
	        position:relative; 
	       /* border-top:solid 1px #666666;*/
	        margin-top:0px; padding-top:0px;
	         
         }


        #footer {
	       
	        width:846px;
	        height:87%;
	        background-color: #939393; 
	        padding-left:178px;
	        
        }


        #footer h3 {
	        color: #323232;	
	        font-size:14px; 
	        font-weight:bold;
        }

        div.column {
	        float: left;
	        margin: 20px 0px 30px 50px; 
	        position:relative;
        	
        }
        
        #footer ul {
	        margin: 0; 
	        padding: 0;
	        width: 135px;
        }

        #footer ul li {
	        display: inline; /*IE FIX*/	
        }

        #footer li a {
	        line-height: 2em;
  	        display: block;
  	        border-bottom: 1px solid #777777;
  	        color: #DDDDDD;
	        vertical-align: bottom;  	
	        font-size:12px; font-weight:bold;
        }

        #nomove { position:fixed; left:0; top:50px;
        }

        #bottomframe
        {
             width:100%; 
             height:100%; 
             background-color:#191919;
             bottom:0;
             left:0;
             /*position:fixed;*/
             
             }
             

