/* ===========================
   HTML 5 BOILERPLATE RESET
   ===========================*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}
input,select{vertical-align:middle}
body{font:13px/1.5 sans-serif;font-size:small}
select,input,textarea,button{font:99% sans-serif}
pre,code,kbd,samp{font-family:monospace, sans-serif}
html{overflow-y:scroll}
a:hover,a:active,a:focus,input[type="submit"]{outline:0}
ul,ol{margin-left:2em}
ol{list-style-type:decimal}
nav ul,nav li{list-style:none;list-style-image:none;margin:0}
small{font-size:85%}
strong,th{font-weight:700}
td{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-0.5em}
sub{bottom:-0.25em}
pre{padding:15px;white-space:pre-wrap;word-wrap:break-word}
textarea{overflow:auto}
.ie6 legend,.ie7 legend{margin-left:-7px}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom}
.ie7 input[type="checkbox"]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}
button,input,select,textarea{margin:0}
/* input:invalid,textarea:invalid{-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;border-radius:1px;box-shadow:0 0 5px red} */
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}
::-moz-selection{background:#FF5E99;color:#fff;text-shadow:none}
::selection{background:#FF5E99;color:#fff;text-shadow:none}
a:link{-webkit-tap-highlight-color:#FF5E99}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
body,select,input,textarea{color:#444}
h1,h2,h3,h4,h5,h6{font-weight:700;margin:0;padding:0}
a,a:active,a:visited{color:#607890}
a:hover{color:#036}


/* ===================
   PROJECT STYLES
   ===================*/
/* fontface  */
@font-face {
    font-family: 'LaneNarrowRegular';
    src: url('../fonts/LANENAR_-webfont.eot');
    src: url('../fonts/LANENAR_-webfont.eot?#iefix') format('eot'),
         url('../fonts/LANENAR_-webfont.woff') format('woff'),
         url('../fonts/LANENAR_-webfont.ttf') format('truetype'),
         url('../fonts/LANENAR_-webfont.svg#webfontMAZXZguX') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* html  */
html{background:url(../img/bg.jpg) 0 0 repeat-x #fff}
html.home{background:url(../img/bg-home.jpg) 0 0 repeat-x #fff}
section{margin:0 0 25px 0}
p {margin:0 0 10px 0}
p.nopad {margin:0 0 0 0}
.padleft {padding:0 0 0 30px}
/* colours  */
.white {color:#fff}
.peach {color:#d8b097}
.darkbrown {color:#6f5e57}
.brown {color:#944500}
/* headings  */
h1,h2,h3{font-family:'LaneNarrowRegular';font-weight:400;letter-spacing:0; margin:0 0 10px 0;color:#944500;}
h1{font-size:190%}
h2{font-size:160%}
h3{font-size:130%}
/* anchors  */
a,a:link,a:active,a:visited,a:focus{color:#d8b097;}
a:hover {color:#944500;}
/* twitter */
#twitterfeed {margin:0 0 25px 0}
.titletwitter a{ background:url(http://www.anatomichealth.com/img/title-twitter.png) 145px 7px no-repeat; display:block; color:#944500; text-decoration:none}
.titletwitter a:hover{ colour:944500; text-decoration:none}
#tweets {padding: 5px  0 0 0}
#tweets p {padding:0; margin:0}
#tweets ul {padding-left:0;margin:0;width:100%;}
#tweets li {list-style-type:none; background:url(http://www.anatomichealth.com/img/icon-twitter.png) no-repeat 0 5px; padding:9px 0 5px 45px;}
#tweets .hash {color:#944500;}
#tweets small {color:#dcae94; margin:0 0 0 10px}
#tweets a:link, #tweets a:active, #tweets a:visited {text-decoration:none; color:#944500; }
#tweets a:hover { color:#944500; text-decoration:underline;}
/* header  */
#header{height:190px;margin:0 auto;padding:0;width:100%}
#header H1 a{background:url(../img/logo.png) no-repeat top left;display:block;float:left;height:70px;text-indent:-999999px;width:400px;margin:40px 0 0}
/* nav  */
ul.nav{float:right;font-family:'LaneNarrowRegular',futura,sans-serif;font-size:175%;font-weight:400;letter-spacing:0;margin:0;}
ul.nav li{float:left}
ul.nav li a,ul.nav li a:active,ul.nav li a:visited{color:#944500;display:block;margin:55px 10px 0;padding:0 0 15px 0;text-decoration:none}
ul.nav li a:hover{color:#d8b097;text-decoration:none;background:url(../img/bg-menu-hover.png) no-repeat bottom center;}
#home li.home a,#blog li.blog a,#news li.news a,#about li.about a,#reflexology li.reflexology a,#faq li.faq a,#contact li.contact a{color:#61453a;text-decoration:none;background:url(../img/bg-menu.png) no-repeat bottom center;}
/* footer  */
#footer{background:url(../img/hr.png) repeat-x top left;clear:both;font-size:85%;height:100px;margin:30px 0 0;padding:30px 0 0;color:#999}
ul.footer{float:left;list-style:none;margin-left:0;padding:0 0 10px;width:100%}
ul.footer li{float:left}
ul.footer li a{display:block;padding:2px 12px 2px 0}
ul.footer li a,ul.footer li a:active,ul.footer li a:visited{color:#d8b097;text-decoration:none}
ul.footer li a:hover{color:#944500;text-decoration:none}
details {text-align:right;}
.html5 {vertical-align: middle;margin:-5px 5px 0 0;}
/* slidebox  */
#slidebox{background:url(../img/bottom-slide-in.png) no-repeat 0 0;width:400px;height:160px;position:fixed;bottom:115px;left:-430px;z-index:999999;}
/* home  */
#home{background:url(../img/slider/slider.png) no-repeat center 110px;}
#main{padding:0 0 30px}
#sidebar{float:right;}
.sidebar15min{margin:0 0 25px 0}
.sidebar p{margin-top:-5px}
.appointment {padding:20px 0 0 15px}
#list{padding:0 0 0 15px}
#news{padding:25px 0 0 15px}
#news p{font-size:100%}
#news .date{font-size:80%;font-style:italic}
.wrapleft {float:left;margin:0 10px 0 0}
/* blog */
#blog .imgborder {padding: 2px; margin:10px 20px 20px 5px; background: #fff; border: 5px solid rgba(255,255,255,0.3);	-moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;behavior: url(src/PIE.htc);}
#blog .imgbordersummary {padding: 2px; margin:10px 10px 20px 5px; background: #fff; border: 5px solid rgba(255,255,255,0.3);	-moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;behavior: url(src/PIE.htc);}

/* about */
#quotes{margin:15px 0 0}
blockquote p {margin-bottom: 0; font-style: italic; color:#666;}
blockquote cite {font-style: normal; display: block; font-size: 85%;color:#999; padding:10px 0 0 0;color:#d8b097}
blockquote cite span{font-style: italic; letter-spacing: 0;text-transform: none; font-weight: normal;}
blockquote {width: 320px; /* required */margin: 0 auto;height:120px}
#quote_wrap {margin: 0; padding: 0; }
/* reflexology */
ul.benefits{margin-top:15px}
ul.benefits li{margin-bottom:10px;}
/* about */
#faq section h1 {margin:0;}
#faq section p {margin:0 0 20px 0;}
/* forms  */
input, textarea, select {font: 100%;width: 335px;padding: 8px 6px;margin: 0;color: #999999;text-shadow: 0 0 1px #FFFFFF;border: 1px solid #ddd;outline: none;display: inline-block;position: relative;z-index: 2;background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;}
select {width:348px;padding:6px 6px;}
textarea {width: 335px;overflow: hidden;background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);}
input:focus, textarea:focus, select:focus {-webkit-box-shadow: 0px 0px 5px #d8b097;-moz-box-shadow: 0px 0px 5px #d8b097;box-shadow: 0px 0px 5px #d8b097;}
.field {margin: 18px 0;position: relative;width: 440px;clear:both;}
label {display: block;width: 65px;padding:0 18px 0 0;float: left;color: #666;text-align: right;}
label.error {display:block;float:none;font-size:85%;width:auto;color:red; text-align:left; margin-left:90px}
input.submit{padding: 10px 5px;margin-left:80px;height: 40px;cursor: pointer;width: 120px;-webkit-box-shadow:none;-moz-box-shadow: none;background: -webkit-gradient(linear, left top, left 30, from(#f1f1f1), color-stop(4%, #ffffff), to(#f4f4f4));background: -moz-linear-gradient(top, #f1f1f1, #ffffff 1px, #f4f4f4 30px);border: 1px solid #ddd;color:#666;}
form.maillist{clear:both; margin:-10px 0 30px 0}
.maillist label {width: 65px;padding:6px 18px 0 0;}
.maillist input[type="text"],.maillist input[type="email"]{width:230px}
.maillist input.submit {margin:0 0 0 85px;padding: 8px 5px;height:35px;};
input[type="submit"]:hover{border: 1px solid #d8b097;}
/* readmore  */
a.readmore,p.readmore{float:right;color:#944500;font-family:'LaneNarrowRegular',futura,sans-serif;font-size:100%;font-weight:400;letter-spacing:0;margin:0 30px 20px 0;text-decoration:none;cursor:pointer}
.readmore:hover{color:#d8b097}
/* floats  */
.left{float:left}
.right{float:right}
.clear{clear:both}
/* misc  */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* print  */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;-ms-filter: none !important; } 
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}