/* CSS Document */
@import "reset.css";

/* Global Styles */
body { font:0.75em Arial, Helvetica, sans-serif; color:#08084a; display:block; }
body.blk { background:#000; }
p, h1, h2, h3, h4, h5, h6 { margin:10px 0; font-size:100%; }
#wrapper { width:735px; margin:20px auto 10px auto; }
p.small { font-size:90%; letter-spacing:-0.02em; }
.advert { font-size:200%; text-decoration:none; font-weight:bold; color:#fff; }
.advert:hover { text-decoration:underline; }

/* Header Styles */
#header { width:612px; height:111px; background:url(../images/savoirfaire.jpg) no-repeat; margin:0 auto; }
#header-blk { width:612px; height:111px; background:url(../images/savoirfaire-blk.jpg) no-repeat; margin:0 auto; }
#header span, #header-blk span { display:none; }

/* Navigation Styles */
#nav { height:23px; position:relative; z-index:9999;  }
* html #nav  { margin-left:-10px; }
html>body #nav { *margin-left:-10px; margin-bottom:10px; }

#nav  { _margin-left:-10px; }
#nav ul { list-style:none; margin:15px 0 0 25px; color:#000; }
#nav ul li { float:left; position:relative; }
#nav ul li a { display:inline; margin:0 1em; font-size:85%; text-decoration:none; color:#08104a; height:23px; float:left; position:relative; }
#nav ul li a:hover { color:#aad1e6; }
#nav.blk, #nav.blk a { color:#fff; }
#nav ul ul { display:none; position:absolute; top:13px; left:-2px; z-index:9999; margin:0; padding:0; }
* html #nav ul ul { left:-12px; }
#nav ul li:hover ul { display:block; }
#nav ul ul a { height:16px; font-size:100%; color:#fff; display:block; padding:2px 10px; border:1px solid #fff; width:140px; background:#8cb8d0; }
#nav ul ul a:hover { background:#f7db6c; color:#dd9700; }
#nav ul ul li { clear:left; }

/* Content Styles */
#content { width:735px; height:482px; background:url(../images/site-blue.png) no-repeat; text-align:center; position:relative; z-index:1000; }
#content-long { width:735px; height:1200px; background:url(../images/site-blue-long.png) no-repeat; text-align:center; position:relative; z-index:1000; }
#content-long2 { width:735px; height:900px; background:url(../images/site-blue-long2.png) no-repeat; text-align:center; position:relative; z-index:1000; }
#content.blk, #content-long.blk, #content-long2.blk { background:none; color:#fff; }
#content h1, #partners h1, #content-long h1, #content-long2 h1 { margin:0; font-size:155%; padding:15px 0 0 0; }
#quote { position:absolute; bottom:110px; width:735px; left:0; }
* html #quote { bottom:0; }
ul.sizes { text-align:left; list-style:none; margin-left:130px; }
ul.sizes li { float:left; margin-left:20px; }
ul.sizes a { text-decoration:none; color:#08084a; }
ul.sizes a:hover { text-decoration:underline; }
a.link-blk { color:#fff; text-decoration:none; }
a.link { text-decoration:none; color:#08084a; }
a.link:hover { text-decoration:underline; }
#buttons { position:absolute; right:40px; bottom:60px; text-align:right; height:16px; }
* html #buttons { bottom:-20px; }
#buttons a { text-decoration:none; color:#08084a; }
#buttons a:hover { text-decoration:underline; }
#content.smaller { font-size:90%; letter-spacing:-0.02em; }
#partners { width:735px; height:482px; text-align:center; position:relative; z-index:1000; }
#partners div { margin-left:325px; margin-bottom:20px; }
#partners ul { list-style:none; font-weight:bold; }
#partners ul li { margin:5px 0; }
#partners ul ul { margin-left:20px; }
.text-width   { width:600px; margin:0 auto; }


/* Footer Styles */
#footer { width:735px; position:relative; z-index:1000; margin-top:-10px; }
#footer ul { list-style:none; margin:0 0 0 240px; }
#footer ul li { float:left; }
#footer ul li a { display:block; margin:0 1em; font-size:85%; text-decoration:none; color:#585757; }
#footer ul li a:hover { color:#aad1e6; }
#footer img { margin-top:-10px; margin-left:5px; }

/* Background Items */
#postit { position:absolute; bottom:0; left:0; }
#book { position:absolute; bottom:0; right:0; z-index:1; }
#mip { position:absolute; bottom:0; right:0; z-index:2; }
* html #book { z-index:-1; }
* html #postit { z-index:-1; }

ul.sitemap {  text-align:left; }
ul.sitemap a { text-decoration:none; color:#08104a; }
ul.sitemap a:hover { text-decoration:underline; }