#title {
	background-color: black;
	color: white;
	width: auto;
	padding-left: 5px;
}
#description {
	background-color: black;
	color: white;
	width: 900px;
	height: 200px;
	overflow: Auto;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-right: 10px;
	padding-left: 5px;
	
	scrollbar-face-color:Black;
	scrollbar-highlight-color:Black;
	scrollbar-3dlight-color:Black;
	scrollbar-darkshadow-color:Black;
	scrollbar-shadow-color:Black;
	scrollbar-arrow-color:White;
	scrollbar-track-color:Black;
}
IMG.prjballs {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 14px;
	margin-bottom: 14px;
}
A {
	color: white;
	text-decoration: underline;
}
A:hover {
	color: #B5B5B5;
	text-decoration: underline;
}
H1 {
	font-style: italic;
	font-size: 3;
	font-family: Arial;
	color: White;
}
TABLE.banner {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
A.news {
	color: white;
	text-decoration: none;
}
A.news:hover {
	color: white;
	text-decoration: underline;
}
IMG.publications_image {
	border: 1px solid #F3F3F3;
}
A.publications {
	color: white;
	text-decoration: none;
}
A.publications:hover {
	color: white;
	text-decoration: underline;
}

TABLE.news {
	margin-left: auto;
	margin-right: auto;
}
#main {
	width: 1280px;
	height: 800px;
	margin: auto auto auto auto;
	background-color: black;
	color: white;
	position: static;
	clear: both;
	/*border: 5px solid #d4d4d4;*/
	vertical-align: middle;
}
H1 {
	font-size: 14px;
}
#main-left {
	float: left;
	background-color: black;
	color: white;
	width: 920px;
	height: 780px;
	overflow: Auto;
	padding: 10px;
	text-align: left;
	scrollbar-face-color:Black;
	scrollbar-highlight-color:Black;
	scrollbar-3dlight-color:Black;
	scrollbar-darkshadow-color:Black;
	scrollbar-shadow-color:Black;
	scrollbar-arrow-color:White;
	scrollbar-track-color:Black;
	
	/*scrollbar-face-color:White;
	scrollbar-highlight-color:#515151;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-color:#AAAAAA;
	scrollbar-shadow-color:#515151;
	scrollbar-arrow-color:Black;
	scrollbar-track-color:#D4D4D4;*/
}
#menu {
	float: right;
	padding: 10px 10px 10px 10px;
	width: 320px;
	height: 520px;
	background-color: black;
	color: white;
}
HTML, BODY {
	background-color: black;
	font: normal normal normal 12px "serif sans-serif cursive", Arial, serif;
   border: none;
}

.arrowlistmenu {
width: 300px; /*width of accordion menu*/
}

.arrowlistmenu .ITmenuheaderA { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/off-Projects.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0px 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .ITmenuheaderA:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/on-Projects.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.ITstyleA1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Selected.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Selected.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleA2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Research.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Research.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleA3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Masterplanning.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Masterplanning.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleA4 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Public.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA4:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Public.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleA5 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Dwellings.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA5:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Dwellings.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleA6 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA6:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleA7 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Design.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA7:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Design.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleA8 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Archive.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleA8:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Archive.jpg) no-repeat center left; /*custom bullet list image*/
}


.arrowlistmenu .ITmenuheaderB { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/off-Publications.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .ITmenuheaderB:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/on-Publications.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.ITstyleB1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Latest.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleB1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Latest.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleB2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Book.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleB2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Book.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleB3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Catalogues.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleB3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Catalogues.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleB4 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Magazines-and-newspaper.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleB4:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Magazines-and-newspaper.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleB5 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleB5:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleB6 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Links.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleB6:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Links.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu .ITmenuheaderC { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/off-News.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .ITmenuheaderC:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/on-News.jpg) no-repeat center left;
}

.arrowlistmenu .ITmenuheaderD { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/off-Office.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .ITmenuheaderD:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/on-Office.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.ITstyleD1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Biographie.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleD1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Biographie.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleD2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Mission.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleD2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Mission.jpg) no-repeat center left; /*custom bullet list image*/
}
.arrowlistmenu ul li a.ITstyleD3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Team.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

.arrowlistmenu ul li a.ITstyleD3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Team.jpg) no-repeat center left; /*custom bullet list image*/
}
.arrowlistmenu ul li a.ITstyleD4 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Contact.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleD4:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Contact.jpg) no-repeat center left; /*custom bullet list image*/
}


.arrowlistmenu .ITmenuheaderE { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/off-Fine-art.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .ITmenuheaderE:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/on-Fine-art.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.ITstyleE1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Originals.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleE1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Originals.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleE2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Limited.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleE2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Limited.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.ITstyleE3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_it/off-Signed-prints.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.ITstyleE3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_it/on-Signed-prints.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu .ITmenuheaderF { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/off-English.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .ITmenuheaderF:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_it/on-English.jpg) no-repeat center left;
}




















.arrowlistmenu .menuheaderA { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/off-Projects.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0px 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .menuheaderA:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/on-Projects.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.styleA1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Selected.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Selected.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleA2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Research.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Research.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleA3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Masterplanning.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Masterplanning.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleA4 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Public.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA4:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Public.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleA5 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Dwellings.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA5:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Dwellings.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleA6 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA6:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleA7 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Design.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA7:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Design.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleA8 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Archive.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleA8:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Archive.jpg) no-repeat center left; /*custom bullet list image*/
}


.arrowlistmenu .menuheaderB { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/off-Publications.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .menuheaderB:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/on-Publications.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.styleB1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Latest.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleB1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Latest.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleB2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Book.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleB2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Book.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleB3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Catalogues.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleB3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Catalogues.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleB4 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Magazines-and-newspaper.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleB4:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Magazines-and-newspaper.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleB5 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleB5:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Exhibitions.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleB6 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Links.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleB6:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Links.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu .menuheaderC { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/off-News.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .menuheaderC:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/on-News.jpg) no-repeat center left;
}

.arrowlistmenu .menuheaderD { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/off-Office.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .menuheaderD:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/on-Office.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.styleD1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Biographie.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleD1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Biographie.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleD2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Mission.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleD2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Mission.jpg) no-repeat center left; /*custom bullet list image*/
}
.arrowlistmenu ul li a.styleD3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Team.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

.arrowlistmenu ul li a.styleD3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Team.jpg) no-repeat center left; /*custom bullet list image*/
}
.arrowlistmenu ul li a.styleD4 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Contact.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleD4:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Contact.jpg) no-repeat center left; /*custom bullet list image*/
}


.arrowlistmenu .menuheaderE { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/off-Fine-art.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .menuheaderE:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/on-Fine-art.jpg) no-repeat center left;
}

.arrowlistmenu ul li a.styleE1 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Originals.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleE1:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Originals.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleE2 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Limited.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleE2:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Limited.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.styleE3 { /*CSS class for menu headers in general (expanding or not!)*/
color: #A70303;
background: url(../images/menu_en/off-Signed-prints.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px 0px 5px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
width: 280px;
}

.arrowlistmenu ul li a.styleE3:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/menu_en/on-Signed-prints.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu .menuheaderF { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/off-Italian.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 0px 0 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width: 280px;
}

.arrowlistmenu .menuheaderF:hover { /*CSS class for menu headers in general (expanding or not!)*/
background: black url(../images/menu_en/on-Italian.jpg) no-repeat center left;
}

.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/
}

.arrowlistmenu ul { /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 30px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
width: 280px;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}
/*
.arrowlistmenu ul li a:hover{ /*hover state CSS
color: #A70303;
background-color: #F3F3F3;
}*/