* 		{ margin: 0; padding: 0; }
a 		{ outline: none; }
a img 	{ border: none; }
address	{ font-style: normal; }
html 	{ background-color: #fffff2; color: #5d5653; }
.hr hr 	{ display: none; }
.hr 	{ border-top: dotted 1px #5d5653; height: 1px; overflow: hidden; padding-bottom: 15px; }
.left	{ float: left; margin-top: 20px; }
.right	{ float: right; }
.clear	{ clear: both; margin: 0; padding: 0; }

/* ---------- Layout ---------- */

#layout-wrap {
	width: 960px;
	margin: 0 auto 30px;
	padding: 10px 0 30px 0;
	}
	
#header h1 {
	height: 45px;
	background: transparent url(assets/logo.gif) no-repeat left top;
	font-size: 10px;
	text-indent: -9000px;
	overflow: hidden;
	}
	
#banner {
	height: 120px;
	margin-bottom: 10px;
	}

/* ---------- Menu ---------- */

#menu {
	display: block;
	background: transparent url(assets/menu.gif) no-repeat left top;
	height: 48px;
	width: 943px;
	margin-bottom: 30px;
	list-style-type: none;
	padding-left: 18px;
	}
	
#menu li {
	float: left;
	height: 48px;
	list-style-type: none;
	}
	
#menu li a {
	display: block;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
	}
	
#menu li a:hover, 
#menu li a.active {
	background: transparent url(assets/menu.gif) no-repeat left top;
	}
	
/* Tab width */
#menu li.welcome a				{ width: 88px;  }
#menu li.why-us a				{ width: 88px;  }
#menu li.our-expertise a		{ width: 124px; }
#menu li.what-we-offer			{ width: 132px; }
#menu li.procedures a			{ width: 104px; }
#menu li.whats-new a			{ width: 114px;  }
#menu li.videos a				{ width: 71px;  }
#menu li.fees a					{ width: 59px;  }
#menu li.talk-to-us a			{ width: 99px;  }

/* Tab start points */
#menu li.welcome a:hover,
#menu li.welcome a.active		{ background-position: -18px -48px; }
#menu li.why-us a:hover,
#menu li.why-us a.active		{ background-position: -106px -48px; }
#menu li.our-expertise a:hover,
#menu li.our-expertise a.active	{ background-position: -194px -48px; }
#menu li.what-we-offer a:hover,
#menu li.what-we-offer a.active	{ background-position: -318px -48px; }
#menu li.procedures a:hover,
#menu li.procedures a.active	{ background-position: -450px -48px; }
#menu li.whats-new a:hover,
#menu li.whats-new a.active		{ background-position: -554px -48px; }
#menu li.videos a:hover,
#menu li.videos a.active		{ background-position: -668px -48px; }
#menu li.fees a:hover,
#menu li.fees a.active			{ background-position: -739px -48px; }
#menu li.talk-to-us a:hover,
#menu li.talk-to-us a.active	{ background-position: -798px -48px; }

/* ---------- Columns ---------- */

#content-wrap 				{ width: 960px; overflow: hidden; }
#content-wrap .column-1,
#content-wrap .column-2,
#content-wrap .column-23,
#content-wrap .column-3		{ float: left; overflow: hidden; }
#content-wrap .column-1		{ width: 210px; margin-right: 30px; }
#content-wrap .column-2		{ width: 480px; margin-right: 30px; }
#content-wrap .column-23	{ width: 720px; }
#content-wrap .column-3		{ width: 210px; }

/* ---------- Treatments ---------- */

#treatments-side .header { margin-bottom: 10px; overflow: hidden; }
/* #treatments-side h2 {
	height: 30px;
	background: transparent url(assets/sub-menu-cap.gif) no-repeat left top;
	text-indent: -1000px;
} Delete if not needed */

#treatments-side ul {
	display: block;
	list-style-type: none;
	border-top: dotted 1px #5d5653;
	}
	
#treatments-side ul li {
	display: block;
	border-bottom: dotted 1px #5d5653;
	}
	
#treatments-side ul li a {
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 75%;
	display: block;
	padding: 0.5em 30px 0.5em 30px;
	color: #5d5653 !important;
	text-decoration: none;
	vertical-align: middle;
	}
	
#treatments-side ul li a:hover,
#treatments-side ul li a.active { 
	color: #fffff2 !important; 
	border-bottom: none; 
	}
	
.red 	#treatments-side ul li a:hover,
.red	#treatments-side ul li a.active	{ background-color: #e15019; }
.orange	#treatments-side ul li a:hover,
.orange	#treatments-side ul li a.active	{ background-color: #ffb30d; }
.aqua	#treatments-side ul li a:hover,
.aqua	#treatments-side ul li a.active	{ background-color: #9df2e7; }
.purple	#treatments-side ul li a:hover,
.purple	#treatments-side ul li a.active	{ background-color: #c9a8e5; }
.blue	#treatments-side ul li a:hover,
.blue	#treatments-side ul li a.active	{ background-color: #76daf3; }

/* ---------- Content ---------- */

#content-wrap h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 140%;
	height: 30px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #5d5653;
	margin-bottom: 10px;
	}
	
#content-wrap h1.secondary-heading { margin-top: 30px; }
#content-wrap h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	line-height: 180%;
	font-size: 100%;
	margin-bottom: 0.5em;
	}
	
.red	#content-wrap h2 { color: #e15019; }
.orange	#content-wrap h2 { color: #ffb30d; }
.aqua	#content-wrap h2 { color: #73dcce; } /* Not the official color */
.purple	#content-wrap h2 { color: #b38ed2; } /* Not the official color */
.blue	#content-wrap h2 { color: #5ec8e2; } /* Not the official color */

#content-wrap h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	line-height: 180%;
	font-size: 100%;
	margin-bottom: 0.5em;
	color: #aaa;
	}
	
#content-wrap p,
#content-wrap address,
#content-wrap dl,
#content-wrap ul.sitemap {
	font-family: "Trebuchet MS", Trebuchet, sans-serif;
	font-weight: normal;
	line-height: 200%;
	font-size: 80%;
	margin-bottom: 1em;
	}
	
#content-wrap address { line-height: 150%; padding-bottom: 0.25em; }
#content-wrap a { font-style: italic; text-decoration: none; }

#content-wrap .column-2 a:hover,
#content-wrap .column-23 a:hover { border-bottom: dotted 1px #5d5653; }

.red 	#content-wrap a { color: #e15019; }
.orange	#content-wrap a { color: #ffb30d; }
.aqua	#content-wrap a { color: #73dcce; } /* Not the official color */
.purple	#content-wrap a	{ color: #b38ed2; } /* Not the official color */
.blue	#content-wrap a	{ color: #5ec8e2; } /* Not the official color */

.red	#content-wrap a:hover { border-bottom-color: #e15019; }
.orange	#content-wrap a:hover { border-bottom-color: #ffb30d; }
.aqua	#content-wrap a:hover { border-bottom-color: #73dcce; } /* Not the official color */
.purple	#content-wrap a:hover { border-bottom-color: #b38ed2; } /* Not the official color */
.blue	#content-wrap a:hover { border-bottom-color: #5ec8e2; } /* Not the official color */

/* ---------- Top link ---------- */

#content-wrap p.top-link { padding-left: 8px; background: transparent none no-repeat left 50%; }

.red	#content-wrap p.top-link { background-image: url(assets/btt-red.gif); }
.orange	#content-wrap p.top-link { background-image: url(assets/btt-orange.gif); }
.aqua	#content-wrap p.top-link { background-image: url(assets/btt-aqua.gif); }
.purple	#content-wrap p.top-link { background-image: url(assets/btt-purple.gif); }
.blue 	#content-wrap p.top-link { background-image: url(assets/btt-blue.gif); }

/* ---------- Intro Text ---------- */

#content-wrap p.intro-text {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	line-height: 180%;
	font-size: 100%;
	margin-bottom: 1em;
	}
	
.red 	p.intro-text { color: #e15019; }
.orange	p.intro-text { color: #ffb30d; }
.aqua 	p.intro-text { color: #73dcce; } /* Not the official color */
.purple	p.intro-text { color: #b38ed2; } /* Not the official color */
.blue 	p.intro-text { color: #5ec8e2; } /* Not the official color */

/* ---------- More Info Panel ---------- */

.more-info-panel,
.toc-panel {
	background-color: #fafae8;
	padding: 15px 20px 10px 20px;
	border: dotted 1px #5d5653;
	}
	
.more-info-panel h3,
.toc-panel h3 	{ line-height: 100%; }
.more-info-panel ul,
.toc-panel ul 	{ list-style-type: none; }
.more-info-panel ul li,
.toc-panel ul li 	{ padding-bottom: 10px; }

.toc-panel { border-top: 0; margin: -10px 0 12px 0; }
#content-wrap .toc-panel a { color: #5d5653; font-style: normal; }

.red	#content-wrap .toc-panel a:hover { color: #e15019; }
.orange	#content-wrap .toc-panel a:hover { color: #ffb30d; }
.aqua	#content-wrap .toc-panel a:hover { color: #73dcce; } /* Not the official color */
.purple	#content-wrap .toc-panel a:hover { color: #b38ed2; } /* Not the official color */
.blue	#content-wrap .toc-panel a:hover { color: #5ec8e2; } /* Not the official color */

/* ---------- List Content Items ---------- */

.list-content-items .hr { margin-bottom: 10px; }

#content-wrap .column-2 .date {
	background-color: #fafae8;
	padding: 5px 10px;
	font-size: 11px;
	}

/* ---------- People ---------- */

.people { margin-top: -10px; }

.people .person {
	overflow: auto;
	width: 720px;
	}

.person {
	border-bottom: dotted 1px #5d5653; 
	padding-bottom: 15px;
	}
	
.people .person div {
	width: 460px;
	float: left;
	padding-bottom: 16px;
	}

.people .person h2 {
	margin: 20px 0 0.5em 0;
	line-height: 40px;
	vertical-align: middle;
	}

.people .person img {
	float: left;
	margin: 47px 0 47px 50px;
	border: solid 7px #5d5653;
	}

.red .people .person img	{ border-color: #e15019; }
.orange .people .person img	{ border-color: #ffb30d; }
.aqua .people .person img	{ border-color: #9df2e7; }
.purple .people .person img	{ border-color: #c9a8e5; }
.blue .people .person img	{ border-color: #76daf3; }

/* ---------- Download Btn ---------- */

.download-link {
	line-height: 17px;
	vertical-align: middle;
	background: transparent url(assets/btn-download.gif) no-repeat left 50%;
	padding-left: 30px;
	}

/* ---------- Sitemap ---------- */

#content-wrap ul.sitemap { list-style-type: none; }
#content-wrap ul.sitemap li { margin-bottom: 0.5em; }
#content-wrap ul.sitemap ul { margin: 0.5em 0 0 3em; list-style-type: none; }
#content-wrap ul.sitemap a:link,
#content-wrap ul.sitemap a:active,
#content-wrap ul.sitemap a:visited	{ color: #5d5653; font-style: normal; }

.red	#content-wrap ul.sitemap a:hover { color: #e15019; }
.orange	#content-wrap ul.sitemap a:hover { color: #ffb30d; }
.aqua	#content-wrap ul.sitemap a:hover { color: #73dcce; } /* Not the official color */
.purple	#content-wrap ul.sitemap a:hover { color: #b38ed2; } /* Not the official color */
.blue	#content-wrap ul.sitemap a:hover { color: #5ec8e2; } /* Not the official color */

/* ---------- Contact details ---------- */

#content-wrap p.contact-detail { margin-bottom: 0.5em; }
#content-wrap p.contact-detail span { display: block; float: left; width: 4em; }

#content-wrap fieldset { border: none; margin-top: 1.1em; }
#content-wrap fieldset legend { display: none; }
#content-wrap fieldset p { width: 480px; overflow: hidden; }
#content-wrap fieldset p label,
#content-wrap fieldset p.checkbox-list span.label { display: block; float: left; width: 80px; margin-right: 10px; }
#content-wrap fieldset p input,
#content-wrap fieldset p textarea { width: 380px; border: solid 1px #ddd; padding: 3px; overflow: auto; float: left; }
#content-wrap fieldset p textarea { height: 80px; }
#content-wrap fieldset p.checkbox-list span.checkboxes {
	width: 376px;
	border: solid 1px #ddd;
	padding: 6px;
	overflow: auto;
	display: block;
	height: 75px;
	background-color: White;
	float: left;
	}
	
#content-wrap fieldset p.checkbox-list span.checkboxes span { display: block; }
#content-wrap fieldset p.checkbox-list span.checkboxes input {
	width: auto;
	border: none;
	padding: none;
	margin: 6px 3px 0 5px;
	}
	
#content-wrap fieldset p.checkbox-list span.checkboxes label {
	display: inline; float: none; width: auto; margin: 0;
	vertical-align: middle;
	}
	
#content-wrap fieldset p.submit a {
	float: right;
	display: block;
	width: 75px;
	height: 30px;
	overflow: hidden;
	background: transparent url(assets/btn-send.gif) no-repeat left top;
	text-indent: -1000px;
	}
	
#content-wrap fieldset p.submit a:hover {
	border: none;
	background-position: left bottom;
	}
	
#content-wrap p.watch a {
	float: right;
	display: block;
	width: 95px;
	height: 30px;
	overflow: hidden;
	background: transparent url(assets/btn-watch.gif) no-repeat left top;
	text-indent: -1000px;
	margin: 20px 0 10px;
	}
	
#content-wrap p.watch a:hover {
	border: none;
	background-position: left bottom;
	}
	
#content-wrap p.hoys a {
	display: block;
	width: 200px;
	height: 30px;
	overflow: hidden;
	background: transparent url(assets/btn-hoys.png) no-repeat left top;
	text-indent: -1000px;
	margin: 20px 0 10px;
	}
	
#content-wrap p.hoys a:hover {
	border: none;
	background-position: left bottom;
	}		
	
#content-wrap .google-map-link { font-size: 70%; }
#content-wrap .google-map-link a { color: #b38ed2; }
#content-wrap .google-map-link a:hover { color: #b38ed2; border-bottom: dotted 1px #b38ed2; }

h4 { font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	line-height: 180%;
	font-size: 100%;
	margin: 0.5em 0;
	font-style: oblique;
	}
	
h4 a { color: #e15019; }	
	
h4.success { color: #7fcd32; }
h4.failure { color: #e15019; }

/* ---------- Footer ---------- */

#footer {
	margin-top: 30px;
	border-top: solid 1px #5d5653;
	padding-top: 5px;
	}
	
#footer p { font-family: "Trebuchet MS", Trebuchet, sans-serif; font-size: 65%; }
#footer a { color: #5d5653; text-decoration: none; }

.red	#footer a:hover	{ color: #e15019; }
.orange #footer a:hover	{ color: #ffb30d; }
.aqua	#footer a:hover	{ color: #73dcce; } /* Not the official color */
.purple #footer a:hover	{ color: #b38ed2; } /* Not the official color */
.blue 	#footer a:hover	{ color: #5ec8e2; } /* Not the official color */

#footer .left { float: left; margin-top: 0; }
#footer .right { float: right; }
