/*charlotte oliver styles*/

* { margin:0; padding:0; }

body        { background: #d0d9d9 url(images/charlotteoliver-bg-100x100.png) repeat; font:14px/1.3 Helvetica, Arial, sans-serif; color:#777; text-align:left; }

img         { border:0; vertical-align:top; }

a           { color: #dc78ae; }
a:hover     { color: #dc3c92; }
/*:focus      { outline: 0; }*/

/* Headings */
h1          { font-size:24px; font-weight:normal; line-height:1.3; }
h2          { font-size:24px; font-weight:normal; line-height:1.34; }
h3          { font-size:14px; font-weight:bold; }
h4          { font-size:14px; font-weight:bold; }
h5          { font-size:14px; font-weight:bold; }
h6          { font-size:14px; font-weight:bold; }

/* Table */
table       { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
th          { vertical-align:top; text-align:left; font-weight:normal; }
td          { vertical-align:top; }

/*** General Styles ***/
h1, h2 { color: #777; margin: 0.7em 0; clear: left; font-family: Georgia, "Times New Roman",  Times,  serif; text-transform: lowercase; letter-spacing: 0.075em; }
h3, h4, h5, h6 { color: #777; margin: 0.2em 0; clear: left; text-transform: uppercase; letter-spacing: 0.075em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1.title, h2.title, h3.title { margin-top: 0; }
p { margin: 1em 0; }
td, th {  padding: 0.1em 0.4em; padding: 4px; }

.clear { clear: both; }

/*** Layout ***/
#page {
  width:776px; margin:0 auto 0 auto; padding:0; text-align:left; position: relative; 
  background: #fff url(images/charlotteoliver-background-1024x50.png) repeat-y top center;
}
  
#header {
  background: #fff url(images/charlotteoliver-header-1024x155.png) no-repeat center -28px; /**/
  height: 127px;
  position: relative;
  margin-top: 28px;
  margin-bottom: 17px;
}
#header h1 { 
  color: #dc78ae; text-transform: none; font-size:48px; font-weight:normal; margin: 0; 
  position: absolute; top: 41px; left: 47px;
}

#middle {
  width: 760px; margin:0 auto 0 auto;
  background: url(images/charlotteoliver-logo-162x147.png) no-repeat right bottom;
}

#main-col {
  width: 480px; float: left; margin-left: 46px;
  min-height: 297px;
  margin-bottom: 10px;
/*border: 1px solid green;*/
}

#nav {
  text-align: center;
  width: 132px; float: right; margin-right: 60px; margin-bottom: 172px;
}
#nav ul {  list-style-type: none;  }
#nav li {  height: 52px; font-size:24px; line-height:1; font-family: Georgia, "Times New Roman",  Times,  serif; text-transform: lowercase; letter-spacing: 0.075em; }
#nav li a { color: #777; text-decoration: none; }
#nav li a:hover { color: #dc78ae; text-decoration: underline; }

#nav li a {
  display: block;
  position: relative;
  width: 132px;
  height: 42px;
}
#nav li a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*home*/
#nav li.home span { background: url(images/nav-290x264.png) no-repeat -3px -10px; }
#nav li.home-active span,
#nav li.home a:hover span { background: url(images/nav-290x264.png) no-repeat -148px -10px; }
/*products*/
#nav li.products span { background: url(images/nav-290x264.png) no-repeat -5px -61px; }
#nav li.products-active span,
#nav li.products a:hover span { background: url(images/nav-290x264.png) no-repeat -150px -61px; }
/*stockists*/
#nav li.stockists span { background: url(images/nav-290x264.png) no-repeat -6px -115px; }
#nav li.stockists-active span,
#nav li.stockists a:hover span { background: url(images/nav-290x264.png) no-repeat -151px -115px; }
/*contact*/
#nav li.contact span { background: url(images/nav-290x264.png) no-repeat -5px -166px; }
#nav li.contact-active span,
#nav li.contact a:hover span { background: url(images/nav-290x264.png) no-repeat -150px -166px; }
/*blog*/
#nav li.blog span { background: url(images/nav-290x264.png) no-repeat -6px -220px; }
#nav li.blog-active span,
#nav li.blog a:hover span { background: url(images/nav-290x264.png) no-repeat -151px -220px; }

  
#footer {
  font-size: 12px;
  background: #fff url(images/charlotteoliver-footer-1024x25.png) no-repeat center top; /**/
  height: 25px;
  clear: both;
  position: relative;
  margin-bottom: 38px;
}
#footer a { color: #777; text-decoration: none; }
#footer a:hover { color: #dc78ae; text-decoration: underline; }
#contact {
  position: absolute;
  bottom: -17px;
  right: 16px;
}


/*image replacement for main headings*/
h2.home, h2.products, h2.stockists, h2.contact, h2.blog {
  display: block;
  position: relative;
  width: 132px;
  height: 32px;
}
h2.home span, h2.products span, h2.stockists span, h2.contact span, h2.blog span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*home*/
h2.home span { background: url(images/nav-290x264.png) no-repeat -35px -7px; }
/*products*/
h2.products span { background: url(images/nav-290x264.png) no-repeat -18px -58px; }
/*stockists*/
h2.stockists span { background: url(images/nav-290x264.png) no-repeat -20px -111px; }
/*contact*/
h2.contact span { background: url(images/nav-290x264.png) no-repeat -27px -162px; }
/*blog*/
h2.blog span { background: url(images/nav-290x264.png) no-repeat -46px -216px; }