@import url(core.css);

#wrap {
  width:800px;
  }

/* HEADER */
#header {
  margin:6em 0 0;
  font:normal 1.16em 'trebuchet ms',sans-serif;
  }
#logo {
  float:left; position:relative; left:-16px;
  margin:-.4em 0 0;
  }
#logo a {
  display:block;
  width:224px; height:88px; margin:0 4px 0 0;
  background:url(../images/ZeboudoirLogoBig.png) no-repeat;
  }
#logo strong {
  display:none;
  }
#header p strong {
  font-weight:bold; font-size:96%;
  text-transform:uppercase;
  }
#sbox {
  float:left;
  width:66%; _width:65.8%; padding:0 2px 2px 0; margin:.3em 0 0; _margin:.16em 0 0;
  background:#888;
  font:bold 110% 'trebuchet ms',arial,sans-serif; color:#000;
  }
.gform {
  background:#DCEDF1;
  border:1px solid #FFF;
  }
.gbox {
  width:77%; padding:5px 2px 5px 24px;
  font:normal 1.1em 'trebuchet ms',arial,sans-serif; color:#444;
  background:#DCEDF1 url(../images/iconFind.png) 4px 50% no-repeat;
  border:none;
  }
.gbutton {
  position:relative; _top:-.1em;
  width:16%; padding:.2em 0 0 .4em;
  border:none;
  border-left:1px dotted #666;
  background:transparent;
  font:bold 1em/1em 'trebuchet ms',arial,sans-serif; color:#888;
  text-transform:uppercase; text-align:center;
  cursor:pointer;
  }
  
/* CONTENTS */
#feature {
  clear:both; 
  padding:1.6em 0 0; _padding:.8em 0 0;
  }
  
/* SIDEBAR */
#sidebar {
  float:left; position:relative;
  display:block; width:21.6%; 
  }
#sidebar li {
  padding:0 0 0 1.6em; _height:.6em;
  font-weight:bold; color:#2A7A7D;
  text-transform:lowercase; text-align:right;
  list-style:none;
  }
#sidebar em, #sidebar strong {
  display:block; padding:0 1.6em .16em 0; _padding-bottom:.4em;
  font-style:normal; font-size:1em; font-weight:normal;
  }
#sidebar a {
  display:block; _height:1em; 
  color:#FFF;
  }
#sidebar a span {
  position:relative;
  display:block; padding:.64em 1.6em .64em .4em; 
  font-size:110%; line-height:1em;
  }
#sidebar strong a {
  font-weight:bold;
  color:#3CC;
  }
#sidebar a:hover, #sidebar a .on {
  background:#2A7A7D;
  }
#sidebar strong a:hover {
  background:none;
  }
  
/* SECTIONS */  
.section {
  float:left; position:relative;
  display:none; width:68%; margin:1.7em 0 0; _margin:2.2em 0 0; padding:.64em 1em 1em 2em; min-height:10em; _height:10em;
  background:#2A7A7D;
  }
.on {
  display:block;
  }
.section li {
  list-style:none;
  }
#feature .section a {
  padding:.2em;
  color:#FFF;
  }
#feature .section a:hover {
  color:#275A66;
  text-decoration:none;
  background:#DCEDF1;
  }
.section .focus {
  float:right; position:relative;
  width:24.4%; padding:1.6em 0 0 1.6%;
  font-size:86%;
  border-left:1px solid #5D9A9C;
  }
.section .focus a {
  color:#FFF;
  }
.focus h3 {
  position:absolute; top:0; left:-1px;
  font-size:80%; color:#5D9A9C;
  text-transform:uppercase;
  background:#2A7A7D;
  }
  
/* FOOTER */
#footer {
  clear:both; position:relative;
  padding:3.6em 44% 2.4em 25%; _padding:1.28em 32em 0 18.2em;
  font-size:.8em; line-height:1.5em;
  }
#footer h5 {
  font-size:1.2em; line-height:1.32em;
  }
#footer strong {
  display:block;
  color:#C7F15D;
  }
#bnav {
  position:absolute; right:0; _right:1em;
  display:block; width:24%; _width:16em;
  }