/* Stylesheet for Katherine Du Tiel's website, by Yahia Chlyeh. */
@media screen {
html, body, h1, #nav, #nav ul.sn, #c h2, #c blockquote, #c.g ul, #f { margin:0; padding:0; list-style:none; }
body { padding:0 10%; min-width:640px; color:#9a9a9a; background:#fff; font:bold 13px/1.3em Arial, sans-serif; }
#z { position:relative; padding-top:43px; }
.h { display:none; }
a img { border:0; }
h1 { text-indent:-9999em; width:185px; height:43px; background:url(logop2.png) no-repeat scroll -6px 0; position:absolute; top:0; left:0; }
h1 em { display:block; position:absolute; top:36px; left:-17px; width:17px; height:92px; background:url(logop1.png) no-repeat scroll 0 0; }

#c { min-height:440px; margin:30px 0 30px 50%; }
* html #c { height:440px; }
#c.g { height:480px; margin:10px 0; }
* html #c.g { height:480px; }
#c h2 { position:absolute; bottom:0; left:0; }
#c.g h2 { font-style:italic; }
#c.g h2 em { font-style:normal; }
#c h2, #f { width:30%; }
#c h2, #f, #c.g ul li span { height:40px; padding-top:10px; font-size:1em; }
#c h3 { margin:2em 0 1em; border-bottom:1px dashed; text-transform:uppercase; font-size:1.15em; }
* html #c h3 { margin-top:0; }
*:first-child+html #c h3 { margin-top:0; }
#c p.note { font-size:.9em; }
#c p.design { position:absolute; bottom:50px; right:0; margin:0; }
* html #c p.design { right:10%; } /*whatAboutMSIE7*/
#c blockquote { border-left:.5em solid; padding:0 3em 0 .75em; font-style:italic; }
#c ul { list-style-type:square; }
#c dl dt { width:4.5em; float:left; clear:left; }
#c dl dt, #c dl dt+dd { margin-top:1em; }
#c dl dt:first-child, #c dl dt:first-child+dd { margin-top:0; }
#c dl dd { margin-left:4.5em; padding:0 0 .4em 1em; }
* html #c dl dd { margin-bottom:.4em; }
#c div.i { text-align:center; position:absolute; left:0; width:50%; padding:1em 0; overflow:hidden; }
* html #c div.i { left:10%; top:73px; padding:0; overflow:visible; }
#c div.i img { border:1px solid #86878F; }
#c a { text-decoration:none; }
#c a:link, #c a:visited { color:#7b0000; } /*#6D7191*/
#c a:hover {}

#c.g ul li { display:none; }
#c.g ul li:first-child, #c.g ul li.active { display:block; }
#c.g ul li.passive { display:none; }
#c.g ul li img { display:block; margin:0 auto; }
#c.g ul li a:hover img { outline:1px solid #7b0000; } /*#86878F*/
#c.g ul li span { display:block; width:30%; margin:0 35%; text-align:center; position:absolute; bottom:0; left:0; }
* html #c.g ul li { width:100%; }
#c.g ul li span label { font-style:italic; }
#c.g ul li span label em { font-style:normal; }
#c.g ul li span a.p, #c.g ul li span a.n { color:#7b0000; cursor:pointer; position:absolute; width:2em; text-align:center; left:-2em; }
#c.g ul li span a.n { left:auto; right:-2em; }

#nav { position:absolute; top:0; right:0; text-transform:lowercase; }
* html #nav { right:10%; }
#nav li { float:left; position:relative; }
#nav li a { display:block; color:#9a9a9a; text-decoration:none; padding:1.4em 1.2em .5em; }
#nav li a:hover { color:#7b0000; }
#nav>li+li+li+li+li a { padding-right:0; }

#nav ul.sn { position:absolute; visibility:hidden; }
#nav li:hover ul.sn { visibility:visible; }
#nav ul.sn li { float:none; margin-bottom:.1em; }
#nav ul.sn li a { white-space:nowrap; padding:.1em 1.2em; background:url(sn.png) 0 0 repeat scroll; }

#f { margin:0 0 0 auto; text-align:right; }
}