body
{ 



background-image: 
url('gradient.jpg');

background-repeat: repeat-y;



}





/*
table.sample {
	border-width: medium medium medium medium;
	border-spacing: 3px;
	border-style: solid solid solid solid;
	border-color: "#A0A0A0" "#A0A0A0" "#A0A0A0" "#A0A0A0";
	border-collapse: separate;
	background-color: white;
	border-right-width: 2px;
 border-right-style: solid;
 border-right-color: #ccc;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 
}
*/


/* Octopus Engine */
.north { background: url(i1/north.png) repeat-x top; }
.east { background: url(i1/east.png) repeat-y right; }
.south { background: url(i1/south.png) repeat-x bottom; }
.west { background: url(i1/west.png) repeat-y left; }
.ne { background: url(i1/ne.png) no-repeat top right; }
.se { background: url(i1/se.png) no-repeat bottom right; }
.sw { background: url(i1/sw.png) no-repeat bottom left; }
.nw { background: url(i1/nw.png) no-repeat top left; }

.nw { padding: 25px; } /* Controls padding.  Increase to make text further away from edges; decrease to bring closer.  */

/* Box 1 */
.anemone {
	width: 100%; /* Redundant */
	}

/* Octopus Engine - Uses images from i2 - Only for octopus elements within div.anemone */
.anemone .north { background: url(i2/north.png) repeat-x top; }
.anemone .east { background: url(i2/east.png) repeat-y right; }
.anemone .south { background: url(i2/south.png) repeat-x bottom; }
.anemone .west { background: url(i2/west.png) repeat-y left; }
.anemone .ne { background: url(i2/ne.png) no-repeat top right; }
.anemone .se { background: url(i2/se.png) no-repeat bottom right; }
.anemone .sw { background: url(i2/sw.png) no-repeat bottom left; }
.anemone .nw { background: url(i2/nw.png) no-repeat top left; padding: 25px;}


/* Boxes 2 & 3 - Equal size */
.orca {
	margin: 5px 1% 10px 0;
	}
.orca,.whale {
	float: left;
	width: 49%;
	}

/* Octopus Engine - Uses images from i3 - Only for octopus elements within div.orca */
.orca .north { background: url(i3/north.png) repeat-x top; }
.orca .east { background: url(i3/east.png) repeat-y right; }
.orca .south { background: url(i3/south.png) repeat-x bottom; }
.orca .west { background: url(i3/west.png) repeat-y left; }
.orca .ne { background: url(i3/ne.png) no-repeat top right; }
.orca .se { background: url(i3/se.png) no-repeat bottom right; }
.orca .sw { background: url(i3/sw.png) no-repeat bottom left; }
.orca .nw { background: url(i3/nw.png) no-repeat top left; padding: 15px 25px;}

/* Octopus Engine - Uses images from i4 - Only for octopus elements within div.whale */
.whale .north { background: url(i/north.png) repeat-x top; width: 730px; }
.whale .east { background: url(i/east.png) repeat-y right; }
.whale .south { background: url(i/south.png) repeat-x bottom; }
.whale .west { background: url(i/west.png) repeat-y left; }
.whale .ne { background: url(i/ne.png) no-repeat top right; }
.whale .se { background: url(i/se.png) no-repeat bottom right; }
.whale .sw { background: url(i/sw.png) no-repeat bottom left; }
.whale .nw { background: url(i/nw.png) no-repeat top left; padding: 15px 25px;}


/* Octopus Engine - Uses images from i4 - Only for octopus elements within div.whale */
.whale1 .north { background: url(i/north.png) repeat-x top; }
.whale1 .east { background: url(i/east.png) repeat-y right; }
.whale1 .south { background: url(i/south.png) repeat-x bottom; }
.whale1 .west { background: url(i/west.png) repeat-y left; }
.whale1 .ne { background: url(i/ne.png) no-repeat top right; }
.whale1 .se { background: url(i/se.png) no-repeat bottom right; }
.whale1 .sw { background: url(i/sw.png) no-repeat bottom left; }
.whale1 .nw { background: url(i/nw.png) no-repeat top left; padding: 25px 25px;}

/* Box 4 */
.squid {
	clear: both;
	width: 100%;
	}

/*]]>*/