html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}



/* FG CSS  */        

html,body{height:100%; width:100%;}
* {margin:0;padding:0}


body     { 	    
	     min-height:768px;/* for good browsers*/
	     min-width:1024px;/* for good browsers*/
	     background-image:url('../fg_back3.png');
         }
		 
#xcontainer {			 
			 width: 1005px;
			 margin:40px auto;
			}
			 
#header      {
             float:left;
             height:120px;
             width:1005px;
             background-image: url("http://www.frasergregory.com/img/f_logo.jpg");
             display: inline;
             }
            
.navigation   {
            width:380px;
            height:35px;
            float:right;
            margin-top:84px;
            padding-top:13px;
            padding-right:0px;
            display: inline;
            border: 0px dashed #ccc;
            }
            
            
#content    {
             float:left;
             width:1005px;
             display: inline;
             }
             
.left       {
             float:left;
             margin-top:10px;
             width:465px; 
             height:515px;
             background-color: #FFFFFF;
             display: inline;
             }   
             
#news        {
             width:463px;
             margin-top:1px;
             margin-left:1px;
             }
             
#box1        {
             margin-top:1px;
             margin-left:10px;
             border: 0px dashed #ccc;
             }
             
#box2        {
             margin-top:1px;
             margin-right:10px;
             border: 0px dashed #ccc;
             }             
                          
             
.scroll       {
             position:absolute;
	         display: block;
             width:443px; 
             height:445px;
             margin-top:2px;
             margin-left:10px; 
             overflow-y:scroll;
             } 
             
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .scroll { width:458px; }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .scroll { width:443px; }
}


             
.words       {
             width:443px; 
             height:445px;
             margin-top:2px;
             margin-left:10px;
             margin-right:10px;
             }   
             
#grid       {
             height:225px;
             margin-left:10px;
             margin-right:0px;
             float: left;
             border: 0px dashed #ccc;
             } 
             
#grid2       {
             height:450px;
             margin-left:10px;
             margin-right:0px;
             float: left;
             border: 0px dashed #ccc;
             }             
             
.friends       {
              position:relative;
              width: 220px;
              height: 24px;
              float: left;
              margin: 4px 4px 0px 0px;
              display:block;
             }
             
             
#albums      {
             float:left;
             margin-top:5px;
             margin-left:10px;
             width:443px; 
             height:235px;
             display: inline;
             } 
             
.disk        {
             margin:10px 0px 0px 10px;
             float:left;
             width:196px; 
             height:210px;
             }
             
.disk2       {
             margin:0px 0px 0px 20px;
             float:left;
             width:196px; 
             height:210px;
             }              
             
.mp3         {
             float:left;
             width:220px; 
             height:200px;
             margin:2px 0 0 10px;
             border: 0px dashed #ccc;
             }  
             
.mp3_2       {
             float:left;
             width:220px; 
             height:200px;
             margin:-8px 0 0 10px;
             border: 0px dashed #ccc;
             }              
             
.track_name  {
             width: 160px;
             float:left;
             margin-top: 5px;
             text-align: left;
             }
             
             
.track_button {
             width: 15px;
             height: 15px;
             float:right;
             margin-top: 5px;
             margin-left: 20px;
             }             
               
#flashPlayer       {
             margin-top: 35px;
             margin-left: 20px;
             width: 443px; 
             border: 0px dashed #ccc;
             }             
             
                
.right       {
            
             margin-top:10px;
             margin-left:475px;
             width:530px; 
             height:515px;
             background-color: #FFFFFF;
             border: 0px dashed #ccc;
             }  
  
#pic      {
             margin:10px 0px 0px 10px;
             padding-top:10px;
             width:500px; 
             height:395px;
             }
             
#loadarea     {
             margin:10px 0px 0px 10px;
             padding-top:10px;
             width:500px; 
             height:395px;
             
             }
             
#flash      {
             margin:10px 0px 0px 10px;
             padding-top:12px;
             width:500px; 
             height:395px;
             }  
             
.spacer      {
             margin:13px 0px 0px 15px;
             width: 500px;
             height: 80px;
             border: 0px dashed #ccc;
             }
             
#imgmask     {
	         width:530px;
	         overflow:hidden;
             }
             
#imgset      {
	         width:2500px;
	         height:420px;
             } 
             
a.slideButton{
	         background-color:transparent;
	         border:0px;
             }
             
#down        {
             margin:2px 0px 0px 5px;
             padding-top:25px;
             padding-left:7px;
             width:515px; 
             height:68px;
             border:0px;
             
             }    
             
.down2        {
             margin:20px 0px 0px 10px;
             /*padding-top:35px;*/
             /*padding-left:7px;*/
             width:515px; 
             height:68px;
             border:0px;
             border: 1px; dashed: #FFF;
             }
             
.grid  {
              position:relative;
              width:66px;
              height:66px;
              margin:0px 7px 10px 0;
              float:left;
              display:block;
             /*cursor: pointer;*/
             }              
             
             

#below      {
             background-color: #000;
             float: left;
             width: 1005px;
             height: 36px;
             margin-top:10px;
             margin-left:0px;
             border: 0px dashed #ccc;
             } 
             
.below_left  {
             float: left;
             width: 390px;
             height: 25px;
             padding-top: 10px;
             margin-left: 10px;
             border: 0px dashed #ccc;
             }   
             
.below_2  {
             float: left;
             width: 380px;
             height: 25px;
             padding-top: -10px;
             margin-left: 10px;
             border: 1px dashed #ccc;
             }             
             
.logo        {
             width: 157px;
             height: 30px;
             float:right;
             margin-top:5px;
             border: 0px dashed #FFF;
             }
             
.navigate1   {
             width: 81px;
             height: 28px;
             float:left;
             border: 0px dashed #FFF;
             }     
             
.navigate2   {
             width: 22px;
             height: 28px;
             float:left;
             margin-left: 10px;
             border: 0px dashed #FFF;
             }   
             
.navigate3   {
             width: 34px;
             height: 28px;
             float:left;
             margin-left: 10px;
             border: 0px dashed #FFF;
             }              
             
             
             

/* CSS Rollovers */
	    
         a.rollover { 
         display: block; 
         
         height: 28px; 
         text-decoration: none; 
         background: url("../img/last_fm.png"); 
         background-position: 0 0 ;}

         a.rollover:hover { 
         background-position: -81px 0; }
         
         a.rollover2 { 
         display: block; 
        
         height: 28px; 
         text-decoration: none; 
         background: url("../img/myspace.png"); }

         a.rollover2:hover { 
         background-position: -22px 0; }
         
         a.rollover3 { 
         display: block; 
         
         height: 28px; 
         text-decoration: none; 
         background: url("../img/wf.png"); }

         a.rollover3:hover { 
         background-position: -34px 0; }
         
         a.rollover4 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/ts.png"); }

         a.rollover4:hover { 
         background-position: -220px 0; }
         
         a.rollover5 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/db.png"); }

         a.rollover5:hover { 
         background-position: -220px 0; }
         
         a.rollover6 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/fe.png"); }

         a.rollover6:hover { 
         background-position: -220px 0; }
         
         a.rollover7 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/nfj.png"); }

         a.rollover7:hover { 
         background-position: -220px 0; }
         
         a.rollover8 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/gp.png"); }

         a.rollover8:hover { 
         background-position: -220px 0; }
         
         a.rollover9 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/dm.png"); }

         a.rollover9:hover { 
         background-position: -220px 0; }
         
         a.rollover10 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/ca.png"); }

         a.rollover10:hover { 
         background-position: -220px 0; }
         
         a.rollover11 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/pb.png"); }

         a.rollover11:hover { 
         background-position: -220px 0; }
         
         a.rollover12 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/bg.png"); }

         a.rollover12:hover { 
         background-position: -220px 0; }
         
         a.rollover13 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/ff.png"); }

         a.rollover13:hover { 
         background-position: -220px 0; }
         
         a.rollover14 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/tj.png"); }

         a.rollover14:hover { 
         background-position: -220px 0; }
         
         a.rollover15 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/wo.png"); }

         a.rollover15:hover { 
         background-position: -220px 0; }
         
         a.rollover16 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/kt.png"); }

         a.rollover16:hover { 
         background-position: -220px 0; }
         
         a.rollover17 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/ip.png"); }

         a.rollover17:hover { 
         background-position: -220px 0; }
         
          a.rollover18 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/nm.png"); }

         a.rollover18:hover { 
         background-position: -220px 0; }
         
          a.rollover19 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/sc.png"); }

         a.rollover19:hover { 
         background-position: -220px 0; }
         
          a.rollover20 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/to.png"); }

         a.rollover20:hover { 
         background-position: -220px 0; }
         
          a.rollover21 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/rm.png"); }

         a.rollover21:hover { 
         background-position: -220px 0; }
         
          a.rollover22 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/tc.png"); }

         a.rollover22:hover { 
         background-position: -220px 0; }
         
          a.rollover23 { 
         display: block; 
         
         height: 24px; 
         text-decoration: none; 
         background: url("../img/th.png"); }

         a.rollover23:hover { 
         background-position: -220px 0; }



        A                         { color: #4F4F4F; text-decoration: none; }
        A:link                { color: #4F4F4F; text-decoration: none; }
        A:visited        { color: #4F4F4F; text-decoration: none; }
        A:active        { color: #63B8FF; text-decoration: none;}
        A:hover                { color: #33CCFF; text-decoration: none; font-style: italic}
		
p {
        font-family: "Courier New", Courier, monospace;
        color:#4F4F4F;
        font-size:11px;
        line-height: 120%;
        letter-spacing: 1px;        
        padding-left:5px;
        padding-right:15px;
        
        }
        
p.bio   {
        font-family: "Courier New", Courier, monospace;
        color:#4F4F4F;
        font-size:11px;
        letter-spacing: 0px;        
        padding-left:0px;
        padding-right:20px;
        
        }  
                
		
p.menu {
        font-size:16px;       
        letter-spacing: 0px;        
        padding-left:2px;
        padding-top:10px;
      
		 }
		 
		
p.right {
        font-size:11px;       
        letter-spacing: 0px;        
        padding-right:2px;
        padding-top:0px;
        text-align:right;
      
		}
		
h1      {
        font-family: "Courier New", Courier, monospace;
        font-size:11px; 
        color:#33CCFF;
        letter-spacing:1px;        
        padding-right:2px;
        padding-left:2px;
		 
        }
        
p.links  {
        font-family: "Courier New", Courier, monospace;
        font-size:14px; 
        color:#4F4F4F;
        letter-spacing:1px;        
        padding-right:2px;
        padding-left:2px;
		 
        }    
        
p.links2  {
        font-family: "Courier New", Courier, monospace;
        font-size:14px; 
        color:#FFFFFF;
        letter-spacing:1px;        
        padding-right:2px;
        padding-left:2px; 
        }  
        
        
a.links2  {
        font-family: "Courier New", Courier, monospace;
        font-size:14px; 
        color:#FFFFFF;
        letter-spacing:1px;        
        padding-right:2px;
        padding-left:2px; 
        } 
        
p.buy  {
        font-family: "Courier New", Courier, monospace;
        font-size:11px; 
        color:#4F4F4F;
        letter-spacing:0px; 
        padding-top:4px;
        padding-right:2px;
        padding-left:9px;
		 }     
		 
p.tracks  {
        font-family: "Courier New", Courier, monospace;
        font-size:11px; 
        color:#4F4F4F;
        letter-spacing:0px; 
        padding-top:2px;
        padding-bottom:2px;
        padding-left:2px;
		 }	
		 
p.details  {
        font-family: "Courier New", Courier, monospace;
        font-size:11px; 
        color:#4F4F4F;
        letter-spacing:0px; 
        padding-top:-1px;
        padding-bottom:-1px;
        padding-left:2px;
		 }		 
		 
p.cd {
        font-family: "Courier New", Courier, monospace;
        font-size:11px; 
        color:#000;
        letter-spacing:0px; 
        margin-top: -3px;
        padding-top:0px;
        padding-bottom:3px;
        padding-left:2px;
		 }	
		 
#below a:link { 
        font-family: "Courier New", Courier, monospace;
        font-size:14px; 
        color:#FFFFFF;
        letter-spacing:1px;        
        padding-right:2px;
        padding-left:2px;
        }		 
      
#below a:visited {
        color: #FFFFFF; 
        text-decoration: none;
        }
        
#below a:hover {
        color: #33CCFF; 
        text-decoration: none;
        font-style: italic
        }        
        
#placer a:link { 
        font-family: "Courier New", Courier, monospace;
        color:#4F4F4F;
        font-size:11px;
        letter-spacing: 1px;        
        padding-left:5px;
        padding-right:5px;
        padding-top: 10px;
        }  
        
#placer a:visited {
        color: #4F4F4F; 
        text-decoration: none;
        }   
        
#placer a:hover {
        color: #33CCFF; 
        text-decoration: none;
        font-style: italic
        }