@charset "utf-8";

/*
 * $version3d -- dd2009-04-11
 * copyright Philippe Wittenbergh - all rights reserved
*/


/* 
 * @font-face: normal weight last because Opera 10 is dump
 * it doesn't support descriptors, and then double bolds... ugly
 * active discrimination against iExploder - tool is just to buggy to use
 */

@font-face {
    font-family: 'Fontin Sans';
	src: local(FontinSans-BoldItalic), url(/resources/fonts/Fontin_Sans_BI_45b.otf) format("opentype");
	font-style: italic;
	font-weight: bold;
	}
@font-face {
    font-family: 'Fontin Sans'; /*Fontin-web*/
	src: local(FontinSans-Italic), url(/resources/fonts/Fontin_Sans_I_45b.otf) format("opentype");
	font-style: italic;
	font-weight: normal;
	}
@font-face {
    font-family: 'Fontin Sans';
	src: local(FontinSans-Bold), url(/resources/fonts/Fontin_Sans_B_45b.otf) format("opentype");
	font-weight: bold;
	font-style: normal;
	}
@font-face {
    font-family: 'Fontin Sans';
	src: local(FontinSans-Regular), url(/resources/fonts/Fontin_Sans_R_45b.otf) format("opentype");
	font-weight: normal;
	font-style: normal;
	}

html {
	margin:0;
	padding:0;
	border:none;
	background: #f1f1f1 url(../ui/tpShade.png) repeat-x 0 0;
	color: #252935; 
	font: 100%/1.4 'Helvetica Neue', 'Liberation sans', 'Nimbus Sans L', 'Luxi sans', Calibri, Arial, sans-serif;
	}
body {
	background: transparent;
	color: inherit;
	margin: 0;
	padding: 10px 2%;
	min-width: 745px;
	}
#main {
	font: 1em/1.34  Baskerville, 'Constantia', 'Nimbus Roman No9 L', 'Liberation Serif', 'Times New Roman', serif;
	}
h1, h2  {
	font: normal 1.15em/1.3 'Fontin Sans', 'Gill Sans', 'Gill Sans MT', 'Nimbus Sans L', Calibri, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	}
h3 {
	font: 110%/1.4 'Helvetica Neue', 'Liberation sans', 'Nimbus Sans L', 'Luxi sans', Calibri, Arial, sans-serif;
	}

table { font-size:1em;}

a img, img { border:none; margin:0; padding:0;}

/* --links-- */
a:focus {
		color: #7d7d7d;
		background: #d8dde3;
		text-decoration:none;
		}
a {color: #7d7d7d; text-decoration: underline}
a:visited {color: #7a8a99; text-decoration: none}
a:hover {color: #b28a96; text-decoration: none}
a:active {color: #c292a0; text-decoration: none}

.skip {display:block; position:absolute;}
.skip a {
	display:block;
	position:absolute;
	top:.8em;
	left:.5em;
	width:0;
	height:0;
	margin:0;
	overflow:hidden;
	text-align:left
	}
.skip a:focus, .skip a:active {
	display:block;
	position:absolute;
	top:.8em;
	left:.5em;
	width:8.5em;
	height:auto;
	margin:0;
	overflow:visible;
	color: #222;
	background:#e5e2c3;
	border: thin solid #666;
	padding: .1em 0 .1em .4em
	}

/* -- layout -- */
#contentsbox {
	margin:0 auto 3em;
	width: 48em;
	max-width: 96%;
	padding: 1.1em 0 0;
	font-size: 1em;
	}
	
	#aside {
	float: right;
	margin:0;
	padding: 2em 0 3em;
	width: 33%;
	}
	
	#main {
	float:left;
	width:  62%;
	margin: 0;
	padding: 2em 0 3em;
	background: url(../ui/grey_L123.png) no-repeat 50% 100%;
	}

hr {
	visibility:hidden;
	clear:both;
	display:block;
	height:1px; border: none; margin:0
	}	



/* right column */

.tbt {
	margin: 1.125em 0 0 2.5em;
	width: 200px;
	overflow: hidden;
	}
.tbt img, .tbt span {
	float: right;
	width: 65px;
	height: 65px;
	}
	#slideshow {
		position:relative;
		}
	#slideshow img {
    	position:absolute;
    	top:0;
    	left:0;
    	z-index:8;
    	opacity:0;
	}

	#slideshow img.active {
    	z-index:10;
    	opacity:1.0;
	}

	#slideshow img.last-active {
		z-index:9;
	}

#ghost {
	margin: 85px 0 0;
	}
#ghost img {
	border:none;
	width:99.9%;
	max-width:100%;
	/*1px solid #d4d5d6*/
	}

#mainnav {
	border-top: 1px dashed #505050;
	margin: 9.625em 0 0;
	padding: .5em 3% 0;
	text-align: right;
	}

#mainnav a {
	padding: .2em .3em .1em;
	font-size: .9em;
	border: 1px solid #777;
	border-color:#797b7f #616365 #616365 #797b7f;

	-moz-box-shadow: inset rgba(10,10,10, 0.15) 0 -.9ex .85ex .05ex, inset rgba(255,255,255, 0.8) 0 .8ex .8ex .04ex;
	-webkit-box-shadow: inset rgba(10,10,10, 0.15) 0 -.9ex .85ex .05ex, inset rgba(255,255,255, 0.8) 0 .8ex .8ex .04ex;
	box-shadow: inset rgba(10,10,10, 0.15) 0 -.9ex .85ex .05ex, inset rgba(255,255,255, 0.8) 0 .8ex .8ex .04ex;
	
	margin:.2ex .2em;
	text-decoration:none;
	background: rgb(230, 233, 237) /*#f1f2f3*/;
	display: -moz-inline-box;
	display: inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}

#mainnav :link:focus,
#mainnav :visited:focus {
	background: #d8dde3;
	}
#mainnav a:link,
#mainnav a:visited {
	color: #252935;
	}
#mainnav a:hover,
#mainnav a:active {
	background: rgb(218, 223, 229);
	color:#345;
	}
#mainnav span {display:none;}

/* --left column-- */

#main h1, #main h3 {
	text-align: center;
	}
h1 {
	padding: .5em 0 3em;
	background: url(../ui/grey_h14.png) repeat-y 50% 50%;
	color: #3e4c59;
	margin: .5em 0 .4em;
	letter-spacing: 0;
	font-weight: bolder;
	}
h1 em {
	padding: 0;
	font-style:normal;
	text-shadow: rgba(255,255,255,.5) 1px 1px 0, rgba(10,10,10, .2) 3px 3px 2px;
	}
h1:before {
	content: 'phiw|PHIW|';
	padding-right: .4em;
	}
#phiw:after {
	content: '|PHIW|phiw';
	padding-left: .4em;
	}
h1:before,
#phiw:after {
	text-shadow: none;
	font-weight: normal;
	letter-spacing: .1em;
	color: #b5babf;
	background: transparent;
	} 

h3 {
	margin: -2em 0 1.2em;
	border-bottom: 3px #a2a2a2 double;
	color: #3e4c59;
	background: transparent;
	padding-bottom: 1.5em;
	position: relative;
	font-variant: small-caps;
	text-transform: capitalize;
	}
#main p {
	text-align: justify;
	margin: 0 1.2% 1.4em 3%;
	}
#main p + p {
	text-indent: 1.5em;
	}

h3+p:first-letter {
	font-size: 3.05em;
	font-weight: bold;
	float: left;
	line-height: 0.8; /* IE 7 & 8 */
	color: #393e4c;
	background: transparent;
	margin: .10em .2ex -.11em 0;
	}
	h3+p::first-letter {line-height: 0.70;}
	h3+p::first-line {font-variant: small-caps;}

#main .sig { 
	text-align:right;
	margin-bottom:0;
	padding: 0 .8em 0 0;
	}

/* --footer-- */

#nvbtxt {
	font-size: .85em;
	padding: .8em;
	margin: 1em 0 0;
	border-top: 1px dashed #505050;
	text-align:center;
	}
#nvbtxt a {padding:0 .2em;}

#copyr { 
	margin:1.8em 0 0 0;
	font-size: .8em;
	padding: 0 2% 0;
	text-align: right;
	}
#location {
	display:none;
	font-size: .85em;
	text-align:center;
	}

@media print {
	html, body {margin: 0; padding:0; background: #fff; color: #00000d;}
	a {text-decoration:none;}
	#contentsbox {width:100%; margin:0;}
	#main {float:none; width:96%; margin:0 auto;}
	#location {display: block;}
	#mainnav, #ghost {display: none;}
	#copyr { margin:1em 0 0 0;}
	#main {padding-bottom:1em;}
}