@charset "utf-8";
/* CSS Document */

* {
	padding: 0em;
	margin: 0em;
}

body {
	padding: auto;
	width: 891px;
	height:648px;
	min-width: 891px;

	width: expression(document.body.clientWidth <867 ? "891px" : "100%" );
	background-color: #e9e6e1;
	margin: auto;
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
#header {

}
#emily {
	display:none;
}


.img {
	float : none;
	border : 1px solid #aaa;
	margin : 5px;
	padding : 10px;
}
.imgleft {
	float : left;
	border : 1px solid #aaa;
	margin : 5px;
	padding : 10px;
}
.imgright {
	float : right;
	border : 1px solid #aaa;
	margin : 5px 15px 10px 10px;
	padding : 10px;
}
#content {
	width: 640px;
	z-index: 10;
	padding-left:240px;
	padding-top: 160px;
	height: 300px;
}
#content form {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}
#content table {
	font-family: Arial, Helvetica, sans-serif;
	border-spacing: 5px;
	margin: 10px;
	border-collapse: collapse;
	padding: 5px;
}
#content table .rowcolour {

	}
#content table p {
	padding: 5px;
}

#content  .table {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-spacing: none;
	border: none;
	margin: 0px;
	text-align: center;
}
#content   .table2 {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-spacing: none;
	border: none;
	margin: 0px;
}

#nav {
	padding-top:160px;
	float: left;
}
#contact {
	position: relative;
	top: 500px;
	width: auto;
	float: left;
	left: -200px;
}
#footer {
	position: relative;
	top: 620px;
	width: auto;
	float: right;
	padding: 5px;
	color: #FFFFFF;
	font-size: 10px;
}

#nav_menu {
	position: relative;
	height: 300px;
	z-index: 9;
}

#nav_menu ul {
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-left:70px;
}

#nav_menu li {
	position: relative;
	margin-bottom: 0px;
	list-style: none;
	width:auto;
}

#nav_menu li {
	display: block;
	padding: 0 0 0 0;
	text-decoration: none;
	height:46px;
	background-position:top left;
	background-repeat:no-repeat;
}

#nav_menu li a {
	display:block;
	height:46px;
}

#nav_menu a span {
	display:none;
}

#nav_menu li ul {
	display:none;
	margin:0px;
	width:126px;
	position:absolute;
	top:32px;
	z-index:10;
}

#nav_menu li:hover ul {
	display:block;
}

#nav_menu li a:hover {
	background-position:bottom left;
}

#nav_menu li.home a {
	background-image:url(../images/nav/home.png);
	width:219px;
}
#nav_menu  li.home  a:hover {
	background-image: url(../images/nav/home_hover.png);
	background-repeat: no-repeat;
}


#nav_menu li.biog a {
	background-image:url(../images/nav/biography.png);
	width:215px;
	height: 44px;
}

#nav_menu li.biog a:hover {
	background-image:url(../images/nav/biography_hover.png);
	width:215px;
}

#nav_menu li.portfolio a {
	background-image:url(../images/nav/portfolio.png);
	width:215px;
	height: 47px;
}

#nav_menu li.portfolio a:hover {
	background-image:url(../images/nav/portfolio_hover.png);
	width:215px;
}

#nav_menu li.exhibitions a {
	background-image:url(../images/nav/exhibitions.png);
	width:216px;
	height: 45px;
}

#nav_menu li.exhibitions a:hover {
	background-image:url(../images/nav/exhibitions_hover.png);
	width:216px;
}

#nav_menu li.links a {
	background-image:url(../images/nav/links.png);
	width:216px;
	height: 45px;
}

#nav_menu li.links a:hover {
	background-image:url(../images/nav/links_hover.png);
	width:216px;
}
#nav_menu li.contact a {
	background-image:url(../images/nav/contact.png);
	width:216px;
	height: 46px;
}
#nav_menu li.contact a:hover {
	background-image:url(../images/nav/contact_hover.png);
	width:216px;
}

#nav_menu ul ul li {
	display:block;
}
