/*  When you change the content Content Height, you must also change 
Backgound Height and Footer Top as noted in the comments below.
   
	   */


#Content {

/*When you change the CONTENT Height to what you need it to be. Then change Background Height.  */
    
	height:1500px;

    position:absolute;
    left:200px;
    top:200px;
    width:500px;
    z-index:6;
	
    background-image: url(./images/translucent-500x1700.png); /* Mozilla only */
	
    background-color: transparent;                           /* Mozilla only */
    background-image: none;                             /* IE only */
    background-color: #FFFFFF;                          /* IE only */
    filter: alpha(opacity=80);                           /* IE only */
}


/* Left  Sidebar  */

#LeftMenu {
    
	/*  Left Sidebar height should be set to be the SAME AS the CONTENT Height.
*/	
	
    height:1500px;
	
	position:absolute;
    left:0px;
    top:200px;
    width:200px;
    z-index:4;
	padding-left:0px;
}

/* Right Sidebar*/

#Promo {

/*  RIGHT PROMO Sidebar height should be set to be (CONTENT Height - 300)  
*/	
	
    height:1200px;
	

    position:absolute;
    left:700px;
    top:500px;
    width:200px;
	z-index:5;
}


#BackGround {

/*After you change the CONTENT Height, you must set Background Height to (Content Layer height + 300)  */
	
	height:1800px;
	

	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	z-index:1;
    background-image:url(./images/sand.png);
	background-repeat:repeat;
}


#Footer {

	/*When you change the CONTENT Height, you must set Footer Layer "top" to (Background Height - 100) */
	
	top:1700px;
	
	position:absolute;
	left:0px;
	width:900px;
	height:100px;
	z-index:7;
	padding-top:10px;
}