*	{
	margin:0;
	padding:0;
	}

html {
	font-size: 100%;
	}

body {
	font-family: "lucida grande", verdana, "lucida sans", lucida, "trebuchet ms",  "bitstream vera sans", helvetica, geneva, arial, sans-serif;
	font-size:62.5%;
	min-width:780px;
	}


/* Misc */

hr {display:none;}


/* Base */

p {
	font-size:1.1em;
	line-height:150%;
	}
	
a:link {
	font-weight:bold;
	}
	
a:visited {
	font-weight:normal;
	}
	
a:hover,
a:active {
	text-decoration:none;
	}

/* Container */
	
#container {
	background:rgb(255,255,255);
	margin:0 auto;
	width:780px;
	position:relative;
	}


/* Header */

#header {
	height:100px;
	margin-bottom:10px;
	position:relative;
	width:780px;
	}
	
#header h1 {
	height:55px;
	position:absolute;
	left:20px;
	top:20px;
	width:230px;
	}

#header h1 a {
	display:block;
	height:100%;
	width:100%;
	/* simple text replacement */
	font-size:0.1em;
	text-indent:-1000px;
	text-decoration:none;
	}
	
#header p {
	height:25px;
	position:absolute;
	right:0;
	top:0;
	width:206px;
	}

#header p a {
	display:block;
	font-size:0.1em;
	text-indent:-1000px;
	text-decoration:none;
	height:100%;
	}
	
#header p a.login {
	margin-left:44px;
	width:162px;
	}
	
#header p a.prefs {
	display:block;
	width:103px;
	float:left;
	margin-left:10px;
	display:inline;
	}
	
#header p a.logout {
	display:block;
	width:93px;
	float:left;
	}	

/* Navigation */

#header ul {
	left:240px;
	list-style:none;
	position:absolute;
	top:75px;
	}
	
#header li {
	display:inline;
	}
	
#header ul a {
	display:block;
	float:left;
	height:25px;
	text-indent:-1000px;
	text-decoration:none;
	width:108px;
	}	


/* Content */

#content {
	float:left;
	width:456px;
	margin-right: 10px;
	}

#content h2 {
	display:block;
	height:100px;
	width:456px;
	/* simple text replacement */
	font-size:0.1em;
	text-indent:-1000px;
	}



#content h3 {margin:15px 55px 0 55px;font-size:1.2em;}
#content p {margin:0 55px 10px 55px;}

#content h2, #images {margin-bottom:15px;}
#content {margin-bottom:30px;}
#fromcatalogue {margin-bottom:10px;}

#content ul {
	list-style-type: disc;
	margin: 0px 30px 10px 30px; 
	font-size: 11px;
}

#content li { margin-left: 60px; }

#content dl {
	font-size: 11px; 
	margin: 0px 30px 10px 30px; 
}

#content dt {
	margin: 4px 30px;
	font-weight: bold;
}

#content dd {
	margin: 4px 60px;
}

/* From The Catalogue */

#fromcatalogue {
	float:left;
	width:314px;
	}

#images {
	height:250px;
	width:314px;
	position: relative;
	overflow: hidden; 
	}

#images #scroller {
	float: right;
	position: relative;
	top: 22px;
	height: 208px;
	padding-right: 20px;
	overflow: hidden;
	clear: both;
	clip: rect(0, 50px, 208px, 0px);
}

#images #thumblist {
	list-style-type: none;
}

#images img#large-image { 
	position: absolute;
	left: 25px;
	top: 25px;
}

#images #imageUp { text-indent: -9999px; display: block; width: 44px; height: 16px; position: absolute; background: transparent url(../images/scroll-up.gif) no-repeat top left; right: 20px; top: 0px; cursor: hand; cursor: pointer; }
#images #imageDn { text-indent: -9999px; display: block; width: 42px; height: 16px; position: absolute; background: transparent url(../images/scroll-down.gif) no-repeat top left; right: 20px; bottom: 0px; cursor: hand; cursor: pointer; }

#images #thumblist li { display: block; margin: 0px; width: 59px; height: 52px; padding: 0px; background: transparent url(../images/bg-tn-images.gif) no-repeat scroll center right; text-align: right; }

#images #thumblist li.selected { background-image: url(../images/bg-tn-selected.gif); }

#images #thumblist img { cursor: hand; cursor: pointer; margin: 0; padding: 9px 5px 0px 0px; }

#fromcatalogue h2 {
	visibility:hidden;
	height:0;
	}

#fromcatalogue h3 {
	font-size:2.4em;
	font-weight:normal;
	margin-bottom:10px;
	margin-left:20px;
	}	

#fromcatalogue h4 {
	font-size:1em;
	line-height:150%;
	margin-top:10px;
	text-transform:uppercase;
	}

#fromcatalogue h4 strong,
#fromcatalogue h4 em {
	font-style:normal;
	text-transform:none;
	}

#fromcatalogue h4 strong {font-size:1.2em;}
#fromcatalogue h4 em {font-weight:normal;}

	
/* View The Catalogue */

/*
#viewcatalogue {
	height:40px;
	position:absolute;
	bottom:26px;
	right:16px;
	width:205px;
	}
*/

#viewcatalogue {
	clear:left;
	width:196px;
	height:30px;
	margin-left:118px;
	padding-top:10px;
	}

#viewcatalogue a {
	display:block;
	height:30px;
	width:196px;
	/* simple text replacement */
	font-size:0.1em;
	text-indent:-1000px;
	text-decoration:none;
	}

/* Footer */

#footer {
	clear:both;
	height:20px;
	padding:15px 0;
	}

#footer p {
	font-size:0.9em;
	line-height:1.5em;
	margin:0 0 0 55px;
	}
	
#footer a:link,
#footer a:visited {
	text-decoration:none;
	}

#footer a:hover,
#footer a:active {
	text-decoration:none;
	}