/* E Meyer - css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body {line-height:1; color:#363738; background:#d3d4d9; font-size:12px; line-height:18px; font-family:Verdana,Arial,Geneva,Helvetica,sans-serif}
ol, ul {list-style:none}
table {border-collapse:separate; border-spacing:0}
caption, th, td {text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""; margin:8px 0}
blockquote p {margin:2px 0}
cite {font-size:11px; font-style:italic;}

strong {font-weight:bold}

h1 {color:#7c5294; margin:10px 0 10px; font-size:17px; line-height:25px}
h2 {color:#7c5294; margin:20px 0 8px; font-size:13px; line-height:20px; font-weight:bold}
h2 a, h2 a:visited {color:#7c5294}
p {margin:8px 0}
blockquote p {margin:8px 0}
cite {margin:8px 0 16px}
.home h1 {color:#0f0f0f; font-size:18px; font-weight:700; padding-top:15px}
.home h1 span {font-size:13px; line-height:20px; font-weight:700; display:block}

.page {width:850px; margin:0 auto 40px; position:relative; background:url(images/page-bgr.jpg) repeat-y}
.pagecontent {padding:0 25px; background:url(images/footer-bgr.jpg) bottom no-repeat}
.content {padding:0 20px 30px; clear:both}
.maincontent{float:left; width:560px}
.home .maincontent{background:url(images/content-bgr.gif) 280px 0 no-repeat}

.logo {position:absolute; top:20px; left:45px}
.logo p {font-size:16px; font-weight:bold; position:absolute; top:90px; left:0}

.nav {font-weight:bold; margin:20px 0 0 5px}
.nav li {display:inline; padding-left:15px; background:url(images/nav-square-bgr.gif) 5px no-repeat}
.nav li.firstlink {background:none}
.nav a:link {text-decoration:none; color:#2c249b}
.nav a:link.active, .nav a:visited.active, .nav a:hover.active {color:#7c5294}
.nav a:visited, .nav a:hover {text-decoration:none; color:#0088cf}

.pageimg {height:45px; padding-top:165px;}
.home .pageimg {background:url(images/home-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}
.why-physio .pageimg {background:url(images/why-physio-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}
.about .pageimg {background:url(images/about-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}
.contact .pageimg {background:url(images/contact-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}
.location .pageimg {background:url(images/location-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}
.fees-hours .pageimg {background:url(images/fees-hours-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}
.blog .pageimg {background:url(images/why-physio-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}
.testimonial .pageimg {background:url(images/why-physio-img-bgr.jpg) left top no-repeat; margin:0 0 20px 1px}

.mainone {float:left; width:270px; padding-bottom:20px}
.maintwo {float:right; width:270px; padding-bottom:20px}
.mainside {float:right; width:190px; padding-top:35px; padding-bottom:20px}
.about .mainone, .why-physio .mainone, .location .mainone, .contact .mainone, .fees-hours .mainone, .blog .mainone, .testimonial .mainone {width:560px}
.home .mainside {background:url(images/content-bgr.gif) 0 no-repeat}
.about .mainside, .why-physio .mainside, .location .mainside, .contact .mainside, .fees-hours .mainside, .blog .mainside, .testimonial .mainside {background:url(images/content-lg-bgr.gif) left top no-repeat; padding-bottom:20px; margin-bottom:10px}
.about .mainside {padding-bottom:100px}
.fees-hours .mainside {padding-bottom:100px; padding-top:0}
.why-physio .mainside {padding-bottom:150px}
.about .mainside p, .about .mainside h2, .why-physio .mainside p, .why-physio .mainside h2, .location .mainside p, .location .mainside h2, .contact .mainside p, .contact .mainside h2, .fees-hours .mainside p, .fees-hours .mainside h2, .blog .mainside p, .blog .mainside h2, .testimonial .mainside p, .testimonial .mainside h2 {margin-left:10px}

.highlights {margin:0 20px; padding:0 10px; background:#fff url(images/main-msg-bgr1.jpg) top left no-repeat; height:170px}
.highlights h1 {margin-top:0px;}
.highlights .intro {float:left; width:550px}
.highlights .offer {float:right; width:178px}

.visa {padding-right:3px}
.mastercard {padding-right:3px; margin-bottom:-2px}
.maestro {padding-right:2px; margin-bottom:-2px}
.americanexpress {margin-bottom:-4px}

.autopic {width:120px; float:left; margin:5px 15px 5px 0}
.autopic img {display:block}

.otherorg {font-size:11px; line-height:13px; padding-left:10px}
.otherorg li {margin:10px 0}
.otherorg .csp {background:url(images/csp-logo.gif) left top no-repeat; padding-left:77px; display:block}
.otherorg .hpc {background:url(images/hpc-logo.gif) left top no-repeat; padding-left:77px; display:block}
.otherorg .pf {background:url(images/pf-logo.gif) left top no-repeat; padding:12px 0 13px 77px; display:block}
.otherorg .pl {background:url(images/physiotherapists-locally.jpg) left top no-repeat; padding:12px 0 13px 77px; display:block}


.bgrlist li {background:url(images/nav-square-bgr.gif) 0 10px no-repeat; padding-left:10px}
.mainside .bgrlist {margin-left:10px}

.map, .contactform {height:630px}
#map {width:560px; height:400px} /*Google maps*/

.img-left {float:left;}
.img-right {float:right;}
.why-physio .img-left {width:270px; padding-right:10px}
.why-physio .img-right {width:244px; padding-left:10px}
.fees-hours .img-right {width:223px; padding-left:10px}
.about .img-right {width:210px; padding-left:10px}

.contactform {width:100%; border:none}

.twocol-layout {width:560px; float:left; margin-bottom:20px}
.twocol-layout .colone {width:270px; float:left}
.twocol-layout .coltwo {width:270px; float:right}

/*Styling wufoo form*/
.wufoo, .wufoo .info h2, .wufoo .info p, .wufoo label.desc {font-size:12px; line-height:18px; font-family:Verdana,Arial,Geneva,Helvetica,sans-serif}
.wufoo .info {border-bottom:none}
.wufoo .info div {font-size:12px; line-height:18px}
.wufoo .info h2 {text-align:left; font-size:12px; line-height:18px}
.topLabel .info h2 {display:none}
label.desc {font-weight:normal}
.buttons input {font-size:14px}

/*Styling vCard*/
.country-name, .url, .tel .type {position:absolute; top:-1000px; left:-1000px}

.adtext {font-size:11px; line-height:15px}

.footer {padding:5px 0 45px; margin:0 20px; text-align:center; border-top:3px solid #d3e9f5; clear:both; color:#696b6c; font-size:11px; line-height:15px}
.footer p {margin-top:5px; margin-bottom:0}

/*Blog post*/
.blog-post {clear:both; border-bottom:1px dashed #ccc}
.blog-post .date {font-size:11px; font-weight:normal; color:#363738; display:block}
.blog-post .img-left {padding-right:10px}
.blog-post .img-right {padding-left:10px}
.blog-post .clear {clear:both}

/*Testimonials*/
.testimonials {clear:both; border-bottom:1px dashed #ccc}
.testimonials .date {font-size:11px; font-weight:normal; color:#363738; display:block}
.testimonials .img-left {padding-right:10px}
.testimonials .img-right {padding-left:10px}
.testimonials .clear {clear:both}