/* --------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
	
	Domain: Rejuvene.net
	Stylesheet: /ui/public/stylesheet/main.css
	Author: Brent White - ChicoWebDesign.com
	Version: July 21 2009
	
-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------------------- */
.clear {
	clear: both;
	}
	br.clear {
		display: block !important;
		line-height: 0 !important;
		height: 0 !important;
		font-size: 0 !important;
		}
.fleft {
	float: left;
	}
	img.fleft {
		padding: 0 20px 0 0;
		}
		img.fleft.vertpad {
			padding: 10px 20px 10px 0;
		}
.fright {
	float: right;
	}
	img.fright {
		padding: 0 0 0 20px;
		}
.center {
	display: block;
	margin: 0 auto;
	}
.fnone {
	float: none;
	}
.hidden {
	visibility: hidden;
	}
.dnone {
	display: none;
	}
		
/* --------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------- */
* {
	outline: none;
	margin: 0;
	padding: 0;
	}
	
/* --------------------------------------------------------------------------------
BODY
-------------------------------------------------------------------------------- */
body {
	background: #ffffff url(/ui/public/image/layout/body.gif) repeat-x 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #42392c;
	min-width: 1000px;
	height: 100%;
	}
	/* --------------------------------------------------------------------------------
	HEADER
	-------------------------------------------------------------------------------- */
	#header {
		position: relative;
		z-index: 10;
		width: 980px;
		margin: 0 auto;
		padding: 130px 0 0;
		}
		/* --------------------------------------------------------------------------------
		HEADER -- LOGO
		-------------------------------------------------------------------------------- */
		#header h1.logo {
			position: absolute;
			top: 6px;
			left: 24px;
			display: block;
			background: url(/ui/public/image/layout/header-rejuvene-logo.gif) no-repeat 0 0;
			width: 127px;
			height: 117px;
			}
			#header h1.logo a {
				display: block;
				line-height: 117px;
				text-indent: -9999px;
				overflow: hidden;
				}
		#header .celebrate {
			position: absolute;
			top: 89px;
			left: 41px;
			display: block;
			background: url(/ui/public/image/layout/header-rejuvene-celebrate.gif) no-repeat 0 0;
			width: 182px;
			height: 51px;
			text-indent: -9999px;
			overflow: hidden;
			z-index: 100;
			}
		#header h3.phone {
			position: absolute;
			top: 50px;
			left: 805px;
			display: block;
			background: url(/ui/public/image/layout/header-phone-number.gif) no-repeat 0 0;
			width: 175px;
			height: 30px;
			text-indent: -9999px;
			overflow: hidden;
			}
		#header h2.tagline {
			position: absolute;
			top: 272px;
			left: 490px;
			display: block;
			background: url(/ui/public/image/layout/header-servpro-tagline.gif) no-repeat 0 0;
			width: 293px;
			height: 116px;
			text-indent: -9999px;
			overflow: hidden;
			z-index: 98;
			}
			#header .appointment {
				display: block;
				position: absolute;
				top: 424px;
				left: 739px;
				width: 211px;
				height: 16px;
				z-index: 98;
				background: url(/ui/public/image/layout/header-appointment.gif) no-repeat 0 0;
				line-height: 16px;
				text-indent: -9999px;
				overflow: hidden;
				}
		/* --------------------------------------------------------------------------------
		HEADER -- NAVIGATION
		-------------------------------------------------------------------------------- */
		#header .navigation {
			background: #9da698 url(/ui/public/image/layout/navigation.gif) repeat-x 0 0;
			width: 954px;
			height: 34px;
			margin: 0 10px;
			padding: 5px 3px;
			border-bottom: solid 10px #42392c;
			overflow: visible;
			}
			#header .navigation li {
				list-style: none;
				cursor: default;
				border-right: solid 1px #42392c;
				padding: 2px 5px;
				}
				#header .navigation li.last {
					border-right: none;
					}
				#header .navigation li,
				#header .navigation li a {
					position: relative;
					float: left;
					font-weight: normal;
					font-size: 14px;
					line-height: 30px;
					color: #ffffff;
					text-transform: capitalize;		
					}
				#header .navigation li a {
					display: block;
					text-decoration: none;
					padding: 0 5px;
					}
					#header .navigation li a:hover,
					#header .navigation li:hover a {
						background: #42392c;
						color: #ffffff;
						}
					#header .navigation li.active a,
					#header .navigation li a.active {
						background: #42392c;
						color: #ffffff;
						}
				#header .navigation li ul {
					display: none;
					}
				#header .navigation li.hover ul {
					display: block;
					position: absolute;
					z-index: 99;
					top: 34px;
					width: 240px;
					left: 0;
					border: 8px solid #9da698;
					background: #9DA698 url(/ui/public/image/layout/banner.gif) repeat-x 0 100%;
					padding: 5px 0;
					}
					#header .navigation li ul li {
						float: none;
						display: block;
						border-right: none;
						padding: 0 5px;
						}
						#header .navigation li ul li a {
							float: none;
							width: 220px;
							line-height: 18px;
							padding: 2px 5px;
							background: none !important;
							color: #ffffff !important;
							font-size: 12px;
							}
							#header .navigation li ul li a:hover {
								background: #42392c !important;
								color: #ffffff !important;
								}
						#header .navigation li ul.second {
							background: none;
							border: none;
							left: 250px;
							top: 42px;
							}
							#header .navigation li ul.second.rightside {
								left: -145px;
								}
							#header .navigation li ul.second.rightside_second {
								left: -45px;
								}

						
		/* --------------------------------------------------------------------------------
		HEADER --  BANNER
		-------------------------------------------------------------------------------- */
		#header #banner {
			background: url(/ui/public/image/layout/header.gif) repeat-x 0 0;
			width: 960px;
			padding: 10px 10px 0;
			position: relative;
			}
			#header #banner ul {
				position: relative;
				background: url(/ui/public/image/layout/banner.gif) repeat-x 0 0;
				width: 960px;
				height: 320px;
				overflow: hidden;
				}
				#header #banner ul li {
					list-style: none;
					display: none;
					position: absolute;
					top: 0;
					left: 0;
					}
				#header #banner ul li.first {
					display: block;
					}
			#header #banner span {
				position: absolute;
				bottom: 10px;
				right:520px;
				font-size: 14px;
				text-shadow: 0 0 5px #fff;
				text-align: right;
				}
								
	/* --------------------------------------------------------------------------------
	CONTENT
	-------------------------------------------------------------------------------- */
	#content {
		position: relative;
		background: #ffffff url(/ui/public/image/layout/content.gif) no-repeat 100% 100%;
		width: 960px;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		margin: 0 auto;
		padding: 0 0 20px;
		z-index: 0;
		}
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- H1, H2, H3, H4, H5, H6
		-------------------------------------------------------------------------------- */
		#content .main-content h1, 
		#content .main-content h2, 
		#content .main-content h3, 
		#content .main-content h4, 
		#content .main-content h5, 
		#content .main-content h6,
		#content .main-content h1 a, 
		#content .main-content h2 a, 
		#content .main-content h3 a, 
		#content .main-content h4 a, 
		#content .main-content h5 a, 
		#content .main-content h6 a {
			text-decoration: none;
			}
			#content .main-content h1 a:hover,
			#content .main-content h2 a:hover,
			#content .main-content h3 a:hover,
			#content .main-content h4 a:hover,
			#content .main-content h5 a:hover,
			#content .main-content h6 a:hover {
				text-decoration: underline;
				}
		#content .main-content h1,
		#content .main-content h1 a {
			font-weight: normal;
			font-size: 24px;
			line-height: 30px;
			color: #73806c;
			padding-bottom: 10px;
			}
		#content .main-content h2,
		#content .main-content h2 a {
			font-size: 24px;
			line-height: 30px;
			color: #9da698;
			padding-bottom: 10px;
			}
		#content .main-content h3,
		#content .main-content h3 a {
			font-weight: normal;
			font-size: 18px;
			line-height: 22px;
			color: #464646;
			padding-bottom: 10px;
			}
		#content .main-content h4,
		#content .main-content h4 a {
			font-size: 16px;
			line-height: 20px;
			color: #9da698;
			padding-bottom: 5px;
			}
		#content .main-content h5,
		#content .main-content h5 a {
			font-size: 16px;
			line-height: 20px;
			color: #73806c;
			padding-bottom: 5px;
			}
		#content .main-content h6,
		#content .main-content h6 a {
			font-size: 16px;
			line-height: 20px;
			color: #9da698;
			padding-bottom: 5px;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- PARAGRAPH
		-------------------------------------------------------------------------------- */
		#content .main-content p {
			font-size: 12px;
			line-height: 18px;
			color: #42392c;
			padding: 0 0 20px;
			text-align: justify;
			}
			#content .main-content p.left {
				text-align: left;
				}
			#content .main-content p.center {
				text-align: center;
				}
		#content hr {
			margin: 20px 0;
			border-color: #adb4bc;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- QUOTES
		-------------------------------------------------------------------------------- */
		#content .main-content p.quote {
			background: #eeeee4 url(/ui/public/image/layout/quote-bg-1.gif) no-repeat 10px 10px;
			margin: 20px;
			padding: 20px;
			width: 580px;
			font-style: italic;
			position: relative;
			}
		#content .main-content div.quote {
			background: url(/ui/public/image/layout/quote-bg-2.gif) no-repeat bottom right;
			position: absolute;
			bottom: 10px;
			right: 10px;
			width: 38px;
			height: 28px;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- PHOTO GALLERY
		-------------------------------------------------------------------------------- */
		#content .main-content ul.gal-list {
			margin: 0;
			padding: 0;
			}
			#content .main-content ul.gal-list li {
				margin: 0 5px 5px 0;
				padding: 5px;
				background: url(/ui/public/image/layout/ba-gal-item-trans.png) no-repeat top left;
				float: left;
				text-align:center;
				}
				#content .main-content ul.gal-list li img {
					border: 0;
					display: block;
					padding: 0 0 10px 0;
					}
				#content .main-content ul.gal-list li a {
					font-weight: normal;
					text-decoration: none;
					}
				#content .main-content ul.gal-list li a:hover {
					text-decoration: underline;
					}
					
					
		#content .main-content .ico-list {
			background: #9da598;
			height: 120px;
			padding: 10px;
			}
			#content .main-content .ico-list ul {
				margin: 0;
				padding: 0;
				}
				#content .main-content .ico-list ul li {
					list-style: none;
					background: none;
					margin: 0;
					padding: 0 19px;
					float: left;
					}
					#content .main-content .ico-list ul li a {
						margin: 0;
						padding: 0;
						}
						#content .main-content .ico-list ul li a img {
							border: 2px #8e968a solid;
							margin: 0;
							padding: 0;
							}
		
		
		#content .main-content .gallery {
			background: #75806f url(/ui/public/image/layout/before-after-bg.gif) repeat-x top left;
			padding: 20px;
			height: 360px;
			}
			#content .main-content .gallery img.icon {
				border: 2px solid #8e968a;
				margin: 0 15px 15px 0;
				float: left;
				}
			#content .main-content .gallery h3 {
				font: 18px/50px Helvetica, Arial, sans-serif;
				padding: 0;
				margin: 0;
				font-weight: normal;
				color: #eeeee4;
				float: left;
				text-transform: capitalize;
				}
			#content .main-content .gallery .back {
				float: right;
				}
			#content .main-content .gallery .back a {
				color: #c6cec2;
				font: 14px/50px Helvetica, Arial, sans-serif;
				text-decoration: none;
				}
				#content .main-content .gallery .back a:hover {
					color: #eeeee4;
					}
			#content .main-content .gallery ul {
				margin: 0;
				padding: 0;
				clear: both;
				height: 250px;
				position: relative;
				}
				#content .main-content .gallery ul li {
					list-style: none;
					margin: 0;
					padding: 0;
					display: none;
					position: absolute;
					top: 0;
					left: 0;
					}
					#content .main-content .gallery ul li span.desc {
						display: none;
						}
					#content .main-content .gallery ul li.init {
						display: block;
						}
					#content .main-content .gallery ul li div {
						float: left;
						}
						#content .main-content .gallery ul li div.before {
							margin: 0 20px 0 0;
							}
					#content .main-content .gallery ul li div img {
						margin: 0;
						padding: 0;
						float: left;
						}
					#content .main-content .gallery ul li div span {
						width: 305px;
						display: block;
						background: #42392c;
						color: #f4f4eb;
						font: 18px/30px Helvetica, Arial, sans-serif;
						text-align: center;
						margin: 0;
						padding: 0;
						clear: both;
						float: left;
						}
		#content .main-content .gallery a.prev, #content .main-content .gallery a.next, #content .main-content .gallery .counter {
			font: 22px/44px Helvetica, Arial, sans-serif;
			color: #9da698;
			text-decoration: none;
			}
			#content .main-content .gallery a:hover.prev, #content .main-content .gallery a:hover.next {
				color: #eeeee4;
				}
		#content .main-content .gallery a.prev {
			float: left;
			height: 44px;
			background-image: url(/ui/public/image/layout/ba-gal-prev.gif);
			background-position: 0 -44px;
			background-repeat: no-repeat;
			padding: 0 0 0 64px;
			}
			#content .main-content .gallery a:hover.prev {
				background-position: 0 0;
				}
			#content .main-content .gallery a:active.prev {
				background-position: 1px 2px;
				}
		#content .main-content .gallery a.next {
			float: right;
			height: 44px;
			background-image: url(/ui/public/image/layout/ba-gal-next.gif);
			background-position: 100% -44px;
			background-repeat: no-repeat;
			padding: 0 64px 0 41px;
			}
			#content .main-content .gallery a:hover.next {
				background-position: 100% 0;
				}
			#content .main-content .gallery a:active.next {
				background-position: 98% 2px;
				}
		#content .main-content .gallery .counter {
			text-align: center;
			display: block;
			float: left;
			padding: 0;
			width: 320px;
			margin: 0;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- MULTI WIDTH BOXES FOR 'Does your skin look older than you?'
		-------------------------------------------------------------------------------- */
		#content .skin-look-older {
			
			}
			#content .skin-look-older-skin {
				width: 220px;
				float: left;
				}


		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- A
		-------------------------------------------------------------------------------- */
		#content .main-content a {
			font-weight: bold;
			font-size: 12px;
			line-height: 18px;
			color: #42392c;
			text-decoration: underline;
			}
			#content .main-content a.more {
				display: inline-block;
				background: #f5f5ed url(/ui/public/image/layout/main-content-more.gif) no-repeat 95% 50%;
				width: 100px;
				line-height: 21px;
				padding: 0 10px 0 5px;
				text-align: center;
				}
				#content .main-content a:hover.more {
					background: #ccccc6 url(/ui/public/image/layout/main-content-more.gif) no-repeat 95% 50%;
					}
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- STEPS
		-------------------------------------------------------------------------------- */
		#content .main-content .steps {
			border: 0;
			margin: 0;
			padding: 0;
			}
			
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- GIVE ONE GET ONE
		-------------------------------------------------------------------------------- */
		#content .main-content  h2.give_get {
			font: 18px Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #900;
			margin: 0;
			padding:0;
			}
		#content .main-content  p.give_get {
			font: 12px Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #900;
			text-indent: 20px;
			}
			

		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- LIST
		-------------------------------------------------------------------------------- */
		#content .main-content ul,
		#content .main-content ol {
			padding: 5px 0 20px;
			}
			#content .main-content ol {
				list-style-position: inside;
				padding-left: 20px;
				}
			#content .main-content li {
				color: #5c5c5c;
				font-size: 12px;
				line-height: 20px;
				}
			#content .main-content ul li {
				list-style: none;
				background: url(/ui/public/image/layout/content-list-item-image.gif) no-repeat 3px 5px;
				padding: 0 0 0 20px;
				}
			#content .main-content ol li {
				list-style-position: outside;
				}
				
		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- FORM STATUS
		-------------------------------------------------------------------------------- */
		#content p.status {
			text-align: center;
			padding: 15px;
			border-width: 3px;
			border-style: solid;
			margin: 20px;
			}
			#content p.status.success {
				background-color: #afa;
				border-color: #363;
				color: #000;
				}
			#content p.status.error {
				background-color: #faa;
				border-color: #633;
				color: #000;
				}

		/* --------------------------------------------------------------------------------
		CONTENT -- MAIN CONTENT -- FIELDSET
		-------------------------------------------------------------------------------- */
		#content .main-content fieldset {
			width: 670px;
			border: none;
			}
			#content .main-content .required,
			#content .main-content fieldset legend {
				color: #900;
				font-weight: bold;
				font-size: 14px;
				}
			#content .main-content fieldset legend {
				padding: 0 0 20px 0;
				font-size: 12px;
				}
			#content .main-content form td.label {
				font-weight: bold;
				font-size: 12px;
				line-height: 20px;
				color: #73806c;
				}
			#content .main-content form label.spaced {
				padding: 0 10px 0 0;
				line-height: 25px;
				}
				#content .main-content form label.spaced input {
					position: relative;
					top: 2px;
					}
					
			#content .main-content form td.pad_bottom {
				padding-bottom: 20px;
				}
			#content .main-content fieldset div {
				clear: both;
				padding: 0 0 10px;
				}
				#content .main-content fieldset div.submit {
					padding: 0 0 0 167px;
					}
				#content .main-content fieldset div label {
					float: left;
					width: 167px;
					font-weight: bold;
					font-size: 12px;
					line-height: 20px;
					color: #73806c;
					}
				#content .main-content fieldset div .input,
				#content .main-content fieldset div .textarea,
				#content .main-content .textbox {
					border: 1px solid #ccc;
					padding: 4px;
					}
				#content .main-content fieldset div .input:focus,
				#content .main-content fieldset div .textarea:focus,
				#content .main-content .textbox:focus {
					border: 2px solid #9DA698;
					padding: 3px;
					}
				#content .main-content fieldset div .input {
					width: 201px;
					}
					#content .main-content fieldset div .input.long {
						width: 335px;
						}
					#content .main-content fieldset div .input.short {
						width: 100px;
						}
				#content .main-content fieldset div .textarea {
					width: 348px;
					font: 12px Helvetica, Arial, sans-serif;
					}
					#content .main-content fieldset div .textarea.long {
						width: 435px;
						}
					#content .main-content fieldset div .textarea.short {
						width: 100px;
						}
				#content #do_makeup, #content #do_general {
					padding: 10px;
					display: block;
					}
					#content #do_makeup.active, #content #do_general.active {
						color: #fff;
						background: #73806c;
						}
					#content #do_makeup input, #content #do_general input {
						margin: 0 10px 0 0;
						}
				#content #makeup, #content #general_consult {
					padding: 10px;
					background: #e6e6dc;
					margin-bottom: 15px;
					}
				#content #makeup div, #content #general_consult div {
					padding: 10px 0;
					clear: both;
					}
				#content #makeup span, #content #general_consult span {
					float: left;
					font-weight: bold;
					color:#73806C;
					}
				#content #makeup span.half, #content #general_consult span.half {
					width: 50%;
					}
				#content #makeup span.full, #content #general_consult span.full {
					clear:both;
					display: block;
					width: 100%;
					}
				#content #makeup label.checkbox, #content #general_consult label.checkbox {
					float: left;
					width: 50%;
					padding: 3px 0;
					}
					#content #makeup label.checkbox input, #content #general_consult label.checkbox input {
						vertical-align: text-top;
						margin: 0 5px 0 0;
						}
				#content #makeup textarea, #content #general_consult textarea {
					width: 500px;
					height: 100px;
					}
		
		/* --------------------------------------------------------------------------------
		CONTENT -- HEADING
		-------------------------------------------------------------------------------- */
		#content .heading {
			padding: 20px 20px 0;
			font-weight: normal;
			font-size: 18px;
			line-height: 55px;
			color: #42392c;
			text-transform: uppercase;
			}
			#content .heading.break {
				padding: 20px 20px 7px;
				font-weight: normal;
				font-size: 18px;
				line-height: 24px;
				color: #42392c;
				text-transform: uppercase;
				}
			/* --------------------------------------------------------------------------------
			CONTENT -- LEFT COLUMN -- HEADING
			-------------------------------------------------------------------------------- */
			#content #left-column .heading strong {
				font-size: 24px;
				font-weight: normal;
				}
			/* --------------------------------------------------------------------------------
			CONTENT -- MIDDLE COLUMN -- HEADING
			-------------------------------------------------------------------------------- */
			#content #middle-column .heading {
				background: #9DA698;
				color: #ebebe0;
				border-bottom: solid 10px #bdc3b9;
				}
				#content #middle-column .heading strong {
					font-weight: bold;
					font-size: 18px;
					}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- HEADING
			-------------------------------------------------------------------------------- */
			#content #right-column .heading {
				background: #73806c;
				color: #ebebe0;
				border-bottom: solid 10px #9da698;
				}
					
		/* --------------------------------------------------------------------------------
		CONTENT -- LEFT COLUMN
		-------------------------------------------------------------------------------- */
		#content #left-column {
			background: url(/ui/public/image/layout/content-left-column.gif) repeat-x 0 0;
			float: left;
			width: 710px;
			padding: 5px px 0 0;
			}
			/* --------------------------------------------------------------------------------
			CONTENT -- LEFT COLUMN -- MAIN CONTENT
			-------------------------------------------------------------------------------- */
			#content #left-column .main-content {
				padding: 20px;
				}
				
		/* --------------------------------------------------------------------------------
		CONTENT -- MIDDLE COLUMN
		-------------------------------------------------------------------------------- */
		#content #middle-column {
			float: right;
			background: transparent url(/ui/public/image/layout/content-middle-column.gif) no-repeat 0 0;
			width: 250px;
			min-height: 600px;
			height: auto !important;
			height: 600px;
			margin-left: 20px;
			}
			/* --------------------------------------------------------------------------------
			CONTENT -- MIDDLE COLUMN -- NEWS AND EVENTS
			-------------------------------------------------------------------------------- */
			#content #middle-column .news-and-events {
				padding: 10px;
				}
				#content #middle-column .news-and-events li {
					list-style: none;
					}
				#content #middle-column .news-and-events li,
				#content #middle-column .news-and-events li a {
					color: #73806c;
					line-height: 16px;
					text-decoration: none;
					}
				#content #middle-column .news-and-events li.odd {
					background: #eaebe1;
					border: double #FCFCFA;
					border-width: 3px 0;
					}
					#content #middle-column .news-and-events li a,
					#content #middle-column .news-and-events li p {
						display: block;
						padding: 10px;
						}
						#content #middle-column .news-and-events li img {
							float: left;
							border: none;
							padding: 0 8px 0 0;
							}
						#content #middle-column .news-and-events li a:hover {
							color: #42392c;
							}
						/*#content #middle-column .news-and-events li a:hover {
							color: #454d40;
							background: #9da698;
							}*/
				#content #middle-column a.special {
					display: block;
					background: #eaebe1;
					border: double #FCFCFA;
					border-width: 3px 0;
					margin: 10px;
					padding: 10px;
					font-size: 14px;
					line-height: 14px;
					font-weight: bold;
					text-decoration: none;
					text-align: center;
					color: #42392c;
					}
					#content #middle-column a:hover.special {
						text-decoration: underline;
						}
				
		/* --------------------------------------------------------------------------------
		CONTENT -- RIGHT COLUMN
		-------------------------------------------------------------------------------- */
		#content #right-column {
			background: #9da698 url(/ui/public/image/layout/content-right-column.gif) no-repeat 0 0;
			width: 250px;
			float: left;
			}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- NAVIGATION
			-------------------------------------------------------------------------------- */
			#content #right-column .navigation {
				padding: 10px 0;
				}
				#content #right-column .navigation li {
					list-style: none;
					padding: 0 20px;
					width: 210px;
					}
					#content #right-column .navigation li.active {
						background-color: #73806c;
						margin: 10px 0;
						padding: 5px 0 5px 10px;
						width: 240px;
						}
					#content #right-column .navigation li,
					#content #right-column .navigation li a {
						display: block;
						display: inline-block;
						font-size: 12px;
						line-height: 18px;
						text-decoration: none;
						color: #fff;
						}
						#content #right-column .navigation li a:hover {
							color: #42392c;
							}
					#content #right-column .navigation li li {
						width: 170px;
						}
						#content #right-column .navigation li li li {
							width: 130px;
							}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- BEFORE-AFTER
			-------------------------------------------------------------------------------- */
			#content #right-column .before-after {
				position: relative;
				background: #73806c;
				}
				#content #right-column .before-after .example {
					background: #73806c;
					min-height: 235px;
					height: auto !important;
					height: 235px;
					text-align: center;
					padding: 10px 35px 0;
					}
					#content #right-column .before-after .example img {
						display: block;
						border: 0;
						}
					#content #right-column .before-after .example p {
						display: block;
						background: #42392c;
						line-height: 20px;
						text-align: center;
						text-transform: uppercase;
						color: #fff;
						margin: 0 0 5px;
						}
						#content #right-column .before-after .example p a {
							color: #fff;
							text-decoration: none;
							}
					#content #right-column .before-after .example h3 {
						font-weight: normal;
						font-size: 14px;
						line-height: 20px;
						color: #ebebe0;
						text-transform: uppercase;
						padding: 3px 10px 3px;
						}
						#content #right-column .before-after .example h3 a {
							color: #ebebe0;
							text-decoration: none;
							}
							#content #right-column .before-after .example h3 a:hover {
								color: #fff;
								}
				#content #right-column .before-after .view-all a {
					color: #fff;
					text-decoration: underline;
					display: block;
					padding: 10px 0;
					}
					#content #right-column .before-after .view-all a:hover {
						text-decoration: none;
						}
				#content #right-column .before-after .prev,
				#content #right-column .before-after .next {
					position: absolute;
					top: 240px;
					background-repeat: no-repeat;
					background-position: 0 0;
					display: block;
					width: 25px;
					height: 25px;
					line-height: 25px;
					overflow: hidden;
					text-indent: -9999px;
					}
				#content #right-column .before-after .prev {
					left: 10px;
					background-image: url(/ui/public/image/layout/before-after-previous.gif);
					}
				#content #right-column .before-after .next {
					right: 10px;
					background-image: url(/ui/public/image/layout/before-after-next.gif);
					}
				#content #right-column .before-after #banner-navigation {
					padding: 20px 0;
					background: #9da698;
					}
					#content #right-column .before-after .examples {
						height: 140px;
						}
						
					#content #right-column .before-after .examples li {
						list-style: none;
						}
					#content #right-column .before-after .examples li,
					#content #right-column .before-after .examples li a {
						float: left;
						display: block;
						display: inline-block;
						}
					#content #right-column .before-after .examples li a {
						width: 85px;
						padding: 3px 20px;
						font-size: 10px;
						line-height: 12px;
						color: #f9f8f1;
						text-decoration: none;
						}
					#content #right-column .before-after .examples li a:hover {
						color: #42392c;
						}
					#content #right-column .before-after .examples li.selected a {
						color: #42392c;
						font-weight: bold;
						}
			#content #right-column .before-after a.view {
				display: block;
				height: 30px;
				background: url(/ui/public/image/layout/right-column-view-all.gif) no-repeat 50% 0;
				font-weight: bold;
				font-size: 12px;
				line-height: 30px;
				text-align: center;
				color: #edede2;
				text-decoration: none;
				}
				#content #right-column .before-after a:hover.view {
					text-decoration: underline;
					}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- FOLLOW ON FACEBOOK
			-------------------------------------------------------------------------------- */
			#content #right-column a.facebook {
				margin: 30px auto;
				width: 161px;
				height: 37px;
				background: url(/ui/public/image/layout/follow-on-fb.gif) no-repeat 0 0;
				text-indent: -3000px;
				display: block;
				}
	
	/* --------------------------------------------------------------------------------
	FOOTER
	-------------------------------------------------------------------------------- */
	#footer-wrapper {
		background: url(/ui/public/image/layout/footer-wrapper.gif) repeat-x 0 100%;
		width: 100%;
		padding: 0 0 10px;
		}
		#footer-bottom {
			background: url(/ui/public/image/layout/footer-bottom.gif) repeat-x 0 100%;
			width: 960px;
			margin: 0 auto;
			padding: 0 10px 10px;
			}
			#footer {
				position: relative;
				background: #ffffff url(/ui/public/image/layout/footer.gif) repeat-x 0 0;
				width: 960px;
				padding: 15px 0;
				border-top: solid 10px #9da698;
				}
				/* --------------------------------------------------------------------------------
				FOOTER -- LOGO
				-------------------------------------------------------------------------------- */
					#footer .logo {
						display: block;
						float: left;
						display: block;
						width: 140px;
						height: 140px;
						background: url(/ui/public/image/layout/footer-rejuvene-logo.gif) no-repeat 50% 50%;
						line-height: 140px;
						text-indent: -9999px;
						overflow: hidden;
						}
				/* --------------------------------------------------------------------------------
				FOOTER -- NAVIGATION
				-------------------------------------------------------------------------------- */
				#footer .navigation {
					float: left;
					width: 369px;
					border-left: solid 1px #edede1;
					padding: 0 20px 5px;
					}
					#footer ul li,
					#footer ul li a {
						list-style: none;
						float: left;
						line-height: 16px;
						color: #433a2d;
						font-size: 12px;
						font-weight: normal;
						white-space: nowrap;
						}
						#footer .navigation li a {
							display: block;
							background: url(/ui/public/image/layout/footer-navigation.gif) no-repeat 100% 53%;
							text-decoration: none;
							padding: 0 21px 0 0;
							}
						#footer .navigation li.first,
						#footer .navigation li.first a {
							clear: both;
							float: none;
							background: none;
							font-weight: bold;
							line-height: 26px;
							}
						#footer .navigation li a:hover {
							text-decoration: underline;
							}
						#footer .navigation li.last a {
							background: none;
							}
	/* --------------------------------------------------------------------------------
	SITE BY
	-------------------------------------------------------------------------------- */
	#site-by {
		position: relative;
		background: url(/ui/public/image/layout/site-by-chico-web-design.gif) no-repeat 50% 50%;
		width: 113px;
		height: 30px;
		margin: 20px auto;
		}
		#site-by a {
			display: block;
			line-height: 30px;
			text-indent: -9999px;
			overflow: hidden;
			}