@charset "utf-8";
/* CSS Document */

/* Color Scheme */
{
Purple: #aa4de0
Purple - Nav BG: #746d84
Light Pink: #d5ced1
Dark Pink: #c1bbbd
}
/* Color Scheme */

img, div, a { behavior: url(iepngfix.htc) }

body { 
margin: 0px;
padding: 0px;
background: url(images/page-bg.jpg) repeat #c1bbbd;
color: white;
font-family: Arial, Helvetica, sans-serif
}

h1 {
margin: 0px;
padding: 0px;
text-indent: -9999px;
font-size:1.2em;
color: #c1bbbd;
font-weight: 300;
text-align: left;
border-bottom: 1px solid #c1bbbd;
}

a {
color: #aa4de0;
text-decoration: none;
}

a:hover {
color: #c1bbbd;
}

a:visited {
color: #aa4de0;
}

a img {
border: 0px;
text-decoration: none;
}

.width-contain {
width: 725px;
position: relative;
text-align: left;
clear: both;
}

.wide {
width: 950px;
position: relative;
text-align: left;
clear: both;
}

#nav {
margin: 0px;
padding:28px 0px 0px 0px;
width: 100%;
height: 32px;
list-style-type: none;
background: url(images/nav-bg-tall.jpg) repeat-x;
position: relative;
}

#nav li {
padding: 0px;
margin: 0px;
float: left;
}

#nav li a {
display: inline-block;
background-position: top;
background-repeat: no-repeat;
height: 34px;
text-decoration: none;
color: white;
font-size: 1.15em;
text-indent: -9999px;
*text-indent: 0px;
*font-size: 0em;
*line-height: 5;
}

#nav li a:hover {
background-position: bottom;
color: black;
}

#nav li a:visited {
color: white;
}

.facebook {
position: absolute;
top: -25px;
right: -25px;
}

#home {
background-image: url(images/home.png);
width: 77px;
}

#services {
background-image: url(images/services.png);
width: 91px;
}

#whatsnew {
background-image: url(images/whatsnew.png);
width: 118px;
}

#about {
background-image: url(images/aboutthesalon.png);
width: 151px;
}

#media {
background-image: url(images/mediaandawards.png);
width: 162px;
}

#directions {
background-image: url(images/directions.png);
width: 109px;
}

#contact {
background-image: url(images/contact.png);
width: 87px;
}

#content {
width: 100%;
height: 413px;
background: url(images/page-bg-pink.jpg) repeat #d5ced1;
color: black;
}

#pagecontent {
width: 100%;
height: auto;
background: url(images/page-bg-pink.jpg) repeat #d5ced1;
color: black;
padding-bottom: 20px;
}

.spacer {
height: 200px;
width: 100%;
background-color: black;
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.no-indent {
text-indent: 0px;
}

span {
color: #d5ced1;
font-weight: 900;
display: block;
border-bottom: 1px dotted #d5ced1;
margin-bottom: 8px;
}

.map {
margin-bottom: 15px;
}

.contact {
width: 310px;
}

.tab {
margin-top: 30px;
position: relative;
}

.tab-image {
position: absolute;
top: -30px;
left:15px;
}

.main-image {
position: absolute;
top: 22px;
left: 0px;
}

.whatsnew-container {
height: 240px;
display: none;
}

.whatsnew-container div {
text-align: center;
float: left;
width: 30%;
background: url(images/footer-bg.jpg) repeat black;
padding: 5px;
margin:5px;
border: 2px dotted #d5ced1;
}

.whatsnew-container img {
border: 1px solid black;
}

.whatsnew-container a {
display: block;
margin-top: 6px;
font-weight: bold;
width: auto;
}

.new {
background: url(images/footer-bg.jpg) repeat black;
color: white;
height: 399px;
border: 2px dotted #d5ced1;
padding: 5px;
margin:5px;
}

.new img {
float: left;
margin-right: 20px;
}

.new h2 {
padding: 0px;
margin: 6px 0px 6px 0px;
}

.content-container {
background: url(images/footer-bg.jpg) repeat black;
border: 2px dotted #d5ced1;
padding:5px;
}

.content-container p {
text-indent: 20px;
font-size: .95em;
color: white;
}

.boxright {
	width: 250px;
	height: 100%;
	float: right;
	margin: 0px 0px 10px 15;
	padding: 5px;
	border-left: 2px dotted #d5ced1;
	font-weight: bold;
	color: #FFFFFF;
	}
	
.floatright {
	float: right;
	margin: 10px;
	}
	
.matte {
background: url(images/footer-bg.jpg) repeat black;
padding: 5px;
border: 2px dotted #d5ced1;
color: white;
}

.services {
float: left;
width: 220px;
}

.prices {
color: #d5ced1;
}

.service-column-left {
width: 356px;
}

.service-column-right {
margin-left: 368px;
}

.services p{
text-align: left;
padding: 0px;
margin: 0px 0px 6px 0px;
text-indent: 0px;
}

.floral-top p{
text-align: left;
padding: 0px;
margin: 0px 0px 6px 0px;
text-indent: 0px;
}

.prices p {
text-align: center;
padding: 0px;
margin: 0px 10px 6px 10px;
text-indent: 0px;
}

.header {
font-weight: 900;
border-bottom: 1px solid #746d84;
text-align: left;
}

.note {
text-indent: 0px;
margin-bottom: 24px;
}

.note-left {
width: 62%;
float: left;
padding-right: 6px;
border-right: 10px dotted #746d84;
margin-right: 6px;
}

label {
font-weight: 900;
}

form {
color: #aa4de0;
}

input, textarea {
background: url(images/footer-bg.jpg) repeat black;
border: 2px dotted #d5ced1;
margin-bottom: 10px;
line-height: 22px;
color: white;
padding: 4px;
width: 300px;
}

.sendbtn {
width: 140px;
height: 30px;
background: url(images/send.png) no-repeat;
border: none;
text-indent: -9999px;
}

#address {
width:100%;
height: 93px;
text-indent: -9999px;
background: url(images/address.png) no-repeat left top;
margin:0px;
padding: 0px;
}

#footer {
width: 100%;
text-align: center;
padding-bottom: 25px;
}

#footer .top {
background: url(images/page-bg-dark.jpg) repeat #666666 top;
height:193px;
width: 100%;
}

.purple-line {
width:100%;
height:1px;
border-bottom: 2px solid #ffffff;
padding-bottom:2px;
border-top: 2px solid #ffffff;
padding-top:2px;
margin: 0px;
clear: both;
}

hr {
background-color: #aa4de0;
width:100%;
height:2px;
margin: 0px;
padding:0px;
border: 0px;
}

#copyright {
width: 402px;
height: 24px;
text-indent: -9999px;
padding: 0px;
margin: 0px;
background: url(images/copyright.png) no-repeat center top
}

#thatsus {
display: block;
margin: 0px;
padding: 0px;
height: 23px;
width: 112px;
text-indent: -9999px;
background: url(images/thatsus.png) no-repeat center top;
}

.bottom {
margin-bottom: 10px;
}