/*
 * #01 - General
 * #02 - Headings
 * #03 - Text (by tag)
 * #04 - Text (by id/class)
 * #05 - Text (other) 
 * #06 - Lists
 * #07 - Forms
 * #08 - Tables 
 * #09 - Other   
 */

/* #01 - GENERAL **************************************************************/

/* COLOURS
Grey = 7a8287
Light Grey = b8b8b8 // conclusion
Light Grey = 888f93 // .boxed
Dark Grey  = 63696e // fieldset
Orange = ffa700
Dark Orange = e18c00
Purple = ca22c3
Dark Purple = 7d157a

// Errorbox
Dark Red = b84649
Light Red = 887579

// Clinic open/closing/closed
Green = a1cc3a
Orange = ffa700
Red = b84649

*/

html {
	font: 15px arial, helvetica, verdana, sans-serif;
}

body {
	color: #fff;
	background: #fff;
	line-height: 1.3em;
}

/* #02 - HEADINGS *************************************************************/

/* #03 - TEXT (BY TAG) ********************************************************/

a { color: #ffa700; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #e18c00; }
a.hover-only { color: #7a8287; }
a.hover-only:hover { color: #ffa700; }

#nav a { color: #ca22c3; }
#breadcrumbs a { color: #fff; margin-left: 12px; }
#breadcrumbs a.first { margin-left: 16px; }

.call-out a { color: #ca22c3; }
/*.call-out a:visited { color: #7d157a; } */ /* this colour wasn't preferred, so in call-outs visited links are the same colour */
/*.call-out h3 a { text-decoration: underline; }*/

a#eco-friendly, a#eco-friendly-fff { padding-right: 26px; background: transparent url('../images/eco-friendly-leaf.gif') 100% 0 no-repeat; }
a#eco-friendly-fff { background-image: url('../images/eco-friendly-leaf-fff.gif'); }
a.external, #sidebar a.external { padding-right: 10px; background: transparent url('../images/external-link.gif') 100% -1px no-repeat; }
#sidebar a.external { background: transparent url('../images/external-link-sidebar.gif') 100% -1px no-repeat; }
a#directions-get { cursor: pointer; }

body#about a#forms {
	display: block;
	width: 139px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('../images/btn-forms-sm.gif') 0 0 no-repeat;
}
body#about a#forms:hover { background-position: 0 -39px; }
body#about a#testimonials,
body#team-landing a#testimonials {
	display: block;
	width: 215px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('../images/btn-testimonials.gif') 0 0 no-repeat;
}
body#about a#testimonials:hover,
body#team-landing a#testimonials:hover { background-position: 0 -39px; }

h1 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.04em;
	margin-bottom: 24px;
	line-height: 1em;
}
body#testimonials h1,
body#dentistry h1,
body#about h1,
body#team-landing h1,
body#galleries h1 { float: left; } /* because social icons float right on this page */

h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 1.1em;
	margin-bottom: 12px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.1em;
	margin-bottom: 8px;
}

.call-out h3 {
	color: #ca22c3;
	font-size: 18px;
	font-weight: normal;
	line-height: 1em;
	margin: 6px 0 12px;
}
.call-out h3.phrase { line-height: 1.5em; margin-bottom: 0; }
body#site-map h3 { margin-bottom: 8px; }

h4 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.03em;
	margin: 24px 0 4px;
}

/* #04 - TEXT (BY ID/CLASS) ***************************************************/

.call-out { color: #7a8287; }
.quote { color: #b8b8b8; font-style: italic; }
.testimonial-lg { color: #dbdbdb; font-style: italic; font-size: 1.2em; line-height: 1.6em; }

#breadcrumbs span { margin-left: 12px; }
#breadcrumbs .current-page { font-weight: bold; }

#footer { color: #7a8287; }
#footer #conclusion { color: #b8b8b8; }

body#index #quote { font-style: italic; }
body#index .quote-name { margin-left: 55px; }
body#index .quote-close { color: #b8b8b8; }

.clinic-open { font-weight: bold; color: #a1cc3a; }
.clinic-closing { font-weight: bold; color: #ffa700; }
.clinic-closed { font-weight: bold; color: #b84649; }

/* #05 - TEXT (OTHER) *********************************************************/

/* OPTIO VIDEO LIST */

/* require high specificity */
html body#videos #content .OptioVideoList span { color: #fff; }
html body#videos #content .OptioPagination span { color: #fff; }
html body#videos #content .OptioPagination a { color: #ffa700; }
html body#videos #content .OptioCopyright { color: #b8b8b8; }
html body#videos #content .OptioCopyright a { color: #b8b8b8; }
html body#videos #content .OptioFooter .OptioLanguages { display: none; }

/* #06 - LISTS ****************************************************************/

li.sub-section {
	list-style: none;
	font-weight: bold;
	color: #b8b8b8;
	margin: 16px 0 0 -16px;
}

/* #07 - FORMS ****************************************************************/

span.req { color: #ffa700; }
span.optional { color: #b8b8b8; }

/* #08 - TABLES ***************************************************************/

/* #09 - OTHER ****************************************************************/

a img { border: none; }