/* layout.css - version 1.0 */

/* colors*/
/*
light grey	#a4a4a4
dark grey		#504845
red					#891f1f
black				#231f20
*/

/* body & site-wide classes
---------------------------------------------------------------*/
body{
	color: #504845;
	line-height:1.5em;
}

.bg_container {
	width:1024px;
	margin-left: 2em;
	margin-right: 2em;
}

.floral {
	background:url(../images/floral_bg.jpg) no-repeat scroll -1em 4em;
}

a {
	color: #891f1f;
	text-decoration:none;
}

a:hover {
	color: #891f1f;
	text-decoration:underline;
}

.link_arrow {
	background:transparent url(../images/link_arrow.gif) no-repeat 100% 80%;
	padding: 0 20px 0 0;
	text-decoration: none;
}

.red {color:#891f1f;}

.instruction {font-style:italic;}

.heading_left {
	background:transparent url(../images/price_heading_bg.jpg) repeat-x;
	color:#fff;
	font-weight:bold;
	border-right:20px #fff solid;
}

.heading {
	background:transparent url(../images/price_heading_bg.jpg) repeat-x;
	color:#504845;
	font-weight:bold;
	border-right:10px #fff solid;
}

.text_right {
	text-align:right;
}

.right {
	float:right;
}

.left {
	float:left;
}

.email a {
	color:#504845;
	margin-bottom:1.5em;
	font-weight:bold;
}

.tel {
	margin-top:0;
	font-weight:bold;
}

.loud {
	font-weight:bold;
	color:#504845;
}

#flash {
	display:none;
	width:180px;
}

.hidden {
	display:none;
}

/* container 
---------------------------------------------------------------*/
#container {
	margin:2em auto;
	position:relative;
}


/* pop-up salon info 
---------------------------------------------------------------*/
#popup_container {
	margin:0;
	padding:1.5em;
	position:relative;
	width:432px;
	height:502px;
	/*font-family:Georgia,"Times New Roman",serif;*/
	font-family: Tahoma, Verdana, sans-serif;
	color: #504845;
}

#popup_branding h1 {
	margin:0;
	padding:0;
}

#popup_branding h1 a {
  background:transparent url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:0;
	height:72px;
	width:207px;
	position:absolute;
	right:18px;
	top:18px;
}

#popup_contact_info {
	position:absolute;
	left:18px;
	top:18px;
	width:293px;
}

#popup_salons {
	margin:0;
	padding:0;
	list-style:none;
}

#popup_salons li span {
		display:block;
		line-height:1.5em;
}

#popup_map {
	position:absolute;
	right:18px;
	top:18px;
	width:200px;
	height:200px;
}

#popup_video {
	position:absolute;
	margin:0 auto;
	top:250px;
	width:445px;
	height:270px;
}

/* header, branding & nav
---------------------------------------------------------------*/
#header {
	margin-bottom:4.5em;
	height:3em;
	position:relative;
}

/* navigation */
#main_nav {
	position:relative;
	top:18px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:transparent url(../images/nav.gif) no-repeat;
	height:18px;
	width:580px;
}

#main_nav li, #main_nav a {
	color:#a4a4a4;
	height:18px;
	display:block;
}

#main_nav li {
	float:left;
	list-style:none;
	display:inline;
}

#main_nav a.active {
	color:#504845;
	text-decoration:underline;
	display:block;	
}

#main_nav a:hover {
	color:#504845;
	text-decoration:underline;
}

#nav_home {
	height:1.5em;
	width:57px;
}

#nav_home a:hover, #nav_home a.active {
	background:url(../images/nav.gif) no-repeat 0 -18px;
	height:1.5em;
	width:57px;
}

#nav_about_us {
	height:1.5em;
	width:87px;	
}

#nav_about_us a:hover, #nav_about_us a.active {
	background:url(../images/nav.gif) no-repeat -57px -18px;
	width:87px;
	height:1.5em;
}

#nav_collections {
	height:1.5em;
	width:113px;	
}

#nav_collections a:hover, #nav_collections a.active {
	background:url(../images/nav.gif) no-repeat -144px -18px;
	width:113px;
	height:1.5em;
}

#nav_gallery {
	height:1.5em;
	width:83px;
}

#nav_gallery a:hover, #nav_gallery a.active {
	background:url(../images/nav.gif) no-repeat -257px -18px;
	height:1.5em;
	width:83px;
}

#nav_art_team {
	height:1.5em;
	width:94px;	
}

#nav_art_team a:hover, #nav_art_team a.active {
	background:url(../images/nav.gif) no-repeat -340px -18px;
	width:94px;
	height:1.5em;
}

#nav_prices {
	height:1.5em;
	width:76px;	
}

#nav_prices a:hover, #nav_prices a.active {
	background:url(../images/nav.gif) no-repeat -434px -18px;
	width:76px;
	height:1.5em;
}

#nav_blog {
	height:1.5em;
	width:70px;
}

#nav_blog a:hover, #nav_blog a.active {
	background:url(../images/nav.gif) no-repeat -510px -18px;
	height:1.5em;
	width:70px;
}

#branding h1 a {
  background:transparent url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
	height:72px;
	width:207px;
	position:absolute;
	right:0;
	top:0;
}

/* main_content area
---------------------------------------------------------------*/
.home #main_content {
	margin-bottom:1.5em;
}

.collections #main_content {
	margin-bottom:1.5em;
}

/* about us page */
#about_text_left h2 {
	background:transparent url(../images/about_us.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#about_burlesque {
	background:transparent url(../images/about_burlesque.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#stuart {
	background:transparent url(../images/stuart.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#dave {
	background:transparent url(../images/dave.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#about_burlesque_intro {
	margin-top:5em;
	background:#eee url(../images/about_burlesque_intro_bg.jpg) repeat-x 0 0;
}

/* art team page */
#art_team_text_right ul{
	padding:0;
	margin:0;	
	list-style:none;
}

#art_team_text_right ul li{
	padding:0;
	margin:0;
}

#team_intro_h2 {
	background:transparent url(../images/art_team.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
	clear:both;
}

#abby {display:none;}

#abby_h2 {
	background:transparent url(../images/abby.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#alix {display:none;}

#alix_h2 {
	background:transparent url(../images/alix.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#charlie {display:none;}

#charlie_h2 {
	background:transparent url(../images/charlie.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#deb {display:none;}

#deb_h2 {
	background:transparent url(../images/deb.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#hayley {display:none;}

#hayley_h2 {
	background:transparent url(../images/hayley.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#joff {display:none;}

#joff_h2 {
	background:transparent url(../images/joff.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#john {display:none;}

#john_h2 {
	background:transparent url(../images/john.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#katie_c {display:none;}

#katie_c_h2 {
	background:transparent url(../images/katie_c.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#katie_l {display:none;}

#katie_l_h2 {
	background:transparent url(../images/katie_l.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#katie_w {display:none;}

#katie_w_h2 {
	background:transparent url(../images/katie_w.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#leanne {display:none;}

#leanne_h2 {
	background:transparent url(../images/leanne.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#max {display:none;}

#max_h2 {
	background:transparent url(../images/max.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#art_team_images ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#art_team_images ul li {
	list-style:none;
	float:left;
	display:block;
	margin:0 20px 1.5em 0;
	width:100px;
	height:108px;
}

#art_team_images ul li.last_col {
	list-style:none;
	float:left;
	display:block;
	margin:0 0 1.5em 0;
	width:100px;
	height:108px;
}

#art_team_images ul li a:hover {
	border-bottom:3px #504845 solid;
}

#art_team_images ul li a.selected {
	border-bottom:3px #504845 solid;
}

/* collections page */
#collections h2 {
	background:transparent url(../images/latest_collection.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

.gallery_col {
	margin-top:0.75em;
}

.gallery_col p {
	margin:0;
}

.gallery_col p img {
	margin:0;
	padding:0;
}

/* gallery page */


#BritishHairdressingAwards2009_gal h2 {
	background:transparent url(../images/british_hairdressing.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#GoldwellColourzoom2010_gal h2 {
	background:transparent url(../images/colourzoom.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#springsummer09collection_gal h2 {
	background:transparent url(../images/latest_collection.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#salonshots_gal h2 {
	background:transparent url(../images/salonshots.gif) no-repeat;
	text-indent:-9999px;
	margin:0.75em 0 0 0;
}

.gallery p img {
	margin:0;
	padding:0;
}


/* prices page */
#prices_left h2 {
	background:transparent url(../images/prices.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 1.5em 0;
}

#cta {
	position:relative;
	background:transparent url(../images/cta.gif) no-repeat;
	height:378px;
	margin-top:3.5em;
/*	left:40px;*/
}

table {
	margin:0;
	width:450px;
	border-collapse:separate;
}

th {
	font-weight:bold;
	text-align:left;
	background:#504845;
	color:#fff;
}

th,td {
	line-height:1.5;
}

#prices_salons {
	margin:0;
	padding:0;
}

#prices_salons li.newport {
	float:left;
	list-style:none;
	margin:0;
	width:160px;
}

#prices_salons li.caerleon {
	float:left;
	list-style:none;
	margin:1.5em 0 0 0;
	width:160px;
}

#prices_salons li.usk {
	float:left;
	list-style:none;
	margin:1.5em 0 0 0;
	width:160px;
}

#prices_salons li span {
		display:block;
		line-height:1.5em;
}

#prices_newsletter label {
	color:#504845;
	line-height:1.5em;
	font-weight:bold;
}

#prices_newsletter h2 {
	background:transparent url(../images/newsletter.gif) no-repeat;
	text-indent:-9999px;
	margin:1.5em 0 0 0;
}


/* salon_intro */
#salon_intro {
	margin-top:5em;
}

.salon_intro_ind_left {
/*padding-left:10px;
margin-right:0;*/
}

.salon_intro_ind_middle {

}

.salon_intro_ind_right {

}

#salon_intro h2 {
	margin:0;
	height:0.75em;
}

#salon_intro img {
	margin:0.75em 0 1.5em 0;
}


/* cotact_info */
#salons {
	margin:0;
	padding:0;
}

#salons li span {
		display:block;
		line-height:1.5em;
}

#salons li.newport {
	float:left;
	list-style:none;
	margin:0 10px 0 0;
	width:220px;
}

#newport {
	background:transparent url(../images/newport_salon.gif) no-repeat;
	text-indent:-9999px;
	height:1.5em;
}

#salons li.caerleon {
	float:left;
	list-style:none;
	margin:0 10px;
	width:220px;
}

#caerleon {
	background:transparent url(../images/caerleon_salon.gif) no-repeat;
	text-indent:-9999px;
	height:1.5em;
}

#salons li.usk {
	float:left;
	list-style:none;
	margin:0 0 0 10px;
	width:220px;
}

#usk {
	background:transparent url(../images/usk_salon.gif) no-repeat;
	text-indent:-9999px;
	height:1.5em;
}

span.tel {
	margin-top:1.5em;
	font-weight:bold;
}

span.email {
	margin-bottom:0;
	font-weight:bold;
}


/* blog 
---------------------------------------------------------------*/
#blog h2 {
	background:transparent url(../images/blog.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#blog ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#blog li {
	float:left;
	list-style:none;
	display:inline;
	border-top:solid 2px #ddd;
	margin-bottom:1.5em;
}

#blog p {
	margin-bottom:0;
}


/* newsletter 
---------------------------------------------------------------*/
#newsletter {
	margin-top:1.25em;
}

#newsletter h2 {
	background:transparent url(../images/newsletter.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#newsletter label {
	color:#504845;
	line-height:1.5em;
	font-weight:bold;
}

#ikltyk-ikltyk {
	line-height:1.5em;
	width:218px;
}

#newsletter_submit {
/*	float:right;*/
	clear:both;
	line-height:1.5em;
	vertical-align:middle;
/*	margin:0.75em 0 0.75em 0;*/
}

input.text,
textarea, select {
	color:#504845;
  margin:0;
  border:1px solid #a4a4a4;
	padding:1px 0 1px 0;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
	color:#504845;
  margin:0;
  border:1px solid #504845;
	padding:1px 0 1px 0;
}


/* sub_content 
---------------------------------------------------------------*/
#sub_content {
	margin-top:0;
}

/* sub_content_home
---------------------------------------------------------------*/
#sub_content_home {
	margin-top:5em;
}

/* follow 
---------------------------------------------------------------*/
#follow {
	margin-top:1.25em;
}

#follow h2 {
	background:transparent url(../images/follow.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
}


/* site_info 
---------------------------------------------------------------*/
#site_info {
	margin-top:3em;
	background:transparent url(../images/footer.jpg) no-repeat;
	height:150px;
	border-top:solid 2px #ddd;
}

site_info img {
	position:relative;
	bottom:0;
}

#site_info p {
	margin-top:11em;
	color: #a4a4a4;
}

#site_info p.right {
	padding-right:10px;
	float:right;
}

#site_info p.left {
	padding-left:10px;
	float:left;
}

#site_info a {
	color: #a4a4a4;
	text-decoration:none;
}

#site_info a:hover {
	color: #504845;
	text-decoration:underline;
}