html
{
height: 100%;
}

body {
margin: 0px;
padding: 0px;
height:100%; /* this is the key! */
width:100%; /* this is the key! */
background-color: white;
}

p { 
  text-indent: 25px;
  }


.disclaimer { 
  font: 75% serif;
  color: yellow;
  font-style: italic;
  line-height:75%
  }
	h1
	{
		color: #666666;
		font: 200% serif;
		text-align: left;
		letter-spacing: -1px;
	}
	h1 a { text-decoration: none; }

a:link { 
  color: white;
  text-decoration: none;
  }

a:visited { 
  text-decoration: none;
  color: white;
  }

a:hover, a:active  {
  text-decoration: none;
  color: magenta;
  }

.subMenu a:link { 
  text-decoration: none;
  color: white;
  background-color: black;
  }

.subMenu a:visited { 
  text-decoration: none;
  color: white;
  background-color: black;
  }

.subMenu a:hover, a:active  {
  text-decoration: none;
  background-color: black;
  color: white;
  }

#subMenu {
  color: #ffffff;
  font: 90% sans-serif; 
  padding: 0px;
  top: 0px;
  width: 90%;
  background-color: black;
  margin-right: 350px;
  padding: 9px;
}

#mmLogo {
  color: #ffffff;
  font: 90% sans-serif; 
  padding: 0px;
  top: 0px;
  margin-right: 350px;
   position:  absolute;  right: 0px;
}

#left {
  float: left; 
  padding: 0px;
  //margin: 0 auto;
  top: 0px;
  width: 9px;
  height: 510px;
  background-image: url(../images/site/shadow.gif);
  background-repeat: vertical;
}

#right {
  float: right;
  padding: 0px;
  top: 0px;
  width: 10px;
  height: 100%;
  background-image: url(http://www.paskandjaggers.com/images/rightBackground.gif);
  background-repeat: repeat-x;
}

#main {
padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;

    background-image: url(../images/site/mainBackground02.gif);
  background-repeat: repeat-x;
  background-position: bottom; 
  background-attachment: fixed;

}

#rightContainer {
  position:  absolute;  right: 0px; bottom: 40px;
  background-color: white;
  min-height: 510px;
  height:auto;
  width: 350px;

}
#leftContainer {
  position:  absolute;  left: 0px; bottom: 40px;
  width: 100%;
  min-height: 510px;
  height:auto;

}



#content	
  {
  font: 100% serif;
  overflow: auto;
  overflow-x: hidden;
  padding: 15px;
  color: #000000;
  }

#mainImage {
  width: 265px;
  height: 340px;
}

img.a {position: absolute; bottom: 0px;}

#bottomImage
  {
  margin: 0px;
  border: 0px;
  padding: 0px;
  width: 350px;
  height: 350px;
  position:  absolute;  right: 0px; bottom: 0px;
  }

#mediaMenu
  {
  padding: 0px;
  margin-left: 10px;
  margin-right: 10px;
  width: 330px;
  height: 400px;
  position:  absolute; right: 0px; bottom: 115px;
	}
	
#mmPlatform
  {
  padding: 0px;
  height: 510px;
  position:  absolute; right: 355px; bottom: 25px;
	}

#bottomLinks	
  {
  padding: 9px;
  
  width: 332px;
  margin: 0 auto;
  font: 65% sans-serif;
  color: #000000;
  position: absolute; right: 0px; bottom: 40px;
  background-color: black;
	}