﻿html {
	margin:0 0 0 0;
	padding:0 0 0 0;
	direction:rtl;
}

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;

}


#container {
	position:relative;
	margin:auto;
	width:834px;
}

#topLogo {
	width:834px;
	height:131px;
}

#menu {
	width:834px;
	height:59px;
	background-image:url('../images/menuBG.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}

img {
	border:0px;
}

td {
	vertical-align:top;
}

#main {
	width:834px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:black;

}

}

#rightArea {
	float:right;
	width:500px;
	background-image:url('../images/loadImage.gif');
	background-position:center center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:99;
	color:black;
}

#rightAreaDesign {
	float:right;
	width:500px;
	background-image:url('../images/loadImage.gif');
	background-position:center center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:99;
	color:black;
}

#rightTextArea {
	float:right;
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:black;
	text-align:justify;
	padding-right:31px;
	padding-top:15px;
	padding-bottom:10px;
	z-index:99;
	background-color:white;
}

#rightTOP {
	float:right;
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-align:justify;
	padding-right:31px;
	padding-top:15px;
	padding-bottom:5px;
	z-index:99;
	background-color:white;
}
#rightBOTTOM {
	float:right;
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-align:justify;
	padding-right:31px;
	padding-top:5px;
	padding-bottom:5px;
	z-index:99;
	background-color:white;
}

#leftArea {
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:gray;
	padding-top:15px;
}

#leftAreaHome {
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:11px;
	color:black;
	padding-top:15px;
}

#leftAreaPoems {
	float:left;
	width:200px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:gray;
	padding-top:15px;
}

#leftCatalogue {
	float:left;
	width:190px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:gray;
	padding-top:15px;
}

#credits {
	width:834px;
	height:84px;
	background-image:url('../images/credits.jpg');
	background-position:right top;
	background-repeat:no-repeat;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:gray;
	padding-right:31px;
	padding-top:50px;
}

a {
	color:blue;
	text-decoration:none;
}

a:hover {
	color:black;
	text-decoration:none;
}

a.credits {
	color:gray;
	text-decoration:none;
}

a.credits:hover {
	color:black;
	text-decoration:none;
}

a.catalogue {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:14px;
	color:navy;
	text-decoration:none;
}

a.catalogue:hover {
	color:black;
	text-decoration:none;
}

.quote {
	float:left;
	width:200px;
	font-size:11px;
}
.quoteWide {
	float:left;
	width:400px;
	font-size:11px;
}


#menu ul { 
	list-style: none; 
	margin: 0; 
	padding: 0;
	cursor:text; 
} 

#menu ul li { 
	float: right; 
	margin: 0; 
	padding: 0; 
} 

#menu ul li a { 
	display: block; 
	margin: 0; 
	padding: 0; 
} 

#menu ul li#empty a { 
	width:36px;
	height: 59px; 
	background-image: url(../images/menuBG_0.jpg); 
	background-repeat: no-repeat; 
	background-position:500px 500px;
} 

#menu ul li#empty a:hover { 
	width:36px;
	height: 59px; 
	background-image: url(../images/menuBG_0.jpg); 
	background-repeat: no-repeat; 
	background-position: top left; 
} 

#menu ul li#research a { 
	width:76px;
	height: 59px; 
	background-image: url(../images/menuBG_1.jpg); 
	background-repeat: no-repeat; 
	background-position:500px 500px;
} 

#menu ul li#research a:hover { 
	width:76px;
	height: 59px; 
	background-image: url(../images/menuBG_1.jpg); 
	background-repeat: no-repeat; 
	background-position: top left; 
} 

#menu ul li#design a { 
	width:73px;
	height: 59px; 
	background-image: url(../images/menuBG_2.jpg); 
	background-repeat: no-repeat; 
	background-position:500px 500px;
} 

#menu ul li#design a:hover { 
	width:73px;
	height: 59px; 
	background-image: url(../images/menuBG_2.jpg); 
	background-repeat: no-repeat; 
	background-position: top left; 
} 

#menu ul li#art a { 
	width:73px;
	height: 59px; 
	background-image: url(../images/menuBG_3.jpg); 
	background-repeat: no-repeat; 
	background-position:500px 500px;
} 

#menu ul li#art a:hover { 
	width:73px;
	height: 59px; 
	background-image: url(../images/menuBG_3.jpg); 
	background-repeat: no-repeat; 
	background-position: top left; 
} 

#menu ul li#about a { 
	width:77px;
	height: 59px; 
	background-image: url(../images/menuBG_4.jpg); 
	background-repeat: no-repeat; 
	background-position:500px 500px;
} 

#menu ul li#about a:hover { 
	width:77px;
	height: 59px; 
	background-image: url(../images/menuBG_4.jpg); 
	background-repeat: no-repeat; 
	background-position: top left; 
} 


