/*
Theme Name: sutherland
Description: The original sutherland theme.
Version: 1.5
Author: sutherland
*/
@font-face {
    font-family: 'AvenirLTStd85Heavy';
    src: url('fonts/avenirltstd-heavy-webfont.eot');
    src: url('fonts/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-heavy-webfont.woff') format('woff'),
         url('fonts/avenirltstd-heavy-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-heavy-webfont.svg#AvenirLTStd85Heavy') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AvenirLTStd65Medium';
    src: url('fonts/avenirltstd-medium-webfont.eot');
    src: url('fonts/avenirltstd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-medium-webfont.woff') format('woff'),
         url('fonts/avenirltstd-medium-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-medium-webfont.svg#AvenirLTStd65Medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
strong{
font-family: 'AvenirLTStd85Heavy';
}
*{
padding:0;
margin:0;
}

body.mceContentBody{
background:none;
color:#000000;
}

body{
background:#f2f2f2;
}

body,table{
font-family: 'AvenirLTStd65Medium';
font-size:14px;
color:#58595b;
}

img, fieldset{
border:0;
}

table{
width:100%;
}

p{
line-height:25px; 
margin-bottom:20px;
text-align:justify;
}

a{
outline:none;
text-decoration:none;
color:#1b8791;
}

a:hover{
color:#bbd735;
}

h1{
font-size:21px; 
font-weight:normal;
padding-bottom:10px;
color:#1b8791;
line-height:31px;
padding-bottom:15px;
}

h3{color:#1b8791; font-weight:bold; padding-bottom:15px;}

h4{
font-weight:bold;
font-size:14px;
}

.clear{
clear:both;
}

.footer .right a:hover,
.bottom .group .readmore1:hover,
.bottom .text-12 a.color:hover,
.blocks table td .readmore:hover,
.contentright .text-8 ul li a:hover
{color:#1b8791;}

.wrapper,.bottom,.footer{width:980px; margin:0 auto;}
.header{background:url(images/shadow1.png) 0 100% no-repeat; padding-bottom:27px;} 
.header .top{background:url("images/wrpr1.jpg") repeat-x scroll 0 0 #282425; padding:0 30px 12px 20px; border-bottom:solid 2px #bbd735;}
.header .top .logo{width:136px; float:left; margin-top:10px;}
.header .top .topright{width:475px; float:right; }
.topright .social{border-radius:0 0 5px 5px; background:url(images/hvr.jpg) repeat-x; padding:5px 18px 0; margin-bottom:10px; color:#231f20;}
.topright .social p{float:left; margin:0; margin-bottom:-5px;}
.topright .social p.email{float:right; line-height:38px;}
.topright .social p.email a{color:#231f20;}
.topright .appointment{float:right; color:#d6de23; font-size:27px; letter-spacing:2px;}
.topright .appointment span{color:#bbbdbf; font-size:16px; background:url(images/phon.png) no-repeat;
 letter-spacing:0; padding:0 0 8px 48px; display:block; }
.header .shadow1{background:url(images/shadow1.png) 1px -1px no-repeat; height:28px;}
.header .nav,.contentright .top1 .clickhere:hover{background:url(images/nav.jpg) repeat-x;}
.header .nav ul li{list-style:none; float:left;}
.header .nav ul li a{display:block; line-height:50px; height:50px; color:#ffffff; text-transform:capitalize; margin-left:13px; font-size:16px; padding:0 14px;}
.header .nav ul li a:hover,.header .nav ul li.current-menu-item a{background:url(images/hvr.jpg) repeat-x;}
.header .nav ul li .marginR{margin-right:22px;}

.banner{padding:0 0 70px; position:relative; background:url(images/shadow3.jpg) no-repeat 0 100%;}
.banner .moduletable {
background:#ffffff;border:solid 1px #bbbdbf;padding:9px;
}
.banner p.heading{position:absolute; color:#000000; line-height:34px; top:70%; right:5%; font-size:33px;}

.home .mainbody {

}
.mainbody{
padding-bottom:20px;
}
.content{margin:0 0 20px;}
.contentleft{float:left; width:675px; }

.contentleft p.light{font-weight:lighter; margin:0;}
.contentleft p.ordering{line-height:20px; margin-bottom:15px;}

.contentright{float:right; width:250px;}
.contentright .topshadow{background:url(images/shadow4.jpg) 0 100% no-repeat; padding-bottom:21px;}
.contentright .top1{border:solid 1px #bbbdbf; background:#ffffff; text-align:center;}
.contentright .text-7 .iimod{
padding-top:20px; 
}
.contentright .top1 .newpat{font-size:28px; line-height:32px; display:block; margin-bottom:-45px; position:relative;}
.contentright .top1 .clickhere{color:#ffffff; background:url(images/click.jpg) repeat-x;  border-radius:3px 3px 0 0; display:block; line-height:33px; width:152px; font-size:20px; margin:0 auto; text-shadow:1px 1px 1px #8a9f1c;}

.contentright .text-8 .top1{margin-top:10px; padding:20px 30px 0; text-align:left;}
.contentright .text-8 ul li{list-style:none;  background:url(images/chekbox.jpg) 0% 8px no-repeat; padding:0 0 7px 40px;}
.contentright .text-8 ul li a,.contentright .text-8 ul li.andmore{color:#231f20; line-height:27px; display:block;}
.contentright .text-8 ul li.andmore{background:none;}
.contentright .text-8 .wecanhelp{text-align:center; margin-top:8px;}

.blocks table td{width:220px; float:left; margin-right:32px; background:url(images/shadow5.jpg) 0 55% no-repeat;}
.blocks table td h3{font-size:24px; color:#1b8791; padding:5px 0;}
.blocks table td p,.bottom .text-12 p{line-height:21px; margin:0;}
.blocks table td .readmore{color:#58595b;}
.blocks table .marginR{margin-right:0;}

.wrapper1{background:#282425 url(images/wrpr1.jpg) repeat-x;}
.bottom{padding:30px 0; color:#d0d2d3;}
.bottom .group{width:280px; float:left; margin-right:95px;}
.bottom .group h3{font-size:24px;color:#D0D2D3;font-weight:normal;}
.bottom .group p.font-size{font-size:13px; line-height:19px; margin-bottom:10px; text-align:justify;}
.bottom .group .readmore1{background:url(images/arrow.png) 100% 66% no-repeat; padding-right:17px;}
.bottom .group ul li{line-height:23px; border-bottom:dashed 1px #58595b; padding:10px 0; list-style:none;}
.bottom .group ul li.last-child{
border-bottom:none;
}
.bottom .group ul li a{
color: #D0D2D3;
font-weight:bold;
}
.bottom .group ul li a:hover{
color:#1B8791;
}
.bottom .group ul .border-none{border:none;}
.bottom .recent-posts-3{width:260px;} 
.bottom .text-12{width:250px; margin-right:0;}
.bottom .text-12 p{margin-bottom:25px;}
.bottom .text-12 a.color,.bottom .group .readmore1{color:#d0d2d3;}
.bottom .text-12 h3{padding-bottom:10px;}
.bottom .marginR{margin-right:0;}

.wrapper2{background:#1b1c1c; }
.footer{color:#ffffff; padding:15px 0; font-size:13px;}
.footer .left{width:250px; float:left;}
.footer .right{width:240px; float:right;}
.footer .right a{color:#ffffff;}



img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; 
height: auto; 
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
border:1px solid #666666;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 0;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; 
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 0 auto 18px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
#content .attachment img {
margin: 0 auto;
}

.header .nav ul li ul{
background:#106971;
}
.header .nav ul li ul li{
border-top:1px solid #dddddd;
margin:0 !important;
padding:0 !important;
float:none;
}
.header .nav ul li ul li:first-child{
border-top:0;
}
.header .nav ul li ul li a{
background:#106971 !important;
padding:5px 10px !important;
line-height:20px;
margin:0 !important;
height:auto !important;
}
.header .nav ul li ul li a:hover{
background:#BAD634 !important;
}


.contentleft ul, .contentleft ol{
margin:20px 0;
}
.contentleft ul li, .contentleft ol li{
margin:5px 0 5px 20px;
line-height:20px;
}

hr{
background:#cccccc;
height:2px;
margin:20px 0;
border:0;
}

input[type="text"], input[type="email"], select, textarea{
border:1px solid #cccccc;
border-radius:3px;
padding:4px 3px;
}
input[type="submit"]{
background: none repeat scroll 0 0 #1A8993;
border: 0 none;
border-radius: 4px;
color: #FFFFFF;
cursor: pointer;
font-size: 17px;
font-weight: bold;
padding: 5px 10px;
}
input[type="submit"]:hover{
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
}






img{
max-width:100%;
height:auto;
}

@media all and (max-width: 1020px){
.wrapper, .bottom, .footer{
width: 880px;
}
.header .nav ul li a {
  margin-left: 10px;
}
.contentleft {
  width: 565px;
}
.banner {
  padding: 0 0 30px;
}
.blocks table td {
  margin-right: 25px;
  width: 200px;
  background: none;
}
.blocks table .marginR {
  margin-right: 0;
}
.bottom .group {
  margin-right: 45px;
}
.bottom .text-12 {
  margin-right: 0;
}
}

@media all and (max-width: 920px){
.wrapper, .bottom, .footer{
width: 710px;
}
.header .nav ul li a {
  margin-left: 1px;
  padding: 0 10px;
}
.banner {
  padding: 0;
}
.contentleft {
  width: 480px;
}
.contentright {
  width: 200px;
}
.contentright .text-8 .top1 {
  padding: 20px 15px 0;
}
.blocks table td {
  margin-right: 20px;
  width: 160px;
}
.blocks table .marginR {
  margin-right: 0;
}
.blocks table td h3 {
  font-size: 17px;
}
.bottom .group {
  width: 160px;
}
.bottom .group {
  margin-right: 25px;
}
.bottom .recent-posts-3 {
  width: 240px;
}
.contentleft iframe{
width:100%;
}
}

@media all and (max-width: 750px){
.wrapper, .bottom, .footer{
width: 480px;
}
.header .top {
  padding: 65px 0 12px 20px;
}
.header .top .logo {
  margin-top: 0;
}
.header .top .topright {
  width: 285px;
}
.topright .social {
  background: url("images/hvr.jpg") repeat scroll 0 0;
   border-radius: 0;
}
.topright .appointment {
  margin-right: 20px;
}
.header .shadow1 {
  height: 0;
}
.header {
  padding-bottom: 5px;
}
.contentleft {
  float: none;
  margin: 0;
  width: 100%;
}
.contentright {
  float: none;
  margin: 0 auto;
  width: 250px;
}
.blocks table td {
  background: none;
  margin: 0 10px 30px;
  width: 215px;
}
.bottom .group {
  float: none;
  margin: 0 0 20px;
  width: 100% !important;
}
.footer .left, .footer .right {
  float: none;
  width: 100%;
}
.footer .left{
margin-bottom:10px;
}
.content {
  margin: 10px 0 20px;
}
}

@media all and (max-width: 500px){
.wrapper, .bottom, .footer{
width: 320px;
}
.header .top {
  padding: 65px 0 12px;
}
.header .top .logo {
  float: none;
  margin: 0 0 10px;
  text-align: center;
  width: 100%;
}
.header .top .topright {
  float: none;
  text-align: center;
  width: 100%;
}
.topright .social p {
  float: none;
  margin: 0;
    text-align: center;
}
.topright .social p.email {
  float: none;
  line-height: 38px;
}
.topright .social p span {
  display: inline-block !important;
  float: none !important;
  line-height: 38px !important;
  vertical-align: top !important;
}
.topright .appointment {
  float: none;
   margin-right: 0;
}
.topright .appointment span {
  background: url("images/phon.png") no-repeat scroll 60px 0;
}
.blocks table td {
  display: block;
  float: none !important;
  margin: 0 auto 30px !important;
  width: 215px;
}
.content {
  margin: 10px 10px 20px;
}
.bottom, .footer {
  width: 300px;
}
input[type="text"], input[type="email"], select, textarea {
  width: 90%;
}
.contentleft img, .contentleft td{
  display: block;
  float: none !important;
  margin: 0 0 10px !important;
}
p {
  text-align: left;
}
}
.podiatry-log {
  padding: 10px;
}
.contentright .text-15 .top1 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  box-shadow: none !important;
}
.moduletable.topshadow.text-15 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.btn-book a {
	background-color: #A8C422;
	height: 32px !important;
	margin-top: 9px !important;
	padding: 0px 10px !important;
	line-height: 36px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1023px)
{
.header .nav ul li a {
	margin-left: 2px;
	padding: 0 6px;
	font-size: 15px;
}
}