/* CSS for Halls Hair Design */
/* Design by King Websites */
/* CSS by John King */

/* Reset CSS */

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,input{font-size:100%;font-weight:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{font:100.01% arial, helvetica, sans-serif;}
table {font-size:inherit;font:100%;}

/* Main Layout and Positioning CSS */

body {
	text-align: center;
	background: #ffffff url('graphics/body-bg.png') repeat 0px 0px;
}

#wrapper {
	width: 950px; 
	margin: 0px auto;
	text-align: left;
	background-color: #373535;
}

#header {
	height: 159px;
	width: 950px;
	background: transparent url('graphics/header-bg.gif') no-repeat 0px 0px;
}

#nav {
	height: 31px;
	width: 950px;
	background-color: #c8caca;
}

#content {
	width: 900px; /* 950px with 50px padding */
	padding: 20px 0px 0px 50px;
	background: transparent url('graphics/grad-bg.gif') repeat-x 0px 0px;
}

#main_content {
	float: left;
	clear: both;
	width: 550px;
	padding: 0px 0px 50px 0px;
}

.home #main_content {
	width: 400px;
}

#right_content {
	float: left;
	width: 350px;
}

.home #right_content {
	width: 500px;
}

.spacer,
#bottom-row {
	clear: both;
	width: 100%;
}

/* Font CSS */

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

a:hover {
	color: #c8caca;
}

h2 {
	clear: left;
	color: #ed2790;
	font-weight: bold;
}

h3 {
	color: #ed2790;
	font-style: italic;
}

.accessories_list h3 {
	color: #ed2790;
	font-weight: bold;
}

#main_content h3 {
	font-size: 0.9375em;
	font-style: normal;
}

p {
	color: #ed2790;
	font-size: 0.9375em;
}

#nav a {
	font-weight: bold;
}

#nav a:hover {
	color: #373535;
}

#testimonials p {
	font-size: 0.75em;
}

table.prices td  {
	color: #ed2790;
	font-size: 0.9375em;
}

a.content_lightbox span {
	color: #c8caca;
	font-size: 0.75em;
}

a.content_lightbox:hover span {
	color: #ed2790;
}

.accessories_list a span {
	color: #c8caca;
	font-size: 0.75em;
}

.accessories_list a:hover span {
	color: #ed2790;
}


/* Header CSS */

#header p {
	float: right;
	display: inline;
	margin-right: 50px;
}

h1 a {
	float: left;
	margin: 10px 0px 0px 255px;
	padding: 15px;
}

/* Navigation CSS */

#nav ul {
	padding-left: 30px;
}

#nav ul li {
	float: left;
	padding: 5px 3px 0px 3px;
}

#nav ul li a {
	padding: 2px 10px 2px 10px;
}

/* Content CSS */

h2 {
	padding: 20px 0px 10px;
}

p {
	padding: 10px 0px;
}

.home #main_content img {
	float: left;
	padding: 10px 10px 20px 0px 
}

/* Front Page Slideshow */

#slideshow {
	position: relative;
	width: 250px;
	margin: 30px 50px 0px 50px;
}

#slideshow2 {
	position: relative;
	width: 250px;
	margin: 30px 50px 0px 50px;
}

.home #slideshow {
	width: 400px;
}

.slideshow400 {
	height: 400px;
}

.slideshow350 {
	height: 350px;
}

.slideshow300 {
	height: 300px;
}

.slideshow170 {
	height: 170px;
}

#slideshow img,
#slideshow2 img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}

#slideshow img.active,
#slideshow2 img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img.last-active,
#slideshow2 img.last-active {
	z-index: 9;
}

#unslideshow {
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	margin: 30px 0px 20px 50px;
}

#unslideshow img.fhb-logo {
	padding-left: 25px;
}

/* Testimonials CSS */

#testimonials {
	width: 250px;
	margin: 10px 0px 20px 50px;
}

.home #testimonials {
	width: 400px;
}

/* Price List CSS */

table.prices {
	margin: 10px 0px;
	width: 550px;
}

table.prices tr td {
	padding: 3px 15px;
	background-color: #373535;
}

table.prices tr.alt td {
	background-color: #474545;
}

table.prices tr td + td {
	text-align: right;
	width: 70px;
}

/* Accessories */

a.content_lightbox {
	float: left;
	text-align: center;
	margin: 15px 15px 15px 0px;
	padding: 2px;
	border: 1px solid #c8caca;
}

a.content_lightbox:hover {
	border: 1px solid #ed2790;
}

a.content_lightbox span {
	padding: 4px;
	font-size: 0.75em;
}

.accessories_list h3 {
	clear: both;
	padding: 3px;
	margin-top: 15px;
	background-color: #474545;
}

.accessories_list a {
	float: left;
	text-align: center;
	margin: 10px 15px 20px 0px;
	padding: 2px;
	border: 1px solid #c8caca;
}

.accessories_list a:hover {
	border: 1px solid #ed2790;
}

.accessories_list a span {
	padding: 4px;
	font-size: 0.75em;
}

/* Footer CSS */

#bottom-row img {
	float: left;
	padding: 0px 96px 20px 0px;
}

#bottom-row img.last {
	padding-right: 0px;
}