<!--

	/*----------------------------------------------------------------------

		Andrea Ubhi
		www.andreaubhi.com

		Developed by Designition Ltd - www.designition.co.uk

		Copyright 2009 Andrea Ubhi

	----------------------------------------------------------------------*/



	/*
		HTML and Body
	----------------------------------------------------------------------*/

	html {}

		body {
			background: #fff url('/img/design/body.png') center top repeat-x;
			text-align: center;
		}

			body.before_after_body {
				background: none;
			}

			.wrapper {
				background: url('/img/design/wrapper.png') center top repeat-y;
				text-align: left;
				margin:     0 auto 40px;
				width:      860px;
			}



	/*
		Header
	----------------------------------------------------------------------*/

	#header {
		background: url('/img/design/header.png') center top no-repeat;
		height:     150px;
		padding:    20px 20px 0;
	}

		.portrait {
			display: block;
			float:   left;
			width:   210px;
		}

		.logo {
			float:        left;
			padding-left: 25px;
			text-align:   center;
			width:        355px;
		}

			.logo h1 {
				margin-top: 42px;
			}

				.logo h1 a {
					background:  url('/img/design/andreaubhi.png') center center no-repeat;
					display:     block;
					height:      63px;
					text-indent: -10000px;
					width:       351px;
				}

					.logo h1 a:hover {}

		.phone_number {
			float:      left;
			text-align: right;
			width:      210px;
		}

			.phone_number p {
				color:          #6b6b6b;
				font-size:      1.5em;
				line-height:    1.2;
				margin-top:     64px;
				text-transform: uppercase;
			}

			.phone_number span {
				display: block;
				font-size: 1.6em;
			}

		.ask_image {
			float:      left;
			text-align: right;
			width:      210px;
		}

	/*
		Page Contents
	----------------------------------------------------------------------*/

	#page {
		padding: 20px 40px 0;
	}



	/*
		Content
	----------------------------------------------------------------------*/

	#content {
		float: right;
		width: 540px;
	}
/*
		body.home #content {
			float: none;
			width: 780px;
		}

			body.home #content .home_portrait {
				float:       right;
				margin-left: 20px;
			}
			*/



		/*	Home page elements	*/

		.home_intro {}

			.home_intro p {
				color:         #000;
				font-size:     1.6em;
				line-height:   1.3;
				margin-bottom: 1em;
			}

			.home_intro ul {
				color:     #000;
				font-size: 1.3em;
			}

		.home_image {
			display: inline;
			float:   right;
			margin:  0 0 1em 1em;
			width:   250px;
		}

			.home_image img {
				display: block;
			}

			.home_image p {
				color:      #6e6e6e;
				font-size:  1.3em;
				margin:     0;
				text-align: right;
			}

		.mag_offer {
			background: #090909;
			clear:      both;
			color:      #fff;
			margin:     20px 0;
			padding:    15px;
		}

			.mag_offer h3 {
				font-style:     italic;
				margin:         0 0 15px;
				text-transform: none;
			}

			.mag_offer p {
				margin: 0;
			}

		ul.quick_links {
			border-top:  1px solid #cecece;
			clear:       both;
			margin:      0;
			padding-top: 20px;
		}

			.quick_links li {
				display:    inline;
				float:      left;
				font-size:  1em;
				list-style: none;
				margin:     0 10px 0 0;
				width:      171px;
				border:		1px solid #6e6e6e;
			}

				.quick_links li:hover {
					background: #090909;
				}

				.quick_links li.last {
					margin: 0;
				}

			.quick_links a {
				background:      #fff;
				color:           #6e6e6e;
				display:         block;
				padding:         10px;
				text-decoration: none;
			}

				.quick_links li:hover a,
				.quick_links a:hover {
					background: #090909;
					color:      #fff;
				}

			.quick_links span {
				display:     block;
				font-size:   1.4em;
				line-height: 1.5em;
			}

				.quick_links span.title {
					border-bottom:  1px solid;
					font-size:      1.6em;
					line-height:    1;
					text-transform: uppercase;
					margin-bottom:  10px;
					padding-bottom: 10px;
				}


		/*	Content page elements	*/

		dl.contact_details {
			width: 200px;
		}
		
			.contact_details dt {
				display:        -moz-inline-stack;
				display:        inline-block;
				*display:       inline;
				min-height:     1px;
				text-transform: uppercase;
				width:          50px;
				vertical-align: top;
				zoom:           1;
			}

			.contact_details dd {
				display:        -moz-inline-stack;
				display:        inline-block;
				*display:       inline;
				margin-bottom:  0;
				min-height:     1px;
				width:          150px;
				vertical-align: top;
				zoom:           1;
			}

				.contact_details p {
					margin: -2px 0 0 0;
				}

		form.booking_form {
			padding-top: 1em;
		}

			.booking_form button {
				clear:          both;
				padding:        4px 7px;
				vertical-align: top;
			}

			.booking_form label {
				float:          left;
				font-weight:    bold;
				min-height:     1px;
				padding-top:    3px;
				text-transform: uppercase;
				width:          150px;
				vertical-align: middle;
				zoom:           1;
			}

			.booking_form input {
				color:          #6e6e6e;
				padding:        3px;
				vertical-align: middle;
				width:          242px;
			}

			.booking_form p.terms {
				font-weight: normal;
			}

				.booking_form p.terms input {
					width: auto;
				}

				.booking_form p.terms label {
					display: inline;
					float:   none;
					width:   auto;
				}

			.booking_form p.tos_chat {}

				.booking_form p.tos_chat input {
					display:    inline;
					float:      left;
					margin-top: 4px;
					width:      auto;
				}

				.booking_form p.tos_chat label {
					display:        inline;
					float:          right;
					font-weight:    normal;
					padding:        0;
					text-transform: none;
					width:          510px;
				}

			.booking_form select {
				color:          #6e6e6e;
				padding:        3px;
				vertical-align: top;
				width:          252px;
			}

			.booking_form textarea {
				font-family:    Calibri, Arial, sans-serif;
				color:          #6e6e6e;
				padding:        0 3px;
				vertical-align: top;
				width:          244px;
			}

		form.contact_form {
			padding-top: 1em;
		}

			.contact_form button {
				margin-left:    80px;
				vertical-align: top;
			}

			.contact_form label {
				display:        -moz-inline-stack;
				display:        inline-block;
				*display:       inline;
				font-weight:    bold;
				min-height:     1px;
				padding-top:    3px;
				text-transform: uppercase;
				width:          80px;
				vertical-align: top;
				zoom:           1;
			}

			.contact_form input {
				color:          #6e6e6e;
				padding:        3px;
				vertical-align: top;
				width:          242px;
			}


			.contact_form textarea {
				font-family:    Calibri, Arial, sans-serif;
				color:          #6e6e6e;
				padding:        0 3px;
				vertical-align: top;
				width:          244px;
			}

			#contact_freeconsult {
				
				color:#00f;
				background:#ddd;
				padding:        3px;
				vertical-align: top;
				width:          24px;
			}

		h2.home_title {
			border:         0;
			color:          #000;
			font-size:      3.2em;
			font-style:     italic;
			font-weight:    bold;
			line-height:    1;
			margin:         0 0 .5em;
			padding:        0;
			text-transform: none;
		}

		h2.title {
			border-bottom:  1px solid;
			font-size:      2.2em;
			font-weight:    normal;
			line-height:    1.5;
			padding-bottom: .5em;
			margin:         0 0 1em 0;
		}

		h2.title span.qualifications {
			display:	block;
			font-size: 0.6em;
		}

		h3.gmap {
			margin-top: 0;
		}

		body.before-after h3 {
			margin-bottom: 1em;
		}

		div.alert {
			background:   #f0f0f0;
			border: 1px solid #e0e0e0;
			padding: 1em 0;
		}

			.alert ul {
				margin-bottom: 0;
			}

		h4.gmap {
			margin: 0 0 .75em 0;
		}

		hr.price_divider {
			margin-top: 5px;
		}

		img.cms_image,
		img.thumbs {
			background: #f7f7f7;
			border: 1px solid #e7e7e7;
			float: right;
			padding: 4px;
			margin: 0 0 1em 1em;
		}

		p.breadcrumb {
			color: #999;
		}

			.breadcrumb a {
				color: #888;
			}

		p.gmap {
			margin-bottom: 0;
		}

		span.up {
			font-size: .5em;
			vertical-align: super;
		}

		ul.documents {
			background: #f7f7f7;
			border:     1px solid #e7e7e7;
			padding:    1em 0 .5em 0;
		}

			.documents li {
				background-position: left 4px;
				background-repeat: no-repeat;
				margin:       0 1em .5em 1em;
				list-style:   none;
				padding-left: 24px;
			}

				.documents li.doc { background-image: url('/img/icons/doc.png'); }
				.documents li.pdf { background-image: url('/img/icons/pdf.png'); }
				.documents li.xls { background-image: url('/img/icons/xls.png'); }

		ul.before_after {
			background: #f7f7f7;
			border:     1px solid #e7e7e7;
			margin:     0 0 20px 0;
			padding:    0;
		}

			.before_after li {
				display:        inline;
				float:          left;
				list-style:     none;
				margin:         7px 0 0 19px;
				padding:        0;
				vertical-align: top;
				width:          240px;
			}

				.before_after li a {
					text-decoration: none;
				}
				
				.before_after li h4 {
					margin-top: .5em;
				}

		ul.price_list {
			margin: 0 0 20px;
			padding: 0;
		}

			.price_list li {
				list-style: none;
				margin:     0 0 10px;
				padding:    10px 0;
			}

				.price_list li h4 {
					clear:   both;
					color:   #090909;
					display: inline;
					float:   left;
					margin:  0;
				}

				.price_list li p {
					border-top:  1px solid #e3e3e3;
					clear:       both;
					margin:      0;
					padding-top: 1em;
				}

					.price_list li p.price {
						border:      none;
						clear:       none;
						display:     inline;
						float:       right;
						font-weight: bold;
						padding:     0;
					}

		ul.treatments_list {
			padding: 0;
		}

			.treatments_list li {
				clear:      both;
				list-style: none;
				margin:     0 0 10px 0;
				padding:    10px 0;
			}

				.treatments_list li h3 {
					border-bottom:  1px solid #e3e3e3;
					color:          #090909;
					margin:         0 0 .75em 0;
					padding-bottom: 5px;
				}

					.treatments_list li h3 a {
						text-decoration: none;
					}

				.treatments_list li p {}

				.treatments_list li img {
					float:  left;
					margin: 0 1em 1em 0;
				}

		/*	MODAL WINDOW STYLES  */
		
		.modal_overlay {
			background: #111;
			bottom:     0;
			left:       0;
			margin:     0;
			padding:    0;
			position:   fixed;
			right:      0;
			top:        0;
			z-index:    101;
		}

			* html .modal_overlay {
				position: absolute;
			}

		.modal_content {
			background:  #fff;
			left:        50%;
			padding:     0;
			margin-left: -185px;
			position:    fixed;
			top:         50%;
			width:       370px;
			z-index:     102;
		}

			* html .modal_content {
				position: absolute;
			}

		.before_after_content {
			background: #f7f7f7;
			margin:     0 auto;
			text-align: left;
			width:      370px;
		}

			body.before_after_body .before_after_content {
				border:     1px solid #e7e7e7;
				margin-top: 50px;
				width:      372px;
			}

			.before_after_content .head {
				padding: 15px 10px 10px 10px;
			}

			.before_after_content .nav {
				float: left;
			}

				.before_after_content .head a {
					padding:         5px 10px;
					text-decoration: none;
				}

					.before_after_content .head a:hover,
					.before_after_content .head a.active {
						background: #f0f0f0;
						border:    1px solid #d0d0d0;
						padding:   4px 9px;
					}

			.before_after_content .button {
				float: right;
			}

			.before_after_content h3 {
				clear:   both;
				margin:  5px 0 0 0 !important;
				padding: 0 10px;
			}

			.before_after_content p {
				margin: 0;
			}

			.before_after_content .image {
				padding:    10px 10px;
				text-align: center;
			}

			.before_after_content .desc {
				border: 10px solid #e9e9e9;
				padding: 10px;
			}

		ul.team_list {}

			.team_list a {}

				.team_list a.thumb {
					float: left;
					width: 125px;
				}

					.team_list a.thumb:hover img {
						border-color: #ccc;
					}

			.team_list div.desc {
				float: right;
				width: 400px;
			}

			.team_list h3 {
				font-size:      1.1em;
				text-transform: none;
			}

			.team_list img {
				background: #f7f7f7;
				border:     1px solid #e7e7e7;
				padding:    4px;
			}

			.team_list li {
				border-bottom:  1px solid #ccc;
				list-style:     none;
				margin:         0;
				padding-bottom: 15px;
			}

				.team_list li:hover a.thumb img {
					border-color: #ccc;
				}

			.team_list p {
				margin: 0;
			}

				.team_list p.read_more {
					float: right;
				}



	/*
		Sidebar
	----------------------------------------------------------------------*/

	#sidebar {
		background: #ccc;
		float:      left;
		width:      220px;
	}

		ul.navigation {
			background: #e5e5e5;
			margin:     0;
			color:      #2e2e2e;
		}

			.navigation li {
				border-bottom: 1px solid #9f9f9f;
				font-size:     1.4em;
				list-style:    none;
				margin:        0;
			}

				.navigation li.last {
					border: 0;
				}

				.navigation li a {
					background:      #333;
					color:           #d6d6d6;
					display:         block;
					padding:         8px 0 8px 10px;
					text-decoration: none;
					text-transform:  uppercase;
					width:           210px;
				}

					.navigation li a:hover {
						text-decoration: underline;
					}

				.navigation li.active {
					border: none;
				}

					.navigation li.active a {
						background:  #f4f4f4;
						color:       #000;
						font-weight: bold;
					}

						.navigation li.active a:hover {
							text-decoration: none;
						}

					.navigation li.active ul {
						background: #e5e5e5;
						margin:     0;
						padding:    0 10px;
					}

						.navigation li.active ul li {
							font-size: 1em;
						}

							.navigation li.active ul li.last {
								border: 0;
							}

							.navigation li.active ul li a {
								background: #e5e5e5;
								color:      #2e2e2e;
								font-weight: normal;
								width:      190px;
							}

								.navigation li.active li a:hover {
									text-decoration: underline;
								}

								.navigation li.active li.active {
									border-bottom: 1px solid #9f9f9f;
								}

									.navigation li.active li.active a {
										background:  #fff;
										color:       #000;
										font-weight: bold;
									}

									.navigation li.active li.active a:hover {
										text-decoration: none;
									}

		div.logos {
			background: #fff;
		}

			div.logos p {
				margin:      0;
				padding-top: 1em;
				text-align:  center;
			}




	/*
		Footer
	----------------------------------------------------------------------*/

	#footer {
		background: url('/img/design/footer.png') center bottom no-repeat;
		padding:    40px;
	}

		.footer_logo {
			float:       left;
			padding-top: 12px;
			width:       240px;
		}

		.contact_etc {
			float: left;
			width: 540px;
		}
			/*
			body.home .contact_etc {
				float: none;
				width: auto;
			}
			*/

		#footer a {
			color:           #686868;
			text-decoration: none;
		}

			#footer a:hover {
				text-decoration: underline;
			}

		#footer hr {
			margin: 7px 0;
		}

		#footer p {
			color:      #b5b5b5;
			font-size:  1.2em;
			margin:     0;
			text-align: right;
		}
/*
			body.home #footer p {
				font-size:  1.4em;
				text-align: left;
			}
*/
			body #footer p.address {
				color:          #0c0c0c;
				font-size:      1.6em;
				text-transform: uppercase;
			}


	.book_table { margin: 0 0 20px 0; font-size: 1.6em; width: 100%; }
	.book_table th { padding: 5px 12px; border: 1px solid #E5E5E5; text-align: center; }
	.book_table td { padding: 5px 12px 5px 12px; border: 1px solid #E5E5E5; text-align: center; }
	.book_table .left { text-align: left; }

	.book_table tr.booked td { background: #fde6e6; }
	.book_table tr.reserved td { background: #fcfce2; }
	.book_table tr.available td { background: #deffef; }

	.book_table th { background: #333; color: #C3C3C3; font-weight: normal; }
	.book_table, .book_table th, .book_table td { border: 1px solid #333; }

	#booking_dropdown { margin-top: 30px; }
	#booking_dropdown label { font-weight: bold; }
	#booking_dropdown p.drop { width: 300px; padding: 2px; float: right; text-align: right; }
	#booking_dropdown p.key { }

	#booking_dropdown p.key span { display: block; padding: 3px 4px 2px 4px; width: 60px; margin-right: 2px; float: left; text-align: center; border: 1px solid #333; }
	#booking_dropdown p.key span.booked { background: #fde6e6; }
	#booking_dropdown p.key span.reserved { background: #fcfce2; }
	#booking_dropdown p.key span.available { background: #deffef; }

	.confirm_table { margin: 0 0 5px 0; font-size: 1.6em; width: 100%; }
	.confirm_table th { padding: 5px 12px; border: 1px solid #E5E5E5; width: 100px; }
	.confirm_table td { padding: 5px 12px 5px 12px; border: 1px solid #E5E5E5; }

	p.update_para { margin: 0 0 20px 0; font-size: 1.3em; text-align: right; }


	table.confirm_table { }
	table.confirm_table { }
	table.confirm_table { }
	table.confirm_table { }
	table.confirm_table { }

#temp_debug { background: #eee; position: absolute; left: 5px; top: 5px; width: 300px; padding: 5px; text-align: left; }
#temp_debug h4 { border-bottom: 1px solid #004B8F; }
#temp_debug pre { font-family: Arial; }
.other_debug { text-align: left; }

.home_offer a { color: #fff; }

-->