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

/*
Title:  Salon VIP - Spa Pages Styles
Author:	lee@netinspire.co.uk
*/


/* Colours 

Brown #4d4141
Pale Brown/Grey #787170
Cream #ffd

*/


html																{background: #ffd;}

body																{background: url(../img/spa-top-bot-bg.jpg) 0 0 repeat-x; font: 95% Helvetica, Arial, Verdana, Sans-Serif;}
		
.logo																{display: none;} /* Hide logo from CSS enabled browsers */

#photos																{position: relative; width: 870px; height: 403px; margin: 5px 0; background: #ffd url(../img/wide-photo-bg.jpg) 0 0 no-repeat;}


#slideshow															{width: 365px; height: 399px; overflow: hidden; background: #ffd url(../img/photo-stack-cream-bg.jpg) 0 0 no-repeat;}
#slideshow.wide														{position: relative; top:  19px; left: 19px;width: 832px; height: 365px; margin: 0; overflow: hidden; background: #fff;}

/*
Branding
*/
#branding h1														{background: url(../img/spa-logo-bg.gif) 0 0 no-repeat;}
#branding p															{color: #caab1b;}

/*
Main Nav
*/	
#main-nav a:link, #main-nav a:visited								{color: #ffd; text-decoration: none;}
#main-nav a:hover, #main-nav a:active								{color: #4d4141; background: #ffd;}


#footer-container													{background: #4d4141 url('../img/spa-top-bot-bg.jpg') top left repeat-x;}
#footer																{color: #787170;}
#footer p a:link, #footer p a:visited								{text-decoration: none; color: #ffd;}
#footer p a:hover, #footer p a:active								{text-decoration: none; color: #ffd; border-bottom: 1px solid #ffd;}
a:link.netinspire, a:visited.netinspire								{width: 88px; height: 18px; float: right; margin-top: 30px; background: url(../img/netinspire-spa.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;}
a:hover.netinspire, a:active.netinspire								{background-position: 0 -18px;}

/*
Headings
*/
h2.welcome															{background: url(../img/welcome.gif) 0 0 no-repeat; margin-top: -5px; margin-bottom: 5px;}
h2.treatments														{background: url(../img/treatments.gif) 0 0 no-repeat;}
h2.corporate														{background: url(../img/corporate.gif) 0 0 no-repeat;}
h2.forhim															{background: url(../img/forhim.gif) 0 0 no-repeat;}

h3																	{color: #4d4141;}

/*
Form Styles
*/
#form-div { 
  background: #b7a7a0;
  border-color: #4d4141;
}


input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
  background-color : #ffe;
}


legend.main-legend { 
  color : #4d4141;
}
 
label.req-label, label.opt-label {
  color : #ffe;
}
 
label.req-label.explain {
  color : #e4cde9;
}

label.req-label.explain:hover {
  color : #fff;
}

input.button														{border: 1px solid #ffe; background: #4d4141; color: #ffe; }
input.button:hover, input.button.hover,
input.button:focus, input.button.focus								{ border: 1px solid #4d4141; background: #ffe; color: #4d4141; }