/* set page defaults */
* {margin: 0; padding: 0;}

body {font: 0.8125em Verdana, sans-serif; line-height: 1; color: #250000; background: #250000 url(/salon/images/background.gif) repeat; margin: 0 auto;}

#container {position: relative; margin: 0 auto; width: 765px; background: #f8f4e1;}

#header {height: 250px;}
#header a img {border: none; vertical-align: top;}

#navigation {clear: both; font: 1em Georgia, Verdana, san-serif;}
#navigation li {float: left; background: #3d2013 url(/salon/images/navigation.jpg) repeat-x; list-style: none; position: relative; width: 191.23px; text-align: center;}
#navigation li a {height: 17px; padding: 10px 0; display: block; text-decoration: none; color: #d1b271;}
#navigation a:active, #navigation a:visited {color: #d1b271;}
#navigation a:hover {text-decoration: underline;}
#navigation a.on {font-weight: bold; text-decoration: underline;}
#navigation li ul {position: absolute; top: -999em; left: -1px;}
#navigation li ul li {float: none;}

/*styling for dropdown menus */
#navigation ul li {z-index: 100; position: relative;}
#navigation li ul {background: #f8f4e1; list-style: none; margin: 0; padding: 0; position: absolute; top: -999em; left: -1px; border: 1px solid #250000; border-top: none;}
#navigation li ul li {background: #f8f4e1; width: 200px; text-align: left; float: none; position: relative; padding: 0; margin: 0; border-left: none;}
#navigation li ul li a, #navigation li ul li a:link, #navigation li ul li a:active, #navigation li ul li a:visited {color: #250000; display: block; text-decoration: none; padding: 3px 25px 3px 40px; margin: 0;}
#navigation li ul li a:hover {text-decoration: underline; background: #3d2013; color: #d1b271;}
#navigation li ul li a.on {text-decoration: underline; font-weight: bold;}
#navigation #dropdown li:hover ul, #dropdown li.sfHover ul {top: 37px; background: #3d2013;}

#content {padding: 10px 160px 30px 20px; margin-bottom: -16px; background: url(/salon/images/sidebar.jpg) repeat-y top right; text-align: left; line-height: 1.8em;}
#container > #content {margin-bottom: 0;}
#content #sidebar {text-align: center; border: 1px solid #3d2013; background: #fff; padding: 10px; font-size: 1.3em;}
#content #sidebar.left {margin: 10px 10px 10px 0; float: left;}
#content #map.right {margin: 10px 0 10px 10px; float: right;}
#content h2 {clear: both; min-height: 45px; font: 2.5em Georgia, Helvetica, Arial, san-serif;  line-height: 2.5em; background: url(/salon/images/heading.gif) no-repeat left 15px; padding-left: 100px;}
#content h3 {font-size: 1.2em; font-family: Georgia, Helvetica, Arial, san-serif; margin: 20px 0 15px 0;}
#content h4 {font-size: 1.2em; font-family: Georgia, Helvetica, Arial, san-serif; font-weight: normal; margin: 20px 0 15px 0;}
#content p {margin: 0 0 1em;}
#content ul, #content ol {margin-left: 15px; padding-left: 15px;}
#content ol li {font-weight: bold;}
#content ol li p, #content ol li ul, #content ol li ol {font-weight: normal;}

#content img.right {float: right; clear: right; margin: 0 0 15px 10px;}

#content.home {position: relative; padding-bottom: 40px;}
#content.home #sidebar {width: 80%;}
#content.home .home_promo {width: 80%; padding: 20px 0; text-align: center;}
#content.home .feature {width: 199px; background: url(/salon/images/feature_head.jpg) no-repeat top left; position: absolute; top: 45px; right: 20px; float: right;}
#content.home .feature h3 {padding: 35px 0 7px 10px; margin: 0;}
#content.home .feature ul {list-style: none; margin: 0; padding: 0;}
#content.home .feature a {color: #250000; display: block; background: url(/salon/images/feature.jpg) repeat-y top left; padding: 3px 20px; margin: 0; font-weight: bold;}
#content.home .feature a.last {padding-bottom: 15px; background: url(/salon/images/feature_bottom.jpg) no-repeat top left;}

#content.gallery a img {border: 1px solid #250000;}

#merchants #content ol li {font-weight: normal;}