/* Reset
-----------------------------------------------------------------------------------------------*/	

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	

ol#accessibility-nav, 
.hide,
.testimonial h3 { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#navigation:after,
.section:after,
.container:after,
#footer:after,
.signup form:after,
.welcome ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Default Styles
-----------------------------------------------------------------------------------------------*/	

body { background: #ccc url(../images/bg.png) repeat-x; color: #666; font: 62.5%/1.3 Arial, Helvetica, sans-serif; text-align: center; padding: 30px 0 0; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a, a:visited { color: #01616d; text-decoration: underline; }
a:hover, a:active { color: #01616d; text-decoration: none; }


/* Structure
-----------------------------------------------------------------------------------------------*/	

.wrapper { width: 992px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; background: url(../images/bg-top.png) no-repeat; }
.container { background: #fff; padding: 0 55px 10px; }
#header { padding: 23px 0 21px 50px; }
#content { width: 644px; float: right; }
#sidebar { width: 227px; float: left; }
#footer { clear: both; background: url(../images/bg-btm.png) no-repeat; padding: 30px 55px; }


/* Header
-----------------------------------------------------------------------------------------------*/	

#header .rebound-to-health, 
#header .rebound-to-health span { display: block; overflow: hidden; width: 350px; height: 140px; }
#header .rebound-to-health { position: relative; color: #f8981c; font-size: 3em; font-weight: bold; }
#header .rebound-to-health em { font-size: .5em; font-size: normal; font-style: normal; }
#header .rebound-to-health span { background: url(../images/bg-top.png) no-repeat -50px -23px; position: absolute; top: 0; left: 0; }
#header a.rebound-to-health span { cursor: pointer; color: #f8981c; text-decoration: none; }

#header .desc { position: absolute; left: 200px; top: 145px; font-size: 1.3em; font-style: italic; color: #999; }
#header .desc strong { color: #f8981c; }

#header .book-online a { position: absolute; height: 68px; width: 267px; right: 33px; top: 58px; overflow: hidden; background: url(../images/btn-book.png) no-repeat; text-align: center; line-height: 93px; color: #fff; text-decoration: none; font-size: 1.7em; font-weight: bold; }
#header .book-online a:hover { background-position: 0 -68px; }


/* Navigation
-----------------------------------------------------------------------------------------------*/

#navigation { background: #01616d; font-size: 1.2em; margin-bottom: 12px; }
#navigation li { float: left; position: relative; }
#navigation a { color: #fff; text-decoration: none; background: url(../images/bg-nav.png) repeat-x; display: block; padding: 12px 0; text-align: center; width: 132px; }
#navigation .nav-clinic a { width: 222px; } 
#navigation a:hover,
#navigation li.current a { background: #f8981c url(../images/bg-nav.png) repeat-x; }

/* drop downs */
#navigation ul ul { position: absolute; top: -999em; background: #f8981c; }
#navigation ul li:hover { visibility: inherit; /* ie7 sticky bug */ }
#navigation ul li:hover ul,
#navigation ul li.sfHover ul { left: 0; top: 43px; z-index: 99; }
#navigation ul ul a { text-align: left; font-size: .9em; width: 112px; padding: 8px 10px; }
#navigation ul li.nav-clinic ul a { width: 202px; }
#navigation ul ul a:hover { text-decoration: underline; }
#navigation ul ul .current { font-weight: bold; }

/* Content
-----------------------------------------------------------------------------------------------*/	

.testimonial { color: #fff; background: #45cdd2 url(../images/bg-testimonial.png) no-repeat; border: 6px solid #eee; width: 215px; margin-bottom: 30px; }
.testimonial h3 { line-height: 1.5; padding: 12px 4px 5px 70px; }
.testimonial blockquote { background: #45cdd2 url(../images/bg-testimonial-btm.png) no-repeat bottom left; margin-top: 74px; padding: 16px 13px 15px; /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size: 1.2em; line-height: 1.5; font-style: italic; min-height: 215px; height: auto !important; height: 215px; }
.testimonial blockquote p { padding-bottom: 15px; }
.testimonial blockquote p.cite { color: #01616d; padding-bottom: 0; }
.testimonial blockquote p.cite cite { font-style: italic; }

.photo { border: 6px solid #eee; width: 632px; margin-bottom: 30px; }
.photo img { display: block; }

.module { border: 1px solid #eee; padding: 20px 20px 5px; float: left; width: 275px; min-height: 240px; }
.module-right { float: right; }
.module h4 { background: #f8981c; color: #fff; font-size: 1.5em; font-weight: normal; line-height: 1; padding: 8px; margin-bottom: 12px; }
.module p, .module ul { padding: 0 0 15px 8px; }
.more, .more:link, .more:visited, .more:active, .more:hover { background: #01616d; padding: 8px 10px; color: #fff; font-weight: bold; text-decoration: none; display: block; text-align: center; width: 70px; }

.list li { background: url(../images/ico-arrow.png) no-repeat 0 4px; padding-left: 12px; margin-bottom: 2px; }

.section { padding: 0 15px; }
body.home .section { padding: 0; }
.section h1 { color: #f8981c; font-size: 2.2em; font-weight: normal; line-height: 1.3; margin-bottom: 12px; }
.section p, .section ul, .section ol { padding: 0 0 15px; }
.section h2 { color: #01616d; font-size: 1.7em; font-weight: normal; padding: 0 0 5px; }
.section h2 em { font-size: .7em; color: #666; font-style: normal; }
.section .book-online { background: #eee; padding: 6px; font-size: 2em; font-weight: bold; text-align: center; width: 220px; margin-bottom: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.section .book-online a { padding: 6px; display: block; text-decoration: none; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f8981c; }
.section .book-online-big { width: 485px; font-size: 1.7em; }
.section table { width: 100%; margin-bottom: 20px; }
.section table td { border: 1px solid #ddd; padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.section table .price { width: 200px; }
.profile-pic { padding: 20px 0 0 15px; float: right; }
.profile-pic img { border: 6px solid #eee; }
.profile-angela { padding-top: 10px; }

.image { float: left; width: 227px; }
.image img { display: block; margin-top: 4px; border: 6px solid #eee; margin-bottom: 17px; }
.welcome { float: right; width: 385px; padding-bottom: 15px; position: relative; }
.welcome h2 { color: #f8981c; font-weight: normal; font-size: 2.7em; margin: 0 0 15px; line-height: 1; }
.welcome h2 span { display: block; color: #666; text-transform: none; font-size: .4em; }
.welcome h3 { font-weight: bold; margin: 0 0 15px; }
.welcome .twitter { position: absolute; bottom: 17px; right: 0; }
.welcome p { padding: 0 0 15px; }
.welcome .book-online { margin-left: 4px; }
.welcome ul { margin-bottom: 0; }
.welcome ul li { width: 180px; float: left; }
body.home .book-online { margin-top: 1px; }

body.our-team .section h2, body.conditions .section h2, body.sep .section h2 { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 5px; }
body.our-team .section h2#angela, body.conditions .section h2#arthritis, body.sep .section h2.first { border-top: 0; padding-top: 0; margin-top: 0; }

body.home .second-section { margin-top: 9px; padding-top: 10px; border-top: 1px solid #eee; }
.second-section .desc { float: left; width: 250px; padding-top: 25px; }
.second-section .image { width: 337px; float: right; border: 0; }
.second-section .image img { border: 6px solid #eee; display: block; }

.service-fees ol,
.num-list { margin-left: 35px; }
.service-fees ol li,
.num-list li { list-style: decimal; }

/* Sidebar
-----------------------------------------------------------------------------------------------*/	

#sidebar h2 { color: #f8981c; font-weight: normal; font-size: 2.7em; line-height: 1; }

.news { padding: 0 0 7px; margin-top: 10px; }
.news h3 { background: url(../images/ico-arrow.png) no-repeat 0 4px; padding-left: 12px; margin-bottom: 5px; }
.news small { font-style: italic; color: #999; font-size: .9em; padding-left: 12px; display: block; }
.news li { padding: 0; margin-bottom: 3px; }
.news a { font-weight: normal; } 

.signup { border: 6px solid #eee; background: #f8981c; padding: 15px 20px 20px; color: #fff; }
#sidebar .signup h2 { font-size: 1.4em; color: #fff; }
.signup p { padding: 0 0 15px; }
.signup input { background: #fff; border: none; color: #333; padding: 4px; float: left; font-size: 1em; width: 130px; }
.signup input.submit { background: #01616d; color: #fff; text-align: center; font-weight: bold; padding: 3px; width: auto; cursor: pointer; height: 22px; vertical-align: middle; line-height: 1; }


/* Footer
-----------------------------------------------------------------------------------------------*/

#footer p { float: left; width: 300px; }
#footer p.adr { float: right; width: 550px; text-align: right; }
#footer ul { float: right; }
#footer ul li { display: inline; border-right: 1px solid #999; }
#footer ul li a { padding: 0 8px; }
#footer ul li.last { border-right: 0; }
#footer ul li.last a { padding-right: 0; }


