@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Body Restoration Screen Stylesheet

version:   1.0
date:      11/15/09
author:    [Jen Mattuchio]
email:     [jenmattuchio@yahoo.com]
website:   [www.body-restoration.com]
-----------------------------------------------------------------------------*/
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* { margin: 0;	padding: 0;	border: 0; }

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear { clear: both; background: none; }
.right { float: right; }
.left  { float: left; }

ul, ol {list-style-type:none;}

hr {
	color: #7a3b54; 
	background-color: #7a3b54;
	height: 1px;
	margin:0px 18px 8px 18px;
}

a {
	text-decoration: underline;
	color: #eaa43c;
}

a:hover, a:active {
	text-decoration: none;
	outline: none;
}

/* Set up the document
-----------------------------------------------------------------------------*/
html {
	background: #7F286D url(../images/Bkg_rpt.jpg) repeat-x; margin: 0; padding: 0;}
body {
	padding: 0;
	margin: 0;
	font:12px Arial, Helvetica, sans-serif;
	color: #7F286D;	
	width: 100%;
	display: table;
}
#wrapper { 
 	margin: 0 auto;
	padding-top: 12px;
	background: url(../images/Bkg.jpg) no-repeat center top;
 	width: 960px; height:750px;
}
/* Navigation
----------------------------------------------------------------------------- */
#navigation {
	height:57px;	float: none;
	width:884px;
	margin: 0 auto;
	padding: 0;
}

/* Navagation w/Image Replacement --------------------------------------------*/
	
	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		width:100%;
		height:57px;
		list-style:none;
		margin:0;
		padding:0;
		padding-left:1%;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(../images/sprite.png) no-repeat scroll top left;
		display:block;
		height:57px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {	width:128px;}
	ul#menu li a.homeB { width:128px; background-position:0px -57px;}
	
	/* Specify width and background position attributes specifically for the class: "aboutus" */
	ul#menu li a.aboutus { width:143px;	background-position:-128px 0px;	}
	ul#menu li a.aboutusB { width:143px;	background-position:-128px -57px;	}
	
	/* Specify width and background position attributes specifically for the class: "services" */
	ul#menu li a.services {	width:145px; background-position:-271px 0px; }
	ul#menu li a.servicesB {	width:145px; background-position:-271px -57px; }
	
	/* Specify width and background position attributes specifically for the class: "appointments" */
	ul#menu li a.appointments {	width:145px; background-position:-436px 0px; }
	ul#menu li a.appointmentsB {	width:145px; background-position:-436px -57px; }
	
	/* Specify width and background position attributes specifically for the class: "giftcertificates" */
	ul#menu li a.giftcertificates {	width:157px; background-position:-581px 0px; }
	ul#menu li a.giftcertificatesB { width:157px; background-position:-581px -57px; }
	
	/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.contact { width:145px; background-position:-738px 0px;	}
	ul#menu li a.contactB { width:145px; background-position:-738px -57px;	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../images/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span { background-position:0px -57px;	}
	ul#menu li a.home spanB { background-position:0px -57px;	}
	
	/* Shift background position on hover for the class: "aboutus" */
	ul#menu li a.aboutus span {	background-position:-128px -57px;	}
	ul#menu li a.aboutusB span {	background-position:-128px -57px;	}
	
	/* Shift background position on hover for the class: "services" */
	ul#menu li a.services span { background-position:-271px -57px;	}
	ul#menu li a.servicesB span { background-position:-271px -57px;	}
	
	/* Shift background position on hover for the class: "appointments" */
	ul#menu li a.appointments span  {background-position:-436px -57px; }
	ul#menu li a.appointmentsB span  {background-position:-436px -57px; }
	
	/* Shift background position on hover for the class: "giftcertificates" */
	ul#menu li a.giftcertificates span { background-position:-581px -57px; }
	ul#menu li a.giftcertificatesB span { background-position:-581px -57px; }
	
	/* Shift background position on hover for the class: "contactus" */
	ul#menu li a.contact span { background-position:-738px -57px; }
	ul#menu li a.contactB span { background-position:-738px -57px; }

/* Body
----------------------------------------------------------------------------- */
#stock {width:450px; margin: 12px 0px 0px 45px; float: left;}
#address {color:#FFFFFF; font: 14px Veranda, Arial, Helvetica, sans-serif; text-align:center; float:right; margin:270px 115px 0px 0px;}
#address a {color:#FFFFFF; font: 14px Veranda, Arial, Helvetica, sans-serif; text-decoration:none;}

#HomeWrapper {width:892px; margin:12px 0px 0px 45px;}
#HomeWrapper h1 {margin:8px 18px 12px 18px; color:#eaa43c; font:16px Georgia, "Times New Roman", Times, serif;}
#HomeWrapper p {font: 13px Verdana, Arial, Helvetica, sans-serif; color:#B9849A; padding:0px 12px; line-height:18px;}
#Email {float:left; background: url(../images/Bkg_Email.jpg) no-repeat right top; width:273px; height:220px; margin-right:12px;}

#Email form{width:250px; height:100px; position:relative; margin:0 auto; color:#B9849A; padding-top:25px;}
#Email form input{width:150px; height:18px; margin:2px 0px 0px 12px; padding:2px; border:1px solid #B9849A; background-color:#000000; color:#eaa43c;}
#Email form textarea{width:150px; height:100px; margin:2px 0 8px 40px; font:12px Veranda, Arial, Helvetica, sans-serif;}
#Email form label{width:50px; height:18px; margin:2px 0 0 20px; font:12px/15px Veranda, Arial, Helvetica, sans-serif; font-weight:bold;}
#Email form input.button{width:88px; height:22px; float:right; background:url(../images/btn1.jpg) 0 0 no-repeat; color:#fff; font-size:12px; font-weight:bold; border:none; padding-right:10px;  margin:5px 10px 2px 25px; }

#Welcome {float:left; background: url(../images/Bkg_Welcome.jpg) no-repeat right top; width:320px; height:220px; margin-right:12px;}
#GiftCert {float:right; background: url(../images/Bkg_Gift.jpg) no-repeat right top; width:275px; height:220px;}

#Directions {float:right; background: url(../images/bkg_right.jpg) no-repeat right top; width:275px; height:220px; margin-bottom:12px;}
#Directions p {padding:0px 18px; line-height:22px;}

#BkgRightBtm {float:right; background: url(../images/bkg_right_btm.jpg) no-repeat right top; width:275px; height:220px; margin-bottom:12px;}
#BkgRightBtm p {padding:0px 18px; line-height:22px;}
#BkgRightBtm form{width:250px; height:100px; position:relative; margin:0 auto; color:#B9849A; padding-top:25px;}
#BkgRightBtm form input{width:150px; height:18px; margin:2px 0px 0px 12px; padding:2px; border:1px solid #B9849A; background-color:#000000; color:#eaa43c;}
#BkgRightBtm form textarea{width:150px; height:100px; margin:2px 0 8px 40px; font:12px Veranda, Arial, Helvetica, sans-serif;}
#BkgRightBtm form label{width:50px; height:18px; margin:2px 0 0 20px; font:12px/15px Veranda, Arial, Helvetica, sans-serif; font-weight:bold;}
#BkgRightBtm form input.button{width:88px; height:22px; float:right; background:url(../images/btn1.jpg) 0 0 no-repeat; color:#fff; font-size:12px; font-weight:bold; border:none; padding-right:10px;  margin:5px 10px 2px 25px; }

#Internal {float:left; background: url(../images/internal_mid.gif) repeat-y right top; width:606px; margin-right:10px;}
#Internal p {padding:5px 18px 12px 18px;}
#Internal h2 {padding:0px 18px 0px 18px; color:#7a3b54; font: 14px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
#Internal .top {background: url(../images/internal_top.gif) no-repeat right top; width:606px; height:45px;}
#Internal .top h1 {margin:0; padding: 8px 0px 0px 18px;}
#Internal .bottom {background: url(../images/internal_bottom.gif) no-repeat right bottom; width:606px; height:20px;}
#Internal form input.button{width:88px; height:22px; float:right; background:url(../images/btn1.jpg) 0 0 no-repeat; color:#fff; font-size:12px; font-weight:bold; border:none; padding-right:10px;  margin:5px 10px 25px 5px; }

#InternalWide {float:left; background: url(../images/internal_mid.gif) repeat-y right top; width:891px;}
#InternalWide p {padding:5px 18px 12px 18px;}
#InternalWide h2 {padding:0px 18px 0px 18px; color:#7a3b54; font: 14px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
#InternalWide .top {background: url(../images/internal_top.gif) no-repeat right top; width:606px; height:45px;}
#InternalWide .top h1 {margin:0; padding: 8px 0px 0px 18px;}
#InternalWide .bottom {background: url(../images/internal_bottom.gif) no-repeat right bottom; width:606px; height:20px;}

#SideBar {float:right; background: url(../images/side_mid.gif) repeat-y right top; width:275px; height:100%; margin-bottom:12px;}
#SideBar p {padding:0px 18px; line-height:22px;}
#SideBar .top {background: url(../images/side_top.gif) no-repeat right top; width:275px; height:45px;}
#SideBar .top h1 {margin:0; padding: 8px 0px 0px 18px;}
#SideBar .bottom {background: url(../images/side_bottom.gif) no-repeat right bottom; width:275px; height:20px;}

/* Form style -----------------------------------------------------------------------------*/
#contact {margin-left:75px; width:400px;}

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 140px; font: 13px Verdana, Arial, Helvetica, sans-serif; color:#B9849A; }
input, textarea, select { margin: 0; padding: 3px; color: #eaa43c; border:1px solid #B9849A; background-color:#000000; margin: 5px 0; font:12px Veranda, Arial, sans-serif; }   
input:focus, textarea:focus, select:focus { border: 1px solid #B9849A; background-color: #000; color:#eaa43c; }
input.submit {width:88px; height:22px; float:right; background:url(../images/btn1.jpg) 0 0 no-repeat; color:#fff; font-size:12px; font-weight:bold; border:none; padding-right:10px;  margin:5px 10px 2px 25px;}
/* input.submit:hover { background:#990000; } */

span.required{ font-size: 13px; color: #990000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }

/* Other styles -----------------------------------------------------------------------------*/
.portrait img {
float:left;
  border: 2px solid #7a3b54;
  margin:0px 12px 12px 25px;
  } 

/* Footer
----------------------------------------------------------------------------- */
#Footer {margin-top:12px; padding-top:12px; height:27px; background: url(../images/Bkg_Footer.gif) repeat-x right top;}
#FooterLeft {float:left; color:#2F0F24; width:315px;}
#FooterLeft img {margin-right:8px;}
#FooterRight {float:right; color:#2F0F24;}