div#page    {
			background-image: url(../images/backgrounds/diffusion.jpg);
			background-repeat: repeat;
            }
div#d4diff   {
				width: 872px;
				height: 468px;
				padding: 0px;
				margin: 0px;
				position: absolute;
				top: -10px;
				left: -10px;
				background-image: url(../images/backgrounds/backpage.jpg);
				background-repeat: no-repeat;
				}
div#contents      {
						position: absolute;
						top: -48px;
						left: 0px;
						width: 850px;
						height: 500px;
						padding: 0px;
						margin: 0px;
						}
div#leftcolumn	{
						position: absolute;
						top: 0px;
						left: 18px;
						width: 360px;
						height: 430px;
						text-align: left;
						overflow: hidden;
						margin: 0px;
						padding: 0px;
						}
div#rightcolumn	{
						position: absolute;
						top: 0px;
						right: -12px;
						width: 399px;
						height: 425px;
						text-align: center;
						overflow: hidden;
						margin: 0px;
						padding: 0px;
						}
h3	{
		padding-bottom: 0px;
		margin-bottom: 8px;
		font-family: 'trebuchet ms';
		}
p	{
	font-size: 11px;
	color: #666;
	}
a:hover	{
			color: #900;
			}
/*Advanced Menu functions*/
ul#menu	{
		width: 707px;
		height:83px;
		background: url(../images/menu/dbook.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: 270px; top: 17px; width: 60px; height: 29px;}
#news	{left: 200px; top: 16px; width: 60px; height: 29px;}
#shop	{left: 132px; 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/filmsbackplain.gif) no-repeat;}
#news a{height: 29px; width: 60px; background: url(../images/menu/text/newsbackplain.gif) no-repeat;}
#shop a{height: 33px; width: 60px; background: url(../images/menu/text/shopbackplain.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/filmsbackdecor.gif) no-repeat;}
#news a:hover{background: url(../images/menu/text/newsbackdecor.gif) no-repeat;}
#shop a:hover{background: url(../images/menu/text/shopbackdecor.gif) no-repeat;}
#diff a:hover{background: url(../images/menu/text/diffdecor.gif) no-repeat;}

