/* CSS Document */

body
{

font-family:Georgia, "Times New Roman", Times, serif;

background-color:black;

}


 #mgs {


    width: 806px; height: 177px;
    background: url(http://www.markgroaningstudio.com/images/samples1.jpg);

    margin-top: 3%; margin-bottom:3%; margin-left:3%; margin-right:3%;
    padding: 0%;
    position: relative;}
		
  #mgs li { 
  margin: 0%; padding: 0%; list-style: none; 
  position: absolute; top: 0; }
    
  #mgs li, #mgs a { 
  height: 146px; display:block; }
  #panel1b {left: 0px; width: 156px;}
  #panel2b {left: 210px; width: 177px;}  
  #panel3b {left: 425px; width: 185px;}
  #panel4b {left: 630px; width: 197px;}
    #panel1b a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/samples2.jpg)
  0px -195px no-repeat;}
  #panel2b a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/samples2.jpg)
   -210px -195px no-repeat;}
  #panel3b a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/samples2.jpg)
    -425px -190px no-repeat;}
  #panel4b a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/samples2.jpg)
    -630px -195px no-repeat;}

	
 #second {
    width: 605px; height: 144px;
    background: url(http://www.markgroaningstudio.com/images/2ndtier2.jpg);
    margin-top: 3%; margin-bottom:3%; margin-left:center; padding: 0;
    position: relative;}
		
	 
  #second li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
  
  #second li, #second a { height: 108px; display:block;	}
  #panel1d {left: 0px; width: 147px;}
  #panel2d {left: 237px; width: 125px;}
  #panel3d {left: 475px; width: 65px;}
    #panel1d a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/2ndtier2.jpg)
  0px -147px no-repeat;}
  #panel2d a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/2ndtier2.jpg)
   -240px -148px no-repeat;}
  #panel3d a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/2ndtier2.jpg)
    -475px -145px no-repeat;}

 #award {
    width: 673px; height: 112px;
    background: url(http://www.markgroaningstudio.com/images/award.jpg);
        margin-top: 3%; margin-bottom:0%; margin-left: 17%; padding: 0%;
    position: relative;}

  #award li {
        margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #award li, #award a {
    height: 112px; display:block;
	}
  #panel1m {left: 0px; width: 673px;}
 
  #panel1m a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/award.jpg)
   -0px -98px no-repeat;}
	 
   
   
   
 #name {
    width: 547px; height: 100px;
    background: url(http://www.markgroaningstudio.com/images/name2.png);
        margin-top: 3%; margin-bottom:0%; margin-left:25%; padding: 0%;
    position: relative;}

  #name li {
        margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #name li, #name a {
    height: 100px; display:block;
	}
  #panel1c {left: 0px; width: 155px;}
    #panel2c {left: 188px; width: 160px;}
    #panel3c {left: 405px; width: 150px;}
  #panel1c a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/name2.png)
   -0px -98px no-repeat;}
	  #panel2c a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/name2.png)
   -188px -98px no-repeat;}
  #panel3c a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/name2.png)
   -405px -98px no-repeat;}
   
    #name3 {
    width: 307px; height: 40px;
    background: url(http://www.markgroaningstudio.com/images/name3.png);
        margin-top: 0%; margin-bottom:3%; margin-left:30%; padding: 0%;
    position: relative;}

  #name3 li {
        margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #name3 li, #name3 a {
    height: 60px; display:block;
	}
  #panel1v {left: 0px; width: 125px;}
  #panel2v {left: 168px; width: 140px;}
    
  #panel1v a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/name3.png)
   -0px -48px no-repeat;}
	  #panel2v a:hover {
    background: transparent url(http://www.markgroaningstudio.com/images/name3.png)
   -168px -48px no-repeat;}