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

/*
Title:  Salon VIP - Wedding Page Styles
Author:	lee@netinspire.co.uk
*/


/* Colours 

Pink #f29ead

*/


html																{background: #fff;}

body																{background: url(../img/wed-top-bot-bg.jpg) 0 0 repeat-x; color: #999;}
		
.logo																{display: none;} /* Hide logo from CSS enabled browsers */

#container															{padding-bottom: 262px; }

#page																{background: url(../img/wedding-flowers.jpg) bottom center no-repeat;}

#slideshow															{width: 365px; height: 399px; overflow: hidden; background: #fff url(../img/photo-stack-white-bg.jpg) 0 0 no-repeat;}

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


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


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

/*
Headings
*/
h2																	{background: url(../img/wedding.gif) 0 0 no-repeat;}
h3																	{color: #f29ead;}

/*
Form Styles
*/
#form-div { 
  background: #fff;
  border-color: #f4b8c4;
}


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 : #ffedf0;
}


legend.main-legend { 
  color : #cb6687;
}
 
label.req-label, label.opt-label {
  color : #999;
}
 
label.req-label.explain {
  color : #cb6687;
}

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

input.button														{border: 1px solid #ffedf0; background: #cb6687; color: #ffedf0; }
input.button:hover, input.button.hover,
input.button:focus, input.button.focus								{ border: 1px solid #cb6687; background: #ffedf0; color: #cb6687; }