@charset "utf-8";
* { margin: 0; padding: 0; }

/* Z-Index */
/* Listed from Back to Front */
#body-container { z-index: 1; position: relative; 	}
#z-container1 	{ z-index: 2; position: fixed;		}
#layer-1 		{ z-index: 3; position: relative; 	}
#z-container3 	{ z-index: 4; position: fixed;		}
#layer-3		{ z-index: 5; position: relative;	}
#z-container4 	{ z-index: 6; position: fixed;		}
#layer-4		{ z-index: 7; position: relative;	}
#content 		{ z-index: 8; position: relative;	}
#content-border { z-index: 8; position: relative;	}
#z-container2   { z-index: 9; position: fixed;		}
#layer-2		{ z-index: 10; position: relative;	}



/* Positioning */
#body-container { width: 100%; height: 100%;}
#z-container1 { top: 50%; left: 50%; margin-top: 270px; margin-left: -700px; }
#layer-1 { top: 0; right: 0; }
#z-container2 { top: 50%; left: 50%; margin-top: -230px; margin-left: -670px; }
#layer-2 { top: 0; right: 0; }
#z-container3 { top: 50%; left: 50%; margin-top: 200px; margin-left: 370px; }
#layer-3 { top: 0; right: 0; }
#z-container4 { top: 50%; left: 50%; margin-top: -270px; margin-left: 340px; }
#layer-4 { top: 0; right: 0; }


/*Z-Index Sources */
.wc1 { background-image: url(../images/seaweed-1.gif); background-repeat: no-repeat; height: 279px; width: 505px; }
.wc2 { background-image: url(../images/starfish-1.gif); background-repeat: no-repeat; height: 405px; width: 302px; }
.wc3 { background-image: url(../images/starfish-2.gif); background-repeat: no-repeat; height: 229px; width: 226px; }
.wc4 { background-image: url(../images/seaweed-2.gif); background-repeat: no-repeat; height: 635px; width: 642px; }
#z-container1 { width: 505px; }
#z-container2 { width: 302px; }
#z-container3 { width: 226px; }
#z-container4 { width: 642px; }

/* Misc Styling */
p#quote { background-image: url(../images/quote-2.gif); }