
/* Christopher chris@charlton.net chris.charlton.net */ 
/* Jo-Jangles 19mar07 */ 

body {
font-size: medium;
padding: 0;
background: #FFE645;
}

#wrap {
margin: 0;
margin-left: auto; margin-right: auto;
width: 700px;
background: #FFE645 url(image/midriffback.gif) repeat-y 0 0;
}

#midriff {
border-top: 1px solid #9b8748;
}

#catalogue {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#catalogue dl {
float: left;
width: 350px;
font-family: "helvetica",sans-serif;
border: 0;
display: inline;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

#catalogue dd.product_image img {
float: left;
width: 100px;
margin: 0 5px 0 0;
}

#page_title {
float: left;
width: 100%;
margin: 10px 0 5px 20px;
}

#catalogue dt {
font-size: 110%;
float: right;
width: 205px;
padding: 0 0 10px 0;
}

#catalogue dd {
padding: 0 0 10px 0;
}

#catalogue dd.product_description {
font-size: 80%;
}

#nav {
float: left;
width: 100%;
margin: 0;
padding: 75px 0 0 0;
list-style: none;
background: #DFC729 url(image/site_banner.gif) no-repeat bottom left;
}

p {
font-family: "helvetica",sans-serif;
color: #262626;
}

p.note {
font-size: 60%;
}

p.photo_note {
font-size: 60%;
background: #C43A76;
color: #fff;
margin: 0;
padding: 0;
text-align: right;
}

p.product_note {
font-size: 60%;
background: #463B18;
color: #fff;
margin: 0;
padding: 0;
text-align: left;
width: 133px;
}

h1 {
font-family: "helvetica",sans-serif;
font-size: 150%;
padding: 5px;
color: #262626;
}

h2 {
font-family: "helvetica",sans-serif;
font-size: 120%;
padding: 1px;
color: #262626;
}

#nav li {
float: left;
margin: 0;
padding: 0;
font-family: "helvetica",sans-serif;
font-size: 80%;
text-decoration: none;
}

a {
text-decoration: none;
color: #262626;
}

a:hover {
text-decoration: underline;
color: #262626;
}

#nav a {
float: left;
display: block;
margin: 0 2px 0 0;
padding: 4px 8px;
color: #333;
text-decoration: none;
border: 1px solid #9b8748;
background: #f9e9a9;
}

#nav a:hover, 
body#nav-about #nav-about a, 
body#nav-home #nav-home a, 
body#nav-collection #nav-collection a, 
body#nav-contact #nav-contact a {
color: #333;
border-color: #727377;
background: #fff;
border-bottom: 1px solid #fff;
}

#footer {
clear: both;
border-top: 1px solid #9b8748;
background: #FFE645;
}
