html, body {
  width: 100%;
  height: 100%; 
}

body {
	background-color: #FFFFFF;
	background-image: url('./../images/gradient.png');
	background-repeat: repeat-x;	
		
	text-align: center;
}

.shadow { 
  text-align: left; 
  
  margin-left: auto; 
  margin-right: auto; 
  
  width: 880px; 
  height: 100%;
}

.shadow .left {
  width: 20px;
	background-image: url('../images/shadow_left_repeat.png');
}

.shadow .left div {
  width: 20px;
  height: 700px;
	background-image: url('../images/shadow_left.png');
}

.shadow .right {
  width: 20px;
	background-image: url('../images/shadow_right_repeat.png');
}

.shadow .right div {
  width: 20px;
  height: 700px;
	background-image: url('../images/shadow_right.png');
}

.main {
  border-left: 1px solid #95a8b3; 
  border-right: 1px solid #95a8b3; 
  
  text-align: left; 
  
  margin-left: auto; 
  margin-right: auto; 
  
  width: 840px; 
  height: 100%;
}