/****** General Styles ******/
html, body.homepage { height: 100% !important; margin: 0; }
body {
    background-color: #7f0202;
	font-size: 75%;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000;
	line-height: 150%;
	min-width: 800px;
}

.header{
	background: url('images/header_bg.png') no-repeat;
	height: 55px;
	min-width: 800px;
	width: 800px;
	margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 8px;
}

.navpanel {
	margin: 0 auto;
    height: 30px;
	font-size: 1em;
	text-align: right;
	padding-top: 5px;
    margin-bottom: 5px;
    color: #555;
    letter-spacing: 5px;
    text-decoration: none;
}
#navMenu {
    width: 520px;
    float: right;
}
.navpanel a {
	font-size: 1em;
	text-align: right;
    color: #555;
    letter-spacing: 5px;
    text-decoration: none;
}

.navpanel a:hover {
    color: #cb160b;
}

.navpanel2 {
	margin: 0 auto;
	width: 800px;
    height: 30px;
	font-size: 1em;
	text-align: right;
	padding: 5px;
    margin-bottom: 5px;
	padding-right: 15px;
    color: #fff;
    letter-spacing: 5px;
    text-decoration: none;
}

.navpanel2 a {
	font-size: 1.15em;
	text-align: right;
    color: #fff;
    letter-spacing: 5px;
    text-decoration: none;
}

.navpanel2 a:hover {
    color: #cb160b;
}

.social {
    float: left;
    margin-left: 10px;
}

.social div {
  float: left;
  overflow:hidden;
}

.social #facebooklike {
    float: left;
    width: 250px;
    height: 35px;
}

.social #facebook {
    float: left;
    background-image: url('images/facebook.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.social #facebook a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.social #twitter {
    float: left;
    background-image: url('images/twitter.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 5px;
}

.social #twitter a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.nav-right{
  float: right;
  width:350px;
}
.nav-right div {
  float: left;
  margin-left: 40px;
  margin-top: 7px;
  overflow:hidden;
}

.nav-right #giftcertificates{
  background-image: url('images/gift_certificate.png');
  width: 100px;
  height: 40px;
  text-indent: -9999px;
}

.nav-right #giftcertificates a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  }

.nav-right #giftcertificates:hover{
    background-position: 0 -40px;
}

.nav-right #weeklyevents{
  background-image: url('images/weekly_events.png');
  width: 100px;
  height: 40px;
  text-indent: -9999px;
  margin-left: 3px;
}

.nav-right #weeklyevents a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  }

.nav-right #weeklyevents:hover{
    background-position: 0 -40px;
}

.nav-right #onlinebooking{
  background-image: url('images/online_booking.png');
  width: 100px;
  height: 40px;
  text-indent: -9999px;
  margin-left: 3px;
}

.nav-right #onlinebooking a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  }

.nav-right #onlinebooking:hover{
    background-position: 0 -40px;
}

.right {
 text-align: right;
}

.rightfloat{
  float: right;
  margin-right: 50px;
}
.leftfloat {
  float: left;
}

/****** Content Block ******/
.contentWrapper{
    /*background: white;*/
	min-width: 800px;
	width: 800px;
	margin: 0 auto;
    padding-bottom: 8px;
    overflow: hidden;
}

/***** Home Page *****/
body.homepage {
  background-image: url('images/homepage_img.jpg') !important;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #000;
}

#homepage
{
  display: block;
  padding-top: 200px;
  width: 600px;
  height: 150px;
  margin: 0 auto;
}

#homepage #quote{
  float: left;
  font-family:  Georgia, Garamond, serif;
  font-size: 28px;
  color: #fff;
  font-style: italic;
  line-height: 40px;
  width: 100%;
  margin-left: 150px;
}

.hometext
{
  color: #aaa;
  text-align: center;
  font-size: 1.15em;
}

.hometext a, a:hover {text-decoration: none; color: #aaa; }

#homeleft
{
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
  width: 490px;
  margin-bottom: 20px;

}

#homeright
{
  float: right;
  display: inline;
  margin: 0px;
  padding: 0px;
  width: 310px;
  background-color: #fff;
}

#homebox
{
  border: solid 1px #dbdbdb;
  width: 287px;
  /*height: 820px;*/
  padding: 10px;
}

#homebox p { padding: 8px; color: #333; }

.about-location{
    background: #ededed;
    border: solid 1px #dddddd;
    margin-right: 10px;
    padding: 3px;
    height: 125px;
 }
.location{
  background-image: url('images/location.png');
  background-repeat: no-repeat;
  width: 150px;
  height: 35px;
  float: left;
  text-indent: -9999px;
  margin: 7px 200px 0 3px;
}

.address {
  font-size: 1.2em;
  color: #3c3c3c;
  margin-left: 10px;
  padding-bottom: 10px;
  width: 200px;
}

.hours {
    float: right;
    font-size: 1.2em;
    color: #3c3c3c;
    margin-left: 10px;
    margin-top: -120px;
    width: 270px;
 }

/***** About Page *****/

#aboutleft
{
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
  width: 490px;
  margin-bottom: 20px;
}

#aboutright
{
  float: right;
  display: inline;
  margin: 0px;
  padding: 0px;
  width: 310px;
}

#aboutbox
{
  border: solid 1px #dbdbdb;
  width: 310px;
  height: 945px;
}

#aboutbox p { padding: 8px; color: #333; }

#aboutbox h1 {
    background-image: url('images/about.png');
    background-repeat: no-repeat;
    padding: 5px;
    text-indent: -9999px;
    margin-left: 5px;
  }


/***** Menu Page *****/

#menuclear
{
  clear: both;
}

#menumain
{
  width: 800px;
  font-size: .95em;
  font-weight: 500;
}

#menuleft
{
  float: left;
  display: inline;
  width: 380px;
  margin: 0px;
  padding: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 0px;
}

#menuright
{
  float: right;
  display: inline;
  margin: 0px;
  padding: 0px;
  width: 380px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 8px;
}

#menu-footer {
  background: #fff;
  color: #444;
  font-size: .9em;
  border: solid 4px #666666;
  margin: 10px 0;
  padding: 5px;
  letter-spacing: 1px;
  width: 782px;
  float: left;
}

#menu-footer p {
 margin: 1px;
}

.menuheader
{
  padding: 3px;
  background: #ed1c24;
  color: white;
  text-align: center;
  font-family: kravitz;
  font-size: 2.5em;
}

/****** Media Page ******/

#media-left {
 float: left;
 margin-top: 45px;
 margin-left: 55px;
}

#media-left h2 {
 font-size: 2em;
 color: #cbcbcb;
}

#media-right {
 float: right;
 display: inline;
 width: 490px;
 height: 410px;
 margin-top: 5px;
 border: solid 2px #dedede;
}
.product-box { background-color: #fff; }
.media-box {
 border: solid 2px #dbdbdb;
 width: 796px;
 margin-top: 10px;
 background-color: #fff;
}

.media-box h2.publications{
    background-image: url('images/publications.png');
    background-repeat: no-repeat;
    padding: 5px;
    text-indent: -9999px;
    margin-left: 10px;
}

.media-box h2.media{
    background-image: url('images/media.png');
    background-repeat: no-repeat;
    padding: 5px;
    text-indent: -9999px;
    margin-left: 10px;
}

.media-box h2.advertisements{
    background-image: url('images/advertisements.png');
    background-repeat: no-repeat;
    padding: 5px;
    text-indent: -9999px;
    margin-left: 10px;
}

.media-box h2.extensions{
    background-image: url('images/extensions.png');
    background-repeat: no-repeat;
    padding: 5px;
    text-indent: -9999px;
    margin-left: 10px;
}

.media-box h2.special{
    background-image: url('images/special_occasion.png');
    background-repeat: no-repeat;
    padding: 5px;
    text-indent: -9999px;
    margin-left: 10px;
}

.media-box h2.hairdesign{
    background-image: url('images/hair_design.png');
    background-repeat: no-repeat;
    padding: 5px;
    text-indent: -9999px;
    margin-left: 10px;
}

.ads {
 clear: both;
 padding-top: 10px;
 padding-left: 10px;
}

.ad {
 float: left;
 margin-right: 10px;
 width: 150px;
}

/****** Products Page ******/

.product-header {
 background: #dbdbdb;
 height: 25px;
 line-height: 25px;
 margin: 0px;
 padding: 0px;
 margin-top: 10px;
 padding-left: 5px;
}

.product-box {
 width: 796px;
 border: solid 2px #ebebeb;
 margin-top: 3px;
}

.product-image {
 float: left;
 padding: 5px;
 width: 165px;
}

.product-text {
 float: right;
 width: 620px;
}

.product-text p {
 padding-right: 10px;
}

.slideshow {
  background-image: url('http://teaserocks.com/wp-content/uploads/2009/11/about.jpg');
  height: 530px;
  margin-bottom: 10px;
  width: 480px;
}

.media-box .container object { position: relative; z-index: 10; }