div#page    {
            background-image: url(../images/backgrounds/diffusion.jpg);
            background-repeat: repeat;
            }
div#welcomecontents {
					padding: 0px;
					margin-top: -28px;
					width: 850px;
					height: 450px;
					}
					
/*Flash*/
div#flash	{
			position: relative;
			top: 0px;
			left: 0px;
			}
/*Ticket Stickers*/
ul#ticketstickers	{
						position: absolute;
						bottom: 0px;
						right: 0px;
						width: 319px;
						height: 358px;
						background: url(../images/details/stickers2.gif) no-repeat;
						padding: 0px;
						margin: 0px;
						}
#ticketstickers li{
						margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;
						}
#ticketstickers a	{
						display: block; text-decoration: none;
						}
/*Positioning the menu items*/
#filmtitle {left: 30px; top: 126px; width: 161px; height: 27px; font-size: 9px;}
#cinema {left: 32px; top: 175px; width: 136px; height: 29px; text-align: center;}
#contact {left: 105px; top: 82px; width: 90px; height: 27px;}
#gotonews {left: 205px; top: 140px; width: 60px; height: 29px;}
#gotoshop {left: 180px; top: 265px; width: 60px; height: 33px;}
/*Declaring the height of the links*/
#cinema a{font-size: 9px; font-weight: bold;}
#gotonews a{height: 29px; background: url(../images/menu/text/newsfrontplain.gif) no-repeat; text-indent: -9999px; }
#gotoshop a{height: 33px; background: url(../images/menu/text/shopfrontplain.gif) no-repeat; text-indent: -9999px;}
#contact a{height: 27px; background: url(../images/details/contact.gif) no-repeat; text-indent: -9999px;}
/*Choosing the task to be performed when user hovers*/
#cinema a:hover{color: #fff;}
#gotonews a:hover{background: url(../images/menu/text/newsfrontdecor.gif) no-repeat;}
#gotoshop a:hover{background: url(../images/menu/text/shopfrontdecor.gif) no-repeat;}
#contact a:hover{background: url(../images/details/contacthover.gif) no-repeat;}
						
/*Advanced Menu functions*/
ul#menu	{
		width: 707px;
		height:83px;
		background: url(../images/menu/wbook.gif) no-repeat;
		padding: 0px;
		margin-left: 60px;
        margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		}
#menu li{
		margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;
		}
#menu a	{
		display: block; text-indent: -60px; overflow: hidden; text-decoration: none;
		}
/*Positioning the menu items*/
#films	{left: 479px; top: 17px; width: 60px; height: 29px;}
#news	{left: 548px; top: 16px; width: 60px; height: 29px;}
#shop	{left: 617px; top: 15px; width: 60px; height: 33px;}
#diff	{left: 703px; top: 23px; width: 31px; height: 18px;}
/*Declaring the height of the links*/
#films a{height: 29px; width: 60px; background: url(../images/menu/text/filmsfrontplain.gif) no-repeat;}
#news a{height: 29px; width: 60px; background: url(../images/menu/text/newsfrontplain.gif) no-repeat;}
#shop a{height: 33px; width: 60px; background: url(../images/menu/text/shopfrontplain.gif) no-repeat;}
#diff a{height: 18px; width: 31px; background: url(../images/menu/text/diffplain.gif) no-repeat;}
/*Choosing the task to be performed when user hovers*/
#films a:hover{background: url(../images/menu/text/filmsfrontdecor.gif) no-repeat;}
#news a:hover{background: url(../images/menu/text/newsfrontdecor.gif) no-repeat;}
#shop a:hover{background: url(../images/menu/text/shopfrontdecor.gif) no-repeat;}
#diff a:hover{background: url(../images/menu/text/diffdecor.gif) no-repeat;}

