/* inner_container sets the width of the page, and page centering (to left-align the whole page, remove the margin: auto settings) */
#gate_container {
  position: relative;
  width: 970px; 
  margin: 0 auto 0 auto; 
  padding: 0; height:550px;
  text-align: left;
}

#gate_year {position:absolute; top:440px; left:820px; }

/* +++++++++++++++++++++++++ Submit (OLE!) Button ++++++++++++++++++++++++++++ */
#button_ole { 
	z-index:10;
	position:absolute; top:485px; left:830px; }
#button_music{
	z-index:10;
	position:absolute; top:40px; left:915px; 
	width:44px; height:44px; 
}

/* +++++++++++++++++++++++++ Months placement ++++++++++++++++++++++++++++ */
#month_1 { 
	z-index:5;
	position:absolute; top:85px; left:113px; }
#month_2 { 
	z-index:5;
	position:absolute; top:107px; left:67px; }
#month_3 { 
	z-index:5;
	position:absolute; top:149px; left:40px; }
#month_4 { 
	z-index:5;
	position:absolute; top:198px; left:38px; }
#month_5 { 
	z-index:5;
	position:absolute; top:243px; left:57px; }
#month_6 { 
	z-index:5;
	position:absolute; top:272px; left:98px; }
#month_7 { 
	z-index:5;
	position:absolute; top:277px; left:147px; }
#month_8 { 
	z-index:5;
	position:absolute; top:256px; left:192px; }
#month_9 { 
	z-index:5;
	position:absolute; top:215px; left:220px; }
#month_10 { 
	z-index:5;
	position:absolute; top:165px; left:225px; }
#month_11 { 
	z-index:5;
	position:absolute; top:120px; left:204px; }
#month_12 { 
	z-index:5;
	position:absolute; top:90px; left:163px; }

/* +++++++++++++++++++++++++ Days placement ++++++++++++++++++++++++++++ */

#day_1 { 
	z-index:5;
	position:absolute; top:80px; left:315px; }
#day_2 { 
	z-index:5;
	position:absolute; top:80px; left:362px; }
#day_3 { 
	z-index:5;
	position:absolute; top:80px; left:410px; }
#day_4 { 
	z-index:5;
	position:absolute; top:80px; left:457px; }
#day_5 { 
	z-index:5;
	position:absolute; top:80px; left:505px; }
#day_6 { 
	z-index:5;
	position:absolute; top:80px; left:553px; }
#day_7 { 
	z-index:5;
	position:absolute; top:80px; left:601px; }
#day_8 { 
	z-index:5;
	position:absolute; top:80px; left:650px; }
#day_9 { 
	z-index:5;
	position:absolute; top:80px; left:697px; }
#day_10 { 
	z-index:5;
	position:absolute; top:80px; left:745px; }
#day_11 { 
	z-index:5;
	position:absolute; top:80px; left:795px; }
#day_12 { 
	z-index:5;
	position:absolute; top:80px; left:840px; }
#day_13 { 
	z-index:5;
	position:absolute; top:124px; left:315px; }
#day_14 { 
	z-index:5;
	position:absolute; top:124px; left:362px; }
#day_15 { 
	z-index:5;
	position:absolute; top:124px; left:410px; }
#day_16 { 
	z-index:5;
	position:absolute; top:124px; left:457px; }
#day_17 { 
	z-index:5;
	position:absolute; top:124px; left:505px; }
#day_18 { 
	z-index:5;
	position:absolute; top:124px; left:553px; }
#day_19 { 
	z-index:5;
	position:absolute; top:124px; left:601px; }
#day_20 { 
	z-index:5;
	position:absolute; top:124px; left:650px; }
#day_21 { 
	z-index:5;
	position:absolute; top:124px; left:697px; }
#day_22 { 
	z-index:5;
	position:absolute; top:124px; left:745px; }
#day_23 { 
	z-index:5;
	position:absolute; top:124px; left:795px; }
#day_24 { 
	z-index:5;
	position:absolute; top:124px; left:840px; }
#day_25 { 
	z-index:5;
	position:absolute; top:174px; left:795px; }
#day_26 { 
	z-index:5;
	position:absolute; top:174px; left:840px; }
#day_27 { 
	z-index:5;
	position:absolute; top:221px; left:795px; }
#day_28 { 
	z-index:5;
	position:absolute; top:221px; left:840px; }
#day_29 { 
	z-index:5;
	position:absolute; top:270px; left:795px; }
#day_30 { 
	z-index:5;
	position:absolute; top:270px; left:840px; }
#day_31 { 
	z-index:5;
	position:absolute; top:316px; left:795px; }