@charset "UTF-8";

/*Sitewide tag styles and bug fixes*/
h1, h2, h3, h4, h5, h6, p, ul, form, blockquote {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, code {
	font-size: 10px;
	line-height: 14pt;
}
a {
	text-decoration: none;
}
a img {
	border:none;
}
.floatleft {
	float: left;
	margin-right: 10px;
}

/*styling for mainContent background images*/
#home #mainContent {
	background-image: url(images/home_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#about #mainContent {
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#perm #mainContent {
	background-image: url(images/perm_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#prices #mainContent {
	background-image: url(images/prices_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contact #mainContent {
	background-image: url(images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#perm #mainContent h1 {
	color: #E08128
}


/*mainContent styling for image and text blocks*/
#homecontent {
	width: 350px;
	position: relative;
	top: 260px;
}
#aboutcontent {
	width: 280px;
	position: relative;
	top: 160px;
}
#permcontent {
	width: 260px;
	position: relative;
	top: 20px;
	overflow: scroll;
	overflow-x: hidden;
	height: 370px;
	left: 450px;
	padding-right: 15px;
}
#pricescontent {
	width: 280px;
	position: relative;
	top: 20px;
	overflow: scroll;
	overflow-x: hidden;
	height: 370px;
	left: 450px;
}
#contactcontent {
	width: 245px;
	position: relative;
	top: 80px;
}


/* Sitewide styles */
#mainContent h1 {
	font-size: 10pt;
	line-height: 12pt;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-top: 5px;
}
#mainContent p {
	line-height: 12pt;
	margin-top: 8px;
}
.copyright {
	float: right;
	font-size: 7pt;
	color: #333333;
	padding-top: 8px;
}
#footer a:link {
	color: #333333;
}
#footer a:visited {
	color: #333333;
}
#footer a:hover {
	color: #666666;
}
#mainContent a:link {
	color: #999999;
}
#mainContent a:visited {
	color: #999999;
}
#mainContent a:hover {
	color: #FFFFFF;
}
h2 {
	color: #999999;
	font-size: 10px;
	line-height: 14pt;
	margin-top: 8px;
}


/* "You are here" styles */
#home a#homeLink {
	color: #FFF;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#about a#aboutLink {
	color: #FFF;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#salon a#salonLink {
	color: #FFF;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#gallery a#galleryLink {
	color: #FFF;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#perm a#permLink {
	color: #FFF;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#prices a#pricesLink {
	color: #FFF;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#contact a#contactLink {
	color: #FFF;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/*Gallery styles*/
#salon #mainContent {
	padding-left: 20px;
	padding-top: 20px;
	height: 385px;
}
#salon #mainContent img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

#gallery #mainContent {
	padding-left: 20px;
	padding-top: 20px;
	height: 385px;
}
#gallery #mainContent img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
