@charset "utf-8";
/* CSS Document */
* {padding: 0px; margin: 0px;}
img {border: 0; -ms-interpolation-mode: bicubic;}
a {outline: none;}
body {background: url(images/bg.gif) repeat; padding: 0px; margin: 0px;	font: 14px/16px Arial, Helvetica, sans-serif;}

/* General Layout */
.wrapper {width: 1020px; margin: 0px auto; padding: 0px;}
.header {width: 100%; height: 150px; margin-top: 15px; position: relative;}
.topMenu {position:absolute; left:753px;}
.nav {position: absolute; bottom: 3px; left: 384px; background: url(images/nav-bg.png) no-repeat center; width:631px; height:109px;}


/* Text */
h1 {padding-bottom: 5px; margin-left: 22px;}
h2 {padding-bottom: 5px; margin-left: 16px; margin-bottom:5px;}
h3 {padding-bottom: 5px; margin-left: 7px;}
h4 {padding-bottom: 5px;}
h5 {padding-bottom: 5px;}
h6 {padding-bottom: 5px;}
p {padding-bottom: 10px;}
ul {padding-left: 30px; padding-bottom: 10px;}
li {padding-bottom: 5px;}
a:link {color: #000000; font-weight: bold; text-decoration: underline;}
a:visited {color: #000000; font-weight: bold; text-decoration: underline;}
a:hover {color: #000000; font-weight: bold; text-decoration: none;}

/* Inside Container */
.pics {margin-left: 28px;}
.top {width: 1020px; height: 37px; background: url(images/content-top.png) no-repeat;}
.content {width: 1020px; background: url(images/content-bg.png) repeat-y;}
.bot {width: 1020px; height: 37px; background: url(images/content-bot.png) no-repeat;}

/* Inside Content */
.right {position:relative; float: right; width: 380px;	margin-right:45px; padding-top: 15px;}
.hours {position:relative; width: 300px; margin-left:81px;}
.main {width: 960px; margin: 0px auto; padding-top: 15px;}
.main-noTop {width: 960px; margin: 0px auto; padding-top: 5px;}
.main p, .main-noTop p {margin-left: 20px; margin-right:20px;}
.main h1, .main-noTop h1 {padding-bottom: 5px; margin-left: 11px;}
.main ul, .main-noTop ul {padding-left: 45px;}
.left {width: 540px; float: left; margin-left: 20px; padding-top: 15px;}
.left-noTop {width: 540px; float: left; margin-left: 20px; padding-top: 5px;}
.left p, .left-noTop p {margin-left: 30px;}
.slideshow-home {position:relative; left:25px; top:0px; width:347px;}
.subsection {margin-left:-5px; margin-bottom:20px;}
.subsection p, .subsection-last p {margin-left:35px;}
.subsection-last {margin-left:-5px; margin-bottom:0; padding-bottom:0;}
h3 img {margin-left:11px;}
h2 img {margin-left: 10px;}
.subheader {margin:10px 0 0;}
.subsection-right {margin:10px 80px 0;}
.subsection-right h2 {margin-left:0;}

/* Black Box 1 */
.black-1 h1, .black-1 h2, .black-1 h3, .black-1 h4, .black-1 h5, .black-1 h6 {padding-left: 10px;}
.black-1 {width: 522px; background: url(images/bot1-2.gif) repeat-y; position: relative; padding: 34px 0px 32px 0px; margin: 14px 0 12px 20px;}
.black-1 p {color: #FFFFFF; margin: 0px 40px 0px 40px;}
.black-1 ul {color: #FFFFFF; margin-left: 26px; margin-bottom:0; padding-right: 40px; padding-bottom:0;}
.black-1 li {color: #FFFFFF; padding-bottom: 15px;}
.black-1 li.last {color: #FFFFFF; padding-bottom:10px;}
.black-1 a:link {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.black-1 a:visited {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.black-1 a:hover {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.black-1 .top {width: 522px; height: 34px; background: url(images/bot1-1.gif); position: absolute; top: 0px; left: 0px;}
.black-1 .bot {width: 522px; height: 32px; background: url(images/bot1-3.gif); position: absolute; bottom: 0px; left: 0px;}

/* Black Box 2 */
.black-2 h1, .black-2 h2, .black-2 h3, .black-2 h4, .black-2 h5, .black-2 h6 {padding-left: 20px;}
.black-2 {width: 940px; background: url(images/bot2-2.gif) repeat-y; position: relative; padding: 34px 0px 32px 0px; margin: 10px auto 0;}
.black-2 p {color: #FFFFFF; margin: 0px 40px 0px 40px;}
.black-2 a:link {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.black-2 a:visited {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.black-2 a:hover {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.black-2 .top {width: 940px; height: 34px; background: url(images/bot2-1.gif); position: absolute; top: 0px; left: 0px;}
.black-2 .bot {width: 940px; height: 32px; background: url(images/bot2-3.gif); position: absolute; bottom: 0px; left: 0px;}

/* Columns */
.two-column {width: 960px; margin: 0px auto;}
.two-column .left {width: 440px; float: left; margin-top:0px; padding-top:0px;}
.two-column .left h2, .two-column .right h2 {margin-left:-19px;}
.two-column .left p {margin-left: 0px;}
.two-column .right p {margin-left: 0px;}
.two-column .right {width: 440px; float: left; margin-top:0px; padding-top:0px;}

.three-column {width: 960px; margin: 0px auto;}
.three-column .side1 {width: 300px; float: left;}
.three-column .side2 {width: 300px; float: left;}
.three-column .mid {width: 280px; height: 250px; float: left; margin: 0px 9px; padding: 0px 9px; border: 2px dotted #000000; border-top: 0px; border-bottom: 0px;}

/* Table Styling */
table.info {margin-bottom: 20px; width: 370px; margin-left: 20px;}
.info th {font-size: 11px; font-variant:small-caps; text-align: left; padding-bottom: 5px;}
.info td {font-size: 13px;}
.info .service {width: 170px;}
.info .price {width: 75px;}
.info .odd {background: #bd3030;}

table.nails-skin {margin-bottom: 20px; width: 370px;}
.nails-skin th {font-size: 11px; font-variant:small-caps; text-align: left; padding-bottom: 5px;}
.nails-skin td {font-size: 13px;}
.nails-skin .service {width: 170px;}
.nails-skin .price {width: 75px;}
.nails-skin .odd {background: #bd3030;}

#photo_gallery {
	background-image: url(images/bot2-1.gif);
	height: 34px;
	width: 940px;
	float: left;
	margin-left: 10px;}
	
/* Bottom Styling */
#footer {margin:5px 0 10px 100px; width:820px; text-align:center;}
	

/* --------------Photo Gallery on hair.html page --------- */

#phototitle {
	width: 900px;
	margin-top: 5px;
	margin-left: 20px;
	height: 20px;
}

#photo_content {
	width: 940px;
	height: 380px;
	float: left;
	margin-left: 10px;
	background-image: url(images/bot2-2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#gallery1 {
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	clear: left;
}
#gallery2 {
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	clear: right;
}

#photo_end {
	background-image: url(images/bot2-3.gif);
	float: left;
	width: 940px;
	height: 32px;
	margin-left: 10px;
}