body { font-family: Verdana, Arial, sans-serif; font-size: 90%; background-color: #4d4d4d; background-image: url("/images/bg.png"); background-repeat: repeat-y; background-position: center top; background-attachment: fixed; color: white; }

p, td, div, h1, h2, h3, h4, h5, li, dt, dd { color: white; }

dt { margin-top: 1.5em; }

dd { margin-bottom: 1.5em; }

a:link, a:visited, a:active { color: white; }

a:hover { background-color: #606060; }

a.button { display: block; border: 2px solid white; border-right-color: #aaaaaa; border-bottom-color: #aaaaaa; background-color: #4d4d4d; color: white; text-decoration: none; font-weight: bold; padding: 2px 5px; }

table thead th { background-color: transparent; }
table tbody tr.first th, table tbody tr.first td { border-top: 1px solid #aaaaaa; }
table tbody th, table tbody td { border-bottom: 1px solid #aaaaaa; }

h5 { margin-bottom: 0; }

#main { width: 560px; float: left; padding-right: 15px; }

#sidebar { width: 295px; float: right; padding-left: 30px; }
#sidebar h3 { color: #b8e3fb; text-transform: lowercase; }
#sidebar #salon-photos p { margin: 0 0 6px 0; }
#sidebar #salon-photos p.last { margin-bottom: 0; }

.header { margin: 15px 0 35px 0; }

#logo { display: block; width: 299px; height: 80px; overflow: hidden; text-indent: -9999px; background: transparent url("/images/sprite.png") no-repeat left top; }

#quick-contact { display: block; width: 295px; height: 80px; overflow: hidden; text-indent: -9999px; background: transparent url("/images/sprite.png") no-repeat left -80px; }
#quick-contact span { display: none; }

#footer { color: #aaaaaa; margin: 15px 0; padding-top: 25px; }
#footer p { margin: 0; }
#footer p, #footer td, #footer div, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer li, #footer dt, #footer dd { color: #aaaaaa; }
#footer .main, #footer .sidebar { padding: 15px 0; }
#footer .main { width: 560px; float: left; padding-right: 15px; border-top-width: 2px; border-top-style: solid; border-top-color: #262626; }
#footer .sidebar { width: 295px; float: right; padding-left: 30px; border-top-width: 2px; border-top-style: solid; border-top-color: #4d4d4d; text-align: right; }
#footer .main-menu { margin: 0; }
#footer .main-menu li { list-style: none; float: left; margin: 0 15px 0 0; }

#main-menu ul { margin: 0; border-top: 1px solid silver; border-bottom: 1px solid silver; }
#main-menu ul li { list-style: none; margin: 0 15px 0 5px; float: left; }
#main-menu ul li a { text-decoration: none; }
#main-menu ul li a:hover { background-color: transparent; }
#main-menu ul li.home { display: none; }
#main-menu ul li.current a { font-weight: bold; }

.home #main-menu { width: 237px; float: right; }
.home #main-menu ul { margin: 1px 0 0 0; border: 0; }
.home #main-menu ul li { display: block; float: none; margin: 0; border-bottom: 1px solid silver; }
.home #main-menu ul a { display: block; height: 70px; line-height: 70px; overflow: hidden; text-indent: -9000px; background-image: url("/images/main-nav.png"); background-repeat: no-repeat; background-position: left top; }
.home #main-menu ul a:hover { background-color: transparent; }
.home #main-menu ul li.first { border-top: 1px solid silver; }
.home #main-menu ul li.home { display: none; }
.home #main-menu ul li.services a { background-position: 0 0; }
.home #main-menu ul li.products a { background-position: 0 -71px; }
.home #main-menu ul li.locations a { background-position: 0 -142px; }
.home #main-menu ul li.our-team a { background-position: 0 -213px; }
.home #main-menu ul li.about-us a { background-position: 0 -284px; }
.home #main-menu ul li.the-latest a { background-position: 0 -356px; }
.home #marquee-photo { width: 299px; float: left; }

#content { padding-top: 18px; }
#content h1 { font-family: Georgia, serif; text-shadow: black 1px 1px 1px; }
#content h3 { font-family: Georgia, serif; color: #b8e3fb; text-shadow: black 1px 1px 1px; }

#news { padding-top: 13px; }

#product-shots { margin-bottom: 1.5em; }
#product-shots img { display: block; width: 170px; float: left; margin-right: 25px; }
#product-shots img.last { margin-right: 0; }

.gallery { margin: 0; }
.gallery li { list-style: none; }

.galleria { list-style: none; width: 560px; margin: 1em 0 1em 2px; }
.galleria li { display: block; width: 75px; height: 75px; overflow: hidden; float: left; margin: 0 5px 5px 0; }
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img { cursor: pointer; }
.galleria li.active div, .galleria li.active div img { display: block; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption { display: block; padding-top: 0.5em; }

* html .galleria li div span { width: 400px; }