/* General ............................................................................................ */
p { font-size: 1.1em; line-height: 1.6em; color: #FFFFFF; }
a { text-decoration: none; color: #D1005D; border-bottom: dotted 1px; }
a:hover { color: #FFFFFF;}

h2 { height: 20px; }
h2.aboutus { text-indent: -9999px; background: url("/_img/h2/aboutus.gif") 200px 0px no-repeat; }
h2.exhibitions { text-indent: -9999px; background: url("/_img/h2/exhibitions.gif") 200px 0px no-repeat; }
h2.contactus { text-indent: -9999px; background: url("/_img/h2/contactus.gif") 200px 0px no-repeat; }
h2.awards { text-indent: -9999px; background: url("/_img/h2/awards.gif") 200px 0px no-repeat; }
h2.collection { text-indent: -9999px; background: url("/_img/h2/collection.gif") 200px 0px no-repeat; }
h2.tryroque { text-indent: -9999px; background: url("/_img/h2/tryroque.gif") 200px 0px no-repeat; }


/* html & body ........................................................................................ */
html { height: 101%; }
body { margin: 0;	padding: 0;	height: 100%;	background: url("/_img/bkg.gif") center; font-family: Arial; }




/* Header ............................................................................................ */
#header { padding-top: 20px; height: 80px; position relative; }

h1 { margin: 0 0 0 50px; }

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 47px;
	left: 195px;
}
#header li { margin-right: 15px; float: left; }

#header a { text-indent: -9999px; height: 12px; display: block; border-bottom: none; }
#header li.home a { background: url("/_img/nav/home.gif") no-repeat; width: 32px; }
#header li.about a { background: url("/_img/nav/aboutus.gif") no-repeat; width: 48px; }
#header li.exhibitions a { background: url("/_img/nav/exhibitions.gif") no-repeat; width: 62px; }
#header li.contact a { background: url("/_img/nav/contactus.gif") no-repeat; width: 58px; }
#header li.awards a { background: url("/_img/nav/awards.gif") no-repeat; width: 48px; }
#header li.collection a { background: url("/_img/nav/collection.gif") no-repeat; width: 76px; }
#header li.tryroque a { background: url("/_img/nav/tryroque.gif") no-repeat; width: 52px; }

#header li a:hover { background-position: 0px -12px; }


/* Content ........................................................................................... */
#content { padding: 0 0 40px 0; width: 700px; float: left; }
#content p { padding: 0 50px 0 200px; }
#content p.intro { text-indent: -9999px; }

#content ul { padding: 15px 0 0 200px; list-style: none; color: #FFFFFF; }
#content ol { padding: 15px 0 0 200px; list-style: none; color: #FFFFFF; }
#content li { padding: 2px 0; font-size: 1.1em; }

#content li.head { font-weight: bold; }

#content li a { text-decoration: none; color: #D1005D; border-bottom: dotted 1px; }
#content li a:hover { color: #FFFFFF;}

.image { text-align: center; }
.image2 { text-align: right; }

/* Footer ............................................................................................ */
#footer {	padding: 10px 0 15px 0; width: 700px; position: absolute; left: 0px; bottom: 0px; clear: left; text-align: center; font-size: 11px; color: #444; }
* html #footer div.hr { margin-left: 0; }



/* Magic float fix ....................................................................................*/
#floatfix { display: block; clear: both; }