#bordered { border:2px solid; 
             margin-left:10px;      
             margin-right:10px;}

.oneColFixCtr #container {
	width: 320px; 
	background-color: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; 
        -webkit-text-size-adjust: none; }

.floatleft { float:left; 
             padding:5px; }
			 
.floatleftborder { border:1px solid;
             float:left; 
             padding:0px; 
			 margin-left:10px; 
             margin-right:10px;
             margin-bottom:5px;
             margin-top:0px;}

.floatright { float:right; 
              padding:5px; }
			  
.floatrightborder { border:1px solid;
             float:right; 
             padding:0px; 
			 margin-left:10px; 
             margin-right:10px;
             margin-bottom:5px;
             margin-top:0px;}

.floatleft2 { border:1px solid;
              float:left; 
             margin-left:10px; 
             margin-right:10px;
             margin-bottom:5px;
             margin-top:5px;}

.floatright2 { border:1px solid;
              float:right; 
             margin-left:10px; 
             margin-right:10px;
             margin-bottom:5px;
             margin-top:5px;}

.floatleft3 { border:1px solid;
              float:left; 
             margin-left:10px; 
             margin-right:10px;
             margin-bottom:5px;
             margin-top:15px;}

.floatright3 { border:1px solid;
              float:right; 
             margin-left:10px; 
             margin-right:10px;
             margin-bottom:0px;
             margin-top:5px;}

.floatleft4 { border:1px solid;
              float:left; 
             margin-left:10px; 
             margin-right:10px;
             margin-bottom:0px;
             margin-top:5px;}

.floatleft5 { float:left;
             margin-left:10px;
             margin-right:10px;
             margin-bottom:5px;
             margin-top:5px;}

 p.footer  {color:#000000;
                  text-align:center;
                  padding-left:0px;      
                  padding-right:0px;    
                  padding-top:20px;      
                  padding-bottom:0px;
                  font-family: Georgia; 
                  font-size:1em;
                  margin:0px; }

 .fb-like { position:absolute;
	   margin-left:50%;
	   padding-left:0px;
	   left:-113px;
	   top:96px;
             z-index:5; }

 #twitter-follow { position:absolute;
	   margin-left:50%;
	   padding-left:0px;
	   left:-28px;
	   top:114px;
             z-index:5; }


  p.contact  {color:#000000;
             text-align:center;
             padding-left:5px;      
             padding-right:5px;    
             padding-top:10px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:1.25em;
             margin:0px; }

  p.contact2  {color:#000000;
             text-align:center;
             padding-left:5px;      
             padding-right:5px;    
             padding-top:10px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:1.1em;
             margin:0px; }

  p.faqQ  {color:#00365a;
             font-style:italic;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:10px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:1em;
             margin:0px; }
			 
  p.faqA  {color:#000000;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:10px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:0.75em;
             margin:0px; }

  p.main  {color:#000000;
             text-align:justify;
             padding-left:5px;      
             padding-right:5px;    
             padding-top:10px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:0.938em;
             margin:0px; }

  p.main2  {color:#000000;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:10px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:0.75em;
             margin:0px; }

  p.main2b  {color:#000000;
             text-align:center;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:60px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:1.5em;
             margin:0px; }

  p.main2c  {color:#000000;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:0px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size:0.75em;
             margin:0px; }

  p.main2d  {color:#000000;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:60px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:1.125em;
             margin:0px; }

  p.main2d2  {color:#000000;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:20px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size:1.125em;
             margin:0px; }

  p.headline  {color:#00365a;
             text-align:center;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:0px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size:1em;
             margin:0px; }

  p.headline2  {color:#00365a;
             letter-spacing:2px;
             text-align:center;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:0px;
             font-family: Georgia, Times, "Times New Roman", serif;
             font-size:1em;
             margin:0px; }

  p.headline3  {color:#00365a;
             letter-spacing:2px;
             text-align:center;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:0px;
             font-family: Georgia, Times, "Times New Roman", serif;
             font-size:1em;
             margin:0px; }



  p.picmain  {color:#000000;
             text-align:right;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:2px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size:10px;
             margin:0px; }

  p.picmain2  {color:#000000;
             text-align:left;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:2px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size:10px;
             margin:0px; }

  p.quote  {color:#000000;
             font-style:italic;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:10px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:.75em;
             margin:0px; }

  p.quote1  {color:#000000;
             font-style:italic;
             text-align:justify;
             padding-left:50px;      
             padding-right:10px;    
             padding-top:10px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:.75em;
             margin:0px; }

  p.quote2  {color:#000000;
             font-style:italic;
             text-align:justify;
             padding-left:10px;      
             padding-right:50px;    
             padding-top:10px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:.75em;
             margin:0px; }

  p.quoteb  {color:#000000;
             font-weight:bold;
             text-align:right;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:.75em;
             margin:0px; }

  p.quoteb2  {color:#000000;
             font-weight:bold;
             text-align:right;
             padding-left:10px;      
             padding-right:50px;    
             padding-top:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:.75em;
             margin:0px; }

  p.quotec  {color:#000000;
             font-weight:bold;
             text-align:right;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:.6em;
             margin:0px; }

  p.quotec2  {color:#000000;
             font-weight:bold;
             text-align:right;
             padding-left:10px;      
             padding-right:50px;    
             padding-top:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:.6em;
             margin:0px; }



  p.mission  {color:#ffffff;
             text-align:justify;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:19.5px;
             margin-left:50px;
             margin-right:50px;
             margin-top:25px;
             margin-bottom:25px; }

  p.missionspacer  {color:#ffffff;
             text-align:justify;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
             font-size:0.1em;
             margin-left:50px;
             margin-right:50px;
             margin-top:0px;
             margin-bottom:0px; }

  p.gearheadline  {color:#000000;
             letter-spacing:2px;
             text-align:center;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:30px;
             margin-left:10px;
             margin-right:10px;
             margin-top:70px;
             margin-bottom:0px; }

  p.gearheadline2  {color:#000000;
             letter-spacing:2px;
             text-align:center;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:30px;
             margin-left:10px;
             margin-right:10px;
             margin-top:0px;
             margin-bottom:-25px; }



  p.contactheadline1a {color:#000000;
             letter-spacing:2px;
             text-align:left;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:28px;
             margin-left:10px;
             margin-right:10px;
             margin-top:70px;
             margin-bottom:0px; }

  p.contactheadline1b {color:#000000;
             letter-spacing:2px;
             text-align:left;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:28px;
             margin-left:10px;
             margin-right:10px;
             margin-top:0px;
             margin-bottom:0px; }

  p.emailcontact  {color:#ffffff;
             letter-spacing:2px;
             text-align:left;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-family:Georgia; 
             font-size:28px;
             margin-left:10px;
             margin-right:10px;
             margin-top:0px;
             margin-bottom:0px; }

  p.mainclip  {color:#0000ff;
             text-align:Justify;
             padding-left:170px;      
             padding-right:10px;    
             padding-top:10px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:1em;
             margin:0px; }

  p.caption  {color:#000000;
             text-align:center;
             padding-left:10px;      
             padding-right:10px;    
             font-family: Arial; 
             font-size:0.75em;
             margin:0px; }

  p.main3  {color:#000000;
             text-align:justify;
             padding-left:10px;      
             padding-right:10px;    
             padding-top:10px;
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:20px;
             margin:0px; }

  p.main4  {color:#000000;
             text-align:justify;
             padding-left:45px;      
             padding-right:10px;    
             padding-top:0px;
             font-family: Arial; 
             font-size:1.25em;
             margin:0px; }

  p.nav  {color:#ffffff;
             text-align:center;
             padding-top:2px;
             padding-left:0px;      
             padding-right:0px;
             padding-bottom:0px;    
             font-family: 'Vollkorn', Georgia, Times, "Times New Roman", serif; 
             font-size:1em; 
             margin:0px; }

  p.mainlarger  {color:#ffffff;
             text-align:left;
             padding-left:70px;      
             padding-right:70px;    
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:3.75em;
             margin:0px; }

  p.animalheader  {color:#000000;
             text-align:center;
             padding-left:70px;      
             padding-right:70px;    
             padding-top:0px;    
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:4.5em;
             margin:0px; }

  p.mainright  {color:#ffffff;
             text-align:right;
             padding-left:70px;      
             padding-right:70px;    
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:1.625em;
             margin:0px; }

  p.infoheader  {color:#00365a;
             text-align:Center;
             padding-left:5px;      
             padding-right:5px;    
             padding-top:2px;  
             font-family: Georgia, Times, "Times New Roman", serif; 
             font-size:1.5em;
             margin:0px; }

  p.email   {color:#ffff00;
                  text-align:center;
                  padding-left:0px;      
                  padding-right:0px;    
                  padding-top:0px;
                  padding-bottom:30px;
                  font-family: Georgia; 
                  font-size:1em;
                  margin:0px; }


h1.google1 {
             font-family: 'Raleway', Helvetica, Arial, sans-serif;
letter-spacing:1px;
             line-height: 55px;
             color:#ffffff;
             text-align:left;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-size:42px;
             margin-left:50px;
             margin-right:50px;
             margin-top:25px;
             margin-bottom:0px; 
             text-shadow: 1px 1px 6px rgba(f,f,f,.5); }

h2.google3 {
             font-family: 'Raleway', Helvetica, Arial, sans-serif;
letter-spacing:1px;
             line-height: 55px;
             color:#ffffff;
             text-align:justify;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-size:34px;
             margin-left:50px;
             margin-right:50px;
             margin-top:0px;
             margin-bottom:25px; 
             text-shadow: 1px 1px 6px rgba(f,f,f,.5); }

 
p.google2 {
             font-family: 'Vollkorn', Georgia, Times, serif;
             line-height: 25px;
             color:#ffffff;
             text-align:justify;
             padding-left:0px;      
             padding-right:0px;    
             padding-top:0px;
             padding-bottom:0px;
             font-size:18px;
             margin-left:50px;
             margin-right:50px;
             margin-top:25px;
             margin-bottom:25px; }


   a:link {color:#0000ff; 
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } 

   a:visited {color:#0000ff; }

   a:hover  {color:#6666ff; } 

   a:active {color:white; } 



  #banner1 { position:absolute;
	   margin-left:50%;
	   padding-left:0px;
	   left:-160px;
	   top:0px;
                     background-color:#ffffff;
                     width:320px;
                     height:63px; 
                     z-index:1; }

  #behindbanner { position:absolute;
	   margin-left:50%;
	   left:-50%;
	   top:0px;
           background-color:#373735;
           width:100%;
           height:63px; 
           z-index:0; }



  #bannerfill2 { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-50%;
	       top:63px;
                         background-color:#00365a;
                         width:100%;
                         height:24px; 
                         z-index:1; 
                         -webkit-box-shadow: 0px 15px 13px rgba(0,0,0,.6);
                         -moz-box-shadow: 0px 15px 13px rgba(0,0,0,.6);
                         box-shadow: 0px 15px 13px rgba(0,0,0,.6); }


  #bannerfill3 { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-50%;
	       top:111px;
                         background-color:#c0c0c0;
                         width:100%;
                         height:27px; 
                         z-index:2; }
						 
  #bannerfill4 { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-50%;
	       top:87px;
                         background-color:#004c7f;
                         width:100%;
                         height:24px; 
                         z-index:2; }

  #bannernav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       padding-top:10px;
	       left:-160px;
	       top:60px;
                         background-color:#002136;
                         width:320px;
                         height:24px; 
                         z-index:1; }

  #aboutbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-155px;
	       top:63px;
                         width:70px;
                         height:24px; 
                         z-index:2; }

  #aboutnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-155px;
	       top:63px;
                         background-color:#ffffff;
                         width:50px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #aboutnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 

  #blogbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-400px;
	       top:63px;
                         width:84px;
                         height:24px; 
                         z-index:2; }

  #blognav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-400px;
	       top:63px;
                         background-color:#ffffff;
                         width:84px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #blognav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 

  #soundcloudbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-85px;
	       top:63px;
                         width:88px;
                         height:24px; 
                         z-index:2; }

  #soundcloudnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-85px;
	       top:63px;
                         background-color:#ffffff;
                         width:67px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #soundcloudnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 

  #contactbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:0px;
	       top:63px;
                         width:88px;
                         height:24px; 
                         z-index:2; }


  #contactnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:0px;
	       top:63px;
                         background-color:#ffffff;
                         width:70px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #contactnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 

  #pressbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-127px;
	       top:63px;
                         width:77px;
                         height:24px; 
                         z-index:2; }

  #pressnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-127px;
	       top:63px;
                         background-color:#ffffff;
                         width:77px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #pressnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 

  #ratesbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:85px;
	       top:63px;
                         width:66px;
                         height:24px; 
                         z-index:2; }

  #ratesnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:85px;
	       top:63px;
                         background-color:#ffffff;
                         width:66px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #ratesnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 

  #gearbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:60px;
	       top:87px;
                         width:60px;
                         height:24px; 
                         z-index:2; }

  #gearnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:60px;
	       top:87px;
                         background-color:#ffffff;
                         width:60px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #gearnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 
				 
   #photosbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-67px;
	       top:87px;
                         width:140px;
                         height:24px; 
                         z-index:2; }

  #photosnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-67px;
	       top:87px;
                         background-color:#ffffff;
                         width:122px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #photosnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 
				 
   #faqbox { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-134px;
	       top:87px;
                         width:80px;
                         height:24px; 
                         z-index:2; }

  #faqnav { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-134px;
	       top:87px;
                         background-color:#ffffff;
                         width:60px;
                         height:24px; 
                         opacity:0.0;
                         filter:alpha(opacity=0);
                         z-index:3; }

   #faqnav:hover { opacity:0.1;
                 filter:alpha(opacity=10); } 

  #gradientouter { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-50%;
	       top:400px;
                         background-image:url('https://www.fourlegsrecords.com/pics/gradient1.png');
                         background-repeat:x-axis;
                         width :100%;
                         height:23px; 
                         z-index:2; }


                         height:23px; 
                         z-index:3; }

   #infopanel {
	position:absolute;
	margin-left:50%;
	padding-left:0px;
	padding-top:0px;
	left:-160px;
	top:120px;
	background-color:#ffffff;
	width:320px;
	z-index:-1;
	font-size: 16px; }

  img.border  { border-color:00365a; }






  #splashimagespacer  { 
                                   width:290px;
                                   height:385px; 
                                   float:left; 
                                   border-width:0px;  }

  #splashimagespacer2  { background-image:url("https://www.fourlegsrecords.com/pics/splashgradient1.png");
                                   background-repeat:repeat-x;
                                   width:290px;
                                   height:304px; 
                                   float:left;
                                   border-width:0px;  }

  #splashimagespacer3  { background-image:url("https://www.fourlegsrecords.com/pics/splashgradient1.png");
                                   background-repeat:repeat-x;
                                   width:290px;
                                   height:204px; 
                                   float:left;
                                   border-width:0px;  }

  #missionbanner  { position:absolute;
                                   width:100px;
                                   height:165px; 
	                 margin-left:50%;
	                 left:-155px;
	                 top:80px;
                                   z-index:5; }






  #contactbanner  { position:absolute;
                                   width:300px;
                                   height:200px; 
	                 margin-left:50%;
	                 left:-503px;
	                 top:70px;
                         z-index:5; }

  #contactmap  { position:absolute;
                                   width:300px;
                                   height:200px; 
	                 margin-left:50%;
	                 left:195px;
	                 top:300px;
                         z-index:5; }

  #ratescircle  { position:absolute;
                                   width:300px;
                                   height:300px; 
	                 margin-left:50%;
	                 left:195px;
	                 top:400px;
                         z-index:5; }

  #diamond  {  position:absolute;
                         background-image:url("https://www.fourlegsrecords.com/pics/diamond.png");
	       margin-left:50%;
	       padding-left:0px;
                         bottom:0px;
	       left:404px;
                                   width:37px;
                                   height:41px; 
                                   float:right;
                                   z-index:5; }



  #blueboxmedia2   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:452px;
                         vertical-align:top;
                         background-color:#00365a;
                         width :602px;
                         height:45px; 
                         z-index:2; }

  #infomedia2          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:502px;
                         width :602px;
                         height:280px; 
                         z-index:2; }

  #blueboxmedia5   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:752px;
                         vertical-align:top;
                         background-color:#00365a;
                         width :602px;
                         height:45px; 
                         z-index:2; }

  #infomedia5          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:802px;
                         width :602px;
                         height:280px; 
                         z-index:2; }

  #blueboxmedia7   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:1052px;
                         vertical-align:top;
                         background-color:#00365a;
                         width :602px;
                         height:45px; 
                         z-index:2; }

  #infomedia7          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:1102px;
                         width :602px;
                         height:280px; 
                         z-index:2; }

  #blueboxmedia9   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:1352px;
                         vertical-align:top;
                         background-color:#00365a;
                         width :602px;
                         height:45px; 
                         z-index:2; }

  #infomedia9          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:1402px;
                         width :602px;
                         height:280px; 
                         z-index:2; }

  #bluebox1about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:152px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #splash1   { position:absolute;
               background-color:#ffffff;
	       margin-left:50%;
	       left:-55px;
	       top:75px;
                         width :215px;
                         z-index:2;  }

  #splash1b   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-160px;
	        top:149px;
                         width :320px;
                         z-index:2;  }

  #splash1contact   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-160px;
	       top:149px;
                         width :320px;
                         z-index:2;  }

  #splash1gear   { position:absolute;
                   background-color:#ffffff;
	           margin-left:50%;
	           left:-160px;
	           top:149px;
                   width :320px;
                   z-index:2;  }


  #splash2   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:1100px;
                         width :480px;
                         z-index:2;  }

  #splashquotes   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:1500px;
                         width :1000px;
                         z-index:1;  }

  #splashquote1   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:0px;
                         width :333px;
                         height:150px;
                         z-index:2;  }

  #splashquote2   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-167px;
	       top:0px;
                         width :334px;
                         height:250px;
                         z-index:2;  }

  #splashquote3   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:167px;
	       top:0px;
                         width :333px;
                         height:220px;
                         z-index:2;  }

  #splashquote4   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:175px;
                         width :333px;
                         height:350px;
                         z-index:2;  }

  #splashquote5   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-167px;
	       top:195px;
                         width :334px;
                         height:250px;
                         z-index:2;  }

  #splashquote6   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:167px;
	       top:230px;
                         width :333px;
                         height:270px;
                         z-index:2;  }


  #splash3images   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:20px;
	       top:1100px;
                         width :120px;
                         z-index:3;  }

  #splash3links   { position:absolute;
	       margin-left:50%;
	       left:20px;
	       top:1100px;
                         width :120px;
                         z-index:4;  }

  #splash3   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:140px;
	       top:1100px;
                         width :360px;
                         z-index:2;  }

  #rates1   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-182px;
	       top:130px;
                         width :680px;
                         z-index:2;  }

  #rates2   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:460px;
                         width :680px;
                         z-index:2;  }

  #rates3   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-182px;
	       top:2500px;
                         width :680px;
                         z-index:2;  }

  #gear1   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:70px;
                         width :480px;
                         z-index:2;  }

  #gear2   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:20px;
	       top:70px;
                         width :480px;
                         z-index:2;  }

  #gearpic1   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-243px;
	        top:0px;
                width :480px;
                height:332px;
                z-index:2; }

  #gear3   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:460px;
                         width :480px;
                         z-index:2;  }

  #gear4   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:20px;
	       top:460px;
                         width :480px;
                         z-index:2;  }

  #gear5   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:850px;
                         width :480px;
                         z-index:2;  }

  #gear6   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:20px;
	       top:1950px;
                         width :480px;
                         z-index:2;  }

  #gear7   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:20px;
	       top:1525px;
                         width :480px;
                         z-index:2;  }

  #gearpic2   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-243px;
	        top:0px;
                width :480px;
                height:332px;
                z-index:2; }

  #gearpic3   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-243px;
	        top:0px;
                width :480px;
                height:332px;
                z-index:2; }

  #gearpic4   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-240px;
	        top:1660px;
                width :480px;
                height:492px;
                z-index:2; }

  #ratebubble1   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:195px;
	        top:450px;
                width :135px;
                height:135px;
                z-index:2; }

  #ratebubble2   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:345px;
	        top:450px;
                width :135px;
                height:135px;
                z-index:2; }

  #ratebubble3   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:195px;
	        top:600px;
                width :135px;
                height:135px;
                z-index:2; }

  #ratebubble4   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:345px;
	        top:600px;
                width :135px;
                height:135px;
                z-index:2; }


  #ratebubble5   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-500px;
	        top:1000px;
                width :135px;
                height:135px;
                z-index:2; }

  #ratebubble6   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-350px;
	        top:1000px;
                width :135px;
                height:135px;
                z-index:2; }

  #ratebubble7   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-500px;
	        top:1150px;
                width :135px;
                height:135px;
                z-index:2; }

  #ratebubble8   { position:absolute;
                background-color:#ffffff;
	        margin-left:50%;
	        left:-350px;
	        top:1150px;
                width :135px;
                height:135px;
                z-index:2; }


  #contact2   { position:absolute;
                         background-color:#ffffff;
	       margin-left:50%;
	       left:-500px;
	       top:300px;
                         width :680px;
                         z-index:2;  }


  #bluebox1splash   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-73px;
	       top:0px;
                         background-color:#00365a;
                         width :213px;
                         height:25px; 
                         z-index:2; }

  #bluebox2splash   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-240px;
	       top:0px;
                         background-color:#00365a;
                         width :480px;
                         height:45px; 
                         z-index:2; }

  #bluebox3splash   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-240px;
	       top:0px;
                         background-color:#00365a;
                         width :480px;
                         height:45px; 
                         z-index:2; }

  #bluebox1contact  { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-340px;
	       top:0px;
                         background-color:#00365a;
                         width :680px;
                         height:45px; 
                         z-index:2; }

  #bluebox2contact  { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-340px;
	       top:0px;
                         background-color:#00365a;
                         width :680px;
                         height:45px; 
                         z-index:2; }


  #info1about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:202px;
                         width :440px;
                         height:280px; 
                         z-index:2; }


  #bluebox3   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:152px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #info3          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:202px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #info3b          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:202px;
                         width :280px; 
                         z-index:2; }

  #blueboxmedia4   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:452px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #infomedia4          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
                         vertical-align:top;
	       left:182px;
	       top:502px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #blueboxmedia6   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:752px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #infomedia6          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
                         vertical-align:top;
	       left:182px;
	       top:802px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #blueboxmedia8   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:1052px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #infomedia8          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
                         vertical-align:top;
	       left:182px;
	       top:1102px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #blueboxmedia10   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:1352px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #infomedia10          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
                         vertical-align:top;
	       left:182px;
	       top:1402px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #bluebox2about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:152px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #info2about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:202px;
                         width :440px;
                         height:280px; 
                         z-index:2; }
						 
  #bluebox3about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:345px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #info3about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:395px;
                         width :440px;
                         height:280px; 
                         z-index:2; }

  #playerbox1 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox2 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox3 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox4 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox5 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox6 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox7 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox8 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox9 { padding-left:10px; 
                          padding-right:10px; }
  #playerbox10 { padding-left:10px; 
                          padding-right:10px; }

  #playercircle1 { padding-top:10px; 
                   height:166px;
                   width:120px; }

  #playercircle1link { padding-top:10px; 
                       height:166px;
                       width:120px;
                       background-color:#ffffff;
                       opacity:0.0;
                       filter:alpha(opacity=0);
                       z-index:3; }

   #playercircle1link:hover { opacity:0.1;
                              filter:alpha(opacity=10); }



  #playercircle2 { padding-top:10px; 
                   height:166px;
                   width:120px; }

  #playercircle2link { padding-top:10px; 
                       height:166px;
                       width:120px;
                       background-color:#ffffff;
                       opacity:0.0;
                       filter:alpha(opacity=0);
                       z-index:3; }

   #playercircle2link:hover { opacity:0.1;
                              filter:alpha(opacity=10); }

  #playercircle3 { padding-top:10px; 
                   height:166px;
                   width:120px; }

  #playercircle3link { padding-top:10px; 
                       height:166px;
                       width:120px;
                       background-color:#ffffff;
                       opacity:0.0;
                       filter:alpha(opacity=0);
                       z-index:3; }

   #playercircle3link:hover { opacity:0.1;
                              filter:alpha(opacity=10); }

  #playercircle4 { padding-top:10px; 
                   height:166px;
                   width:120px; }

  #playercircle4link { padding-top:10px; 
                       height:166px;
                       width:120px;
                       background-color:#ffffff;
                       opacity:0.0;
                       filter:alpha(opacity=0);
                       z-index:3; }

   #playercircle4link:hover { opacity:0.1;
                              filter:alpha(opacity=10); }

  #playercircle5 { padding-top:10px; 
                   height:166px;
                   width:120px; }

  #playercircle5link { padding-top:10px; 
                       height:166px;
                       width:120px;
                       background-color:#ffffff;
                       opacity:0.0;
                       filter:alpha(opacity=0);
                       z-index:3; }

   #playercircle5link:hover { opacity:0.1;
                              filter:alpha(opacity=10); }




  #playerboxclip { padding-left:170px; 
                          padding-right:200px; }

  #bluebox4   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:395px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #info4          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:340px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #bluebox4about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:545px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #info4about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:590px;
                         width :440px;
                         height:280px; 
                         z-index:2; }

  #blueboxcontactsteve   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:245px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #infocontactsteve         { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:290px;
                         width :440px;
                         height:280px; 
                         z-index:2; }

  #infohistory          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:790px;
                         width :924px;
                         height:280px; 
                         z-index:2; }

  #blueboxhistory   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:745px;
                         background-color:#00365a;
                         width :924px;
                         height:45px; 
                         z-index:2; }

  #infomics1         { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
                         width :440px;
	       top:915px;
                         height:280px; 
                         z-index:2; }

  #infomics2       { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
                         width :440px;
	       top:915px;
                         height:280px; 
                         z-index:2; }

  #blueboxmics   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:870px;
                         background-color:#00365a;
                         width :924px;
                         height:45px; 
                         z-index:2; }

  #blueboxcontact1   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:152px;
                         background-color:#00365a;
                         width :924px;
                         height:45px; 
                         z-index:2; }

  #infocontact1         { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:97px;
                         width :924px;
                         height:280px; 
                         z-index:2; }


  #bluebox5   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-140px;
	       top:595px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #info5          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-140px;
	       top:640px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #bluebox6   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:595px;
                         background-color:#00365a;
                         width :280px;
                         height:45px; 
                         z-index:2; }

  #info6          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:182px;
	       top:640px;
                         width :280px;
                         height:280px; 
                         z-index:2; }

  #bluebox6about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:545px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #info6about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:590px;
                         width :440px;
                         height:280px; 
                         z-index:2; }

  #blueboxcontactari   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:245px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #infocontactari         { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:290px;
                         width :440px;
                         height:280px; 
                         z-index:2; }









  #splashcontainer { position:absolute;
               margin-left:50%;
	       padding-left:0px;
	       left:-512px;
	       top:1800px;
	       background-color:#cacaca;
                         width :1024px;
                         height:800px; 
                         z-index:1; }


  #splashheader1  { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-512px;
	       top:23px;
	       background-color:#cacaca;
                         width :1024px;
                         height:100px; 
                         z-index:2; }   

  #splashheaderabout  { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-512px;
	       top:23px;
                         background-image:url('https://www.fourlegsrecords.com/pics/splashabout.png');
                         width :1024px;
                         height:100px; 
                         z-index:3; }  

  #splashbox1about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:152px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #splashinfo1about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:202px;
                         width :440px;
                         height:280px; 
                         z-index:2; }

  #splashbox2about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:152px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #splashinfo2about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:202px;
                         width :440px;
                         height:280px; 
                         z-index:2; }
						 
  #splashbox3about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:345px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #splashinfo3about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:395px;
                         width :440px;
                         height:280px; 
                         z-index:2; }


  #splashbox4about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:545px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #splashinfo4about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:-462px;
	       top:590px;
                         width :440px;
                         height:280px; 
                         z-index:2; }


  #splashbox6about   { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:545px;
                         background-color:#00365a;
                         width :440px;
                         height:45px; 
                         z-index:2; }

  #splashinfo6about          { position:absolute;
	       margin-left:50%;
	       padding-left:0px;
	       left:22px;
	       top:590px;
                         width :440px;
                         height:280px; 
                         z-index:2; }
						 
						 
						 
						 
						/* Here's the "wrapper" that will hold all of our tiles. */
.wrap {
   overflow: hidden;   The use of overflow:hidden allows us to apply floats to the tiles within.
   margin: 10px;
}
                        /* Next up is the box (which corresponds to a tile). */ 
.box {
   float: left;   The float creates the grid, by ensuring that tiles are automatically laid out in rows.
   position: relative;   The relative positioning, used in conjunction with position:absolute on boxInner, makes the boxes remain square regardless of content.
   width: 20%;   The width and padding-bottom are what determine the size of the box and make it square. 
   padding-bottom: 20%;
}
                        /* This is the actual content area for each tile,  It is positioned with 10 pixels around each edge. */
.boxInner {
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
   overflow: hidden;
}
                      /* We want our images (which are square) to fill the full tile width, so we use width:100% */
.boxInner img {
   width: 100%;
}
                       /* This definition styles the title text box */
.boxInner .titleBox {
   The text box goes at the bottom of each tile, initially hidden out of view via a negative margin-bottom value: 
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-bottom: -50px;
                      /* We set a partially-transparent background along with some padding: */
   background: #000;
   background: rgba(0, 0, 0, 0.5);
   color: #FFF;
   padding: 10px;
   text-align: center;
                       /* We specify a CSS3 transition to use when showing/hiding the text box: */
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
                       /* Here are the hover styles used to reveal the text box.  Note that we have separate styles for touch and non-touch environments; more on that in a moment. */
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
   margin-bottom: 0;
}
                        /* Here are our media queries to "snap" the number of tiles per row: */
@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
   }
}