/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {background-color:#BFFFFF;color:#0000A0;width:95%;margin-left:2.5%;}

h1 {font-size:40px;font-family:'Georgia';text-align:center;}

h2{font-size:23px;font-family:'Georgia';text-decoration:underline;text-align:left;}

h3{font-size:18px;font-family:'Georgia';text-align:center;font-weight:200;}

h4{font-size:14px;font-family:'Georgia';text-align:center;font-weight:100;}

/*defines the logo image*/

img.PIC1 {display:block;border:solid;border-color:#affff5;border-width:10px;float:right;animation:width:300px;height:190px;}

/*defines the shop entry image*/

img.PIC2 {display:inline;border:solid;border-color:#affff5;border-width:10px;float:left;width:300px;height:190px;}


p#BUT1  {width:250px;height:50px;border:solid;border-color:#affff5;background-color:#14FFE8;color:#0000A0; }

p#SUB   {margin-left:175px; }

p#BOX   {width:200px; height:200px; border:solid; border-width:medium;text-align:center;}

p#look   {width:150px;height:30px;background-color:#affff5;text-align:center;}

p.but2 {width:100px;
       height:30px;
       border:solid;
       border-color:#2929FF;
       border-width:thin;
       border-radius:20%;
       padding-top:5px;
       color:#0000A0;
       text-align:center;
       margin:auto;
       }
 
 /* defines anchors outside Nav Bar*/
       
a:hover {background-color:#17C5FF;
          color:black; }       
    
div.one {height:30px;
        width:95%;
        position:fixed; top:190px;
        border:solid;
        border-width:medium;
        border-color:blue;
        background-color:none ;
        background:#dddddd;
        text-align:center;}

div.two {height:auto;
        width:95%; 
        position:relative;
        border:solid;   
        border-width:medium;
        border-color:green;
        text-align:center;}
        
div.three {height:1500px;
          width:75px;
          border:solid; 
          border-color:blue;
          border-width:medium;
          float:right;}
          
div.four {height:175px;
         width:98%;
         position:fixed; top:0px;
          border:solid; 
          border-color:blue;
          border-width:medium;
          background-image:url('C://Grahams Files/Russian Doll Website/images/headerLogo.jpg');
          text-align:center;
          vertical-align:middle;
          color:#FFFEE1;
          font-size:50px;
          font-weight:bold;
          text-outline:#FF272F;
          font-style:italic;} 
                           
div.five {height:150px;
         width:98%;
         position:relative;
         border:solid;
         border-color:blue;
         border-width:thin;
         font-size:55px;
         text-align:center; 
         text-shadow:2px 2px red;
         vertical-align:50%;
         color:#0000A0;
         margin-left:18px;} 

div.six {color:#000000;
         font-size:medium;
         text-align:center;
        } 
        
div.seven {float:left; 
          font-size:larger;} 
          
div.test  {width:125px;
          height:125px;
          border:solid; 
          border-color:color;blue;
          border-width:medium;
            }                 
        
td.fb {text-align:right; 
      text-height:font-size;400px;
      float:right;} 
      
td#pad {padding-left:10px;
       padding-right:10px; }                    
                  
.img1{float:left; }                                   

.img2 {float:right; }


img {max-width:auto;
    height:100%;}


footer {text-align:center; 
       color:black;
       font-size:10px;}
       
a#line2 {font-size:5em; }       
 /*  this is for thepossible tooltips in the site only 
 
 The container for the tip */ 
    
.tooltip {position: relative;
             display: inline-block;
              border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ }  
              
/*Then the design of the text to be shown */ 


.tooltip .tooltiptext {
            visibility: hidden;
           width: 120px;
           background-color: #555;
           color: #fff;
            text-align: center;
             padding: 5px 0;
             border-radius: 6px; 
             
             /* Position the tooltip text - all done in the same set of brackets.*/
             
           position: absolute;
           z-index: 1;
           bottom: 125%;
           left: 50%;
           margin-left: -60px;

             }