body {margin: 0; padding: 0; background: #fff; color: #272525; font-family: arial, sans-serif; font-size: 75%;}

a {color: #48a011; outline: none; text-decoration: none;}
a:visited {color: #b1d599;}
a:hover {color: #a1cd86;}

#wrapper {width: 630px; margin: 0 auto;}

img {border: 0;}
p {margin: 0 0 1em;}
h1 {margin: 0 0 8px; padding: 4px 8px; font-size: 100%; color: #fff; background: #48a011;}
h2 {margin: 8px 0 0; font-size: 100%;}
h3 {margin: 8px 0 0; font-size: 100%;}

#header {height: 100px; margin-bottom: 12px;}
#logo {display: block; margin: 12px 0 16px;}

#nav, #nav li {margin: 0; padding: 0; list-style: none;}
#nav li {display: inline;}
#nav li a {float: left; width: 154px; text-align: center; margin-right: 4px; background: #272525; color: #fff; font-weight: bold; padding: 4px 0;}
#nav li a:hover {background: #70b147;}
#nav #nav-about a, #nav #nav-collection a {width: 155px;}
#nav #nav-contact a {margin-right: 0;}
#home #nav #nav-home a, #about #nav #nav-about a, #collection #nav #nav-collection a, #contact #nav #nav-contact a {background: #48a011;}

#content {min-height: 418px; line-height: 1.4; position: relative;}
#collection #content {padding-left: 124px;}
#collection img {display: block; margin-bottom: 16px;}
#collection strong {text-transform: uppercase;}
#collection span {text-transform: uppercase; font-weight: bold; font-size: 90%;}

.photor {float: right; margin-bottom: 8px; border-left: 8px solid #fff; position: relative;}
.photol {float: left; margin-bottom: 8px; border-right: 8px solid #fff; position: relative;}

#thumbs {position: absolute; top: 0; left: 123px; width: 600px;}
#thumbs a {float: left; width: 80px; height: 80px; margin-right: 5px;}
#thumbs a:hover {border: 2px solid #70b147; width: 76px; height: 76px; background-position: -2px !important;}
#thumbs a.current {border: 2px solid #48a011; width: 76px; height: 76px; background-position: -2px !important;}
#thumbs img {margin-bottom: 0;}

#subnav {position: absolute; top: 0; left: 0; width: 116px;}
#subnav ul, #subnav li {margin: 0; padding: 0; list-style: none;}
#subnav li {margin: 8px 0;}
#subnav a {font-weight: bold; color: #272525;}
#subnav a:hover, #subnav a.current {color: #48a011;}
#subnav #cnav {text-transform: uppercase; font-size: 80%; margin-top: 14px;}
#subnav #cnav li {display: inline;}
#subnav #cnav a {float: left; height: 16px;}
#subnav #cnav-back a {background: url(../img/cnav-back.gif) no-repeat; padding: 1px 8px 3px 14px;}
#subnav #cnav-next a {background: url(../img/cnav-next.gif) no-repeat; padding: 1px 14px 3px 4px;}

#slideshow {width: 630px; height: 418px; overflow: hidden;}
#slideshow img {display: block;}

#footer {font-size: 85%; font-weight: bold; text-align: center; border-top: 1px solid #b1d599; padding: 10px 0; margin-top: 20px; clear: both;}

#holidaysale {color: #fff; background: #272525; font-size: 85%; font-weight: bold; text-align: center; padding: 6px 20px 8px; line-height: 1.6; margin-top: -12px;}
#holidaysale h2, #holidaysale p {margin: 0;}
#holidaysale h2 {font-size: 140%; font-weight: normal;}

#ocma {color: #fff; background: #48a011; font-size: 85%; font-weight: bold; text-align: center; padding: 6px 20px 8px; line-height: 1.6; margin: 12px 0 0;}
#ocma h2, #ocma p {margin: 0;}
#ocma h2 {font-size: 140%; font-weight: normal;}