/* Page layout */
html, body
{
	height: 100%;
}
*
{
	margin: 0;
	padding: 0;
}
#holder
{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 20px 0 20px;
	width: 740px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	z-index: 1;
}
/* Gives content background full-height (for backgrund tiling image backup) */
#holder_inside
{
	width: 740px;
	height: 100%;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	z-index: 2;

}
#holder_head
{
	position: absolute;
	top: 0;
	z-index: 5;
}
#head
{
	position: relative;
	padding: 1.2em 2.4em 0 1.6em;
	z-index: 3;
}
#menu
{
	width: 740px;
	z-index: 4;
	overflow: hidden;
}
#holder_content
{
	position: relative;
	clear: both;
	padding: 0 3em 60px 3em;
	height: auto;
	z-index: 3;
}
/*\*/
* html #holder_content
{
	height: 100px;
}
/**/
#holder_content:after
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
#content
{
	width: 70%;
	float: right;
}
.breadcrumb {
	margin: 0.3em 0 0 0;
	padding: 0.4em 0 0.4em 3em;
	font: normal 11px verdana, arial, sans-serif;
}
#quote
{
	width: 28%;
	float: left;
}
#content,
#quote
{
	padding: 420px 0 3em 0;
}

#holder_footer
{
	width: 740px;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 6em;
	z-index: 3;
}
#footer
{
	padding: 0 40px 0 40px;
}
#footer-inner
{
	border-top: solid 1px #ccc;
	padding: 8px 0 0 0;
}
	#footer span
	{
		display: block;
		text-align: right;
	}
	#footer img
	{
		float: right;
		margin-left: 6px;
	}
	#footer ul
	{
		float: left;
	}
		#footer ul li
		{
			display: inline;
		}
			#footer ul li a
			{
				margin: 0 6px 0 0;
			}
.clear
{
	clear: both;
	display: block;
}
#banner
{
	position: relative;
	height: 238px;
	width: 740px;
	z-index: 3;
	overflow: hidden;
}
.home #banner
{
	background: url("../images/banners/home.jpg") no-repeat bottom left;
}
.contact #banner
{
	background: url("../images/banners/contact.jpg") no-repeat bottom left;
}
.team #banner
{
	background: url("../images/banners/team.jpg") no-repeat bottom left;
}
.appointments #banner
{
	background: url("../images/banners/appointments.jpg") no-repeat bottom left;
}
.orthodontics #banner
{
	background: url("../images/banners/orthodontics.jpg") no-repeat bottom left;
}
.testimonials #banner
{
	background: url("../images/banners/testimonials.jpg") no-repeat bottom left;
}
#quote p
{
	margin: 0 2em 0 0;
}
#content ul
{
	margin: 1em 0 1.4em 16px;
}
img
{
	border: none;
}
img#map {
	border: solid 1px #ccc;
	margin: 0 0 20px 0;
}
div.hr {
	clear: both;
	height: 1px;
	margin: 0 0 0 0;
	border-top: solid 1px #ccc;
	overflow: hidden;
}
hr {
	display: none;
}
#logo
{
	height: 48px;
	width: 218px;
	display: block;
	position: relative;
	z-index: 1;
}
h3
{
	margin: 0 0 0.7em 0;
	padding: 0.46em 0 0.2em 0;
	border-bottom: solid 1px #d3d5d5;

}
#quote h2
{
	margin: 0 1.4em 0.7em 0;
	padding: 1.08em 0 0.2em 0;
	border-bottom: solid 1px #d3d5d5;
}
p
{
	margin: 0 0 1.4em 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
p.testimonial {
	font-size: 120%;
}
	p.testimonial span {
		display: block;
		text-align: left;
		font-size: 80%;
		font-weight: bold;
		margin: 6px 0 0 0;
		color: #807FB4;
	}


/* Bottom menu */
	#bottom
	{
		padding-top: 6px;
	}
	#bottom .left
	{
		float: left;
	}
	#bottom .left a
	{
		padding-left: 0;
	}
	#bottom .right
	{
		float: right;
		margin-right: 90px;
	}

/* Top & Bottom menu */
	#top
	{
		position: absolute;
		top: 16px;
		margin: 0 0 0 0;
		right: 20px;
		z-index: 101;
	}
	#top li,
	#bottom p
	{
		display: inline;
	}
	#top li a,
	#bottom a
	{
		padding: 0 8px 0 5px;
	}
	#top li.right a,
	#bottom .right a
	{
		padding-right: 0;
	}
/* Main menu */
	div#main
	{
		width: 680px;
		padding: 0 0 0 1.4em;
	}
		div#main ul
		{
			list-style: none;
			margin: 0;
			position: relative;
		}
			div#main ul li
			{
				float: left;
				position: relative;
				display: block;
			}
				div#main ul li a
				{
					display: block;
					padding: 1em 1em;
					margin: 0;
					text-align: center;
				}


	#quote ul,
	#quote ul li
	{
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none none;
	}
	#quote ul {
		top: -14px;
		margin: 0 30px 0 0;
	}
	#quote ul ul {
		margin: 16px 0 0 0;
	}
	#quote ul li {
		background: url("../images/li_bg.gif") no-repeat 0 11px;
		border-bottom: solid 1px #ccc;
		font-weight: bold;
		padding: 5px 0 5px 14px;
	}
	#quote ul li li,
	#quote ul li.selected li {
		font-weight: normal;
		border: none;
		background-image: none;
		padding: 1px 0 0 0px;
	}
	#quote ul li.selected {
		background: url("../images/li_bg_selected.gif") no-repeat 0 11px;
	}
	#quote ul li ul {
		display: none;
	}
	#quote ul li.selected ul {
		display: block;
	}
	#quote ul li a {
		color: #787575;
		display: block;
		padding: 4px 0 4px 0;
		line-height: 1.1em;
	}
	#quote ul li li a {
		padding: 3px 0 3px 0;
	}
	#quote ul li.selected li a,
	#quote ul li.selected li.selected a,
	#quote ul li.selected li.selected li a
	{
		color: #6B6D76;
	}
	#quote ul li.selected a,
	#quote ul li.selected a:hover
	{
		color: #000;
	}
	#quote ul li.selected li.selected a,
	#quote ul li.selected li.selected a:hover,
	#quote ul li.selected li.selected li.selected a,
	#quote ul li.selected li.selected li.selected a:hover
	{
		color: #000;
	}
	#quote ul li a:hover
	{
		color: #000;
	}
	#quote ul li.dentist-services a:hover,
	#quote ul li.selected li a:hover,
	#quote ul li.selected li.selected li a:hover
	{
		color: #000;
	}
	#quote ul ul ul,
	#quote ul .selected ul ul {
		display: none;
	}


	#quote #actions {
		margin-top: 20px;
	}
	#quote #actions li {
		background-image: none;
		border: none;
		background: url("../images/action_bg.gif") #807FB4 no-repeat center center;
		margin: 10px 0 0 0;
		padding: 0;
	}
		#quote #actions li a {
			height: 2.4em;
			margin: 0;
			padding: 12px 14px 14px 14px;
			color: #fff;
			font-weight: normal;
			font-size: 110%;
		}




#xhtml
{
	position: absolute;
	top: 7px;
	right: 39px;
	width: 82px;
	height: 17px;
	background: url("../images/xhtml.gif") no-repeat;
}


#details {
	text-align: right;
	padding: 70px 0 8px 0;
	margin: 0;
}
#details p {
	padding: 0;
	margin: 0 0 8px 0;
}
#details strong {
	margin: 0 0 0 12px;
}










































/* Fonts */
body
{
	font: normal 0.8em arial, verdana, tahoma, sans-serif;
	line-height: 1.4em;
}
#holder
{
	text-align: left;
}
#holder_content:after
{
	font: 1px/0px serif;
}
.breadcrumb {
	text-transform: lowercase;
}
#footer
{
	font: normal 0.86em arial, verdana, tahoma, sans-serif;
}
#quote p
{
	font-size: 0.9em;
	line-height: 1.6em;
}
#quote ul,
#quote ul li
{
	list-style: none none;
}
#menu div#top ul
{
	text-transform: lowercase;
}
a
{
	text-decoration: none;
}
h3
{
	font: normal 2.2em 'Myriad Pro', arial, verdana, tahoma, sans-serif;
}
#quote h2
{
	font: normal 1.6em 'Myriad Pro', arial, verdana, tahoma, sans-serif;
}
	#top ul
	{
		text-align: right;
	}
	#top li a
	{
		font: normal 0.9em arial, verdana, tahoma, sans-serif;
	}
	#bottom p
	{
		font: normal 0.86em arial, verdana, tahoma, sans-serif;
	}
				div#main ul li a
				{
					font: normal 1.1em/0.8em arial, verdana, tahoma, sans-serif;
					white-space: nowrap;
				}

#details p {
	font: normal 0.9em/1.4em arial, verdana, tahoma, sans-serif;
	line-height: 1.2em;
}












/* Colours */
body
{
	color: #646466;
	background: url("../images/bg.gif") #9b9c9e no-repeat top center;
}
#holder
{
}
#holder_inside
{
	background: #fff;
}
#holder_content
{
	background: #fff;
}

#head
{
	background: #fff;
}
#details {
	background: url("../images/logo.gif") no-repeat 8px 0px;
	color: #87878b;
}
#menu
{
	background-color: #807fb4;
}
#quote
{
	color: #302e28;
}

#holder_footer
{
	background: #fff;
}
	a
	{
		color: #8180B5;
	}
#banner
{
}
#quote a
{
	color: #302e28;
}
a:hover
{
	color: #000;
}
h2, h3
{
	border-color: #d3d5d5;
	color: #807fb4;
}
div.hr {
	border-color: #d3d5d5;
}
/* Top & Bottom menu */
	#bottom,
	#top li a
	{
		border-color: #d3d5d5;
		color: #807fb4;
	}
	#bottom p,
	#bottom a
	{
		color: #666;
	}
	#top li a.selected,
	#bottom a.selected,
	#top li a:hover,
	#bottom a:hover
	{
		color: #000;
	}
/* Main menu */
		div#main ul
		{
			background-color: #807fb4;
		}
				div#main ul li a
				{
					color: #DDDFC8;
				}
	div#main a:hover
	{
		color: #fff;
	}
	













/* Contact Form */

.contact-form {
	position: relative;
	border: solid 1px #ccc;
	padding: 20px;
	margin: 0 0 20px 0;
	overflow: hidden;
}
	.contact-form form {
		padding: 0;
		margin: 0;
		clear: right;
	}
	.contact-form fieldset {
		padding: 30px;
		margin: 0;
		border: solid 1px #ccc;
		background: #EFEDED;
	}
	.contact-form fieldset.radio {
		padding: 0;
		margin: 0 0 20px 0;
		border: none;
		background: #EFEDED;
	}
	.contact-form h4 {
		position: relative;
		display: block;
		padding: 4px 7px;
		margin: 0 0 0 0;
		border: none;
		font: bold 14px Arial, Verdana, Helvetica, sans-serif;
		background: #807FB4;
		color: #fff;
		border-top: solid 20px #EFEDED;
		border-bottom: solid 20px #EFEDED;
	}
	.contact-form label {
		position: relative;
		display: block;
		margin: 0 0 6px 0;
		padding: 0;
		height: auto;
		overflow: hidden;
	}
	.contact-form strong.required {
		color: #A80000;
		cursor: help;
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;
		width: auto;
		height: auto;
		float: none;
	}
		.contact-form label input,
		.contact-form label textarea {
			font: normal 13px Arial, Verdana, Helvetica, sans-serif;
			width: 350px;
			border: solid 1px #ccc;
			padding: 2px 3px;
		}
		.contact-form label input.checkbox {
			position: relative;
			width: 14px;
			height: 14px;
			border: none;
			margin: 5px 0 0 0;
			padding: 0;
			bottom: 0;
		}
		.contact-form label input,
		.contact-form label textarea,
		.contact-form label select {
			float: left;
			margin: 0;
		}
		.contact-form label textarea {
			height: 6.2em;
			overflow: auto;
		}
		.contact-form label textarea.length2 {
			height: 11.2em;
		}
		.contact-form label select {
			height: auto;
		}
			.contact-form label select option {
				display: block;
				width: 100%;
			}
		.contact-form label span {
			position: relative;
			top: 2px;
			display: block;
			margin-right: 0.8em;
		}
		.contact-form fieldset.radio legend {
			margin: 0 0 0 0;
			padding: 0;
		}
		.contact-form fieldset.radio label {
			float: left;
			display: inline;
			margin: 0 10px 0 0;
			padding: 0;
		}
		.contact-form fieldset.radio label span {
			float: left;
			display: inline;
			margin: 0;
			padding: 0;
		}
		.contact-form fieldset.radio label input {
			position: relative;
			display: inline;
			float: left;
			border: none;
			width: 12px;
			height: 12px;
			margin: 0 0 0 6px;
			padding: 0;
			top: 6px;
		}
		.contact-form input.submit {
			margin: 14px 0 0 12.2em;
			/*
			border: default;
			*/
			cursor: pointer;
		}

	.contact-form p.requirednotice {
		position: relative;
	}

	/* Red */
	.contact-form p.warning {
		position: relative;
		top: 0;
		margin: 0 0 0 0;
		padding: 2px 6px;
		color: #fff;
		background: #A80000;
	}
		.contact-form p.warning strong {
			display: block;
		}
		#content .contact-form p.warning a {
			position: relative;
			color: #fff;
			text-decoration: none;
		}
		.contact-form label.red input,
		.contact-form label.red textarea {
			border-color: #A80000;
		}
		.contact-form label.red {
			color: #A80000;
		}

	/* Green */
	.contact-form p.success {
		position: relative;
		margin: 20px 0 0 0;
		color: #00A800;
	}