html, body, 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, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
article, aside, figure, footer, header, nav, section, details, summary {display: block;} html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: border-box;
}  img,
object,
embed {max-width: 100%;} html {overflow-y: scroll;} ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
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;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;} sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;} button, input, select, textarea {margin: 0;} button,
input[type=button] {width: auto; overflow: visible;} .ie7 img {-ms-interpolation-mode: bicubic;}  .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }.chromeframe {position: absolute; top: 0;}  body {font: 14px Muli, "Century Gothic", Arial, sans-serif;}  body, select, input, textarea {color: #444;}
body {
background-color: #FFF;
}
a {color: #03f;}
a:hover {color: #69f;} ::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
img {
max-width:100%;
} #wrap_all {
height:100%;
width: 100%;
}
#head {
width: 100%;
height: 199px;
background-image:url(//insteppodiatry.com.au/2015_template/header_slice.png);
background-repeat:repeat-x;
}
#slideshow_container {
width: 100%;
height:390px;
position:relative;
background-image:url(//insteppodiatry.com.au/2015_template/slide_bg.jpg);
background-repeat:repeat-x;
}
#slideshow {
width: 1380px;
height:390px;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
margin: 0 auto;
z-index:0;
}
#slideshow img {
flex-shrink:0;
width:100%;
height:100%;
}
#slideshow_shadow {
width: 100%;
height:100px;
background-image:url(//insteppodiatry.com.au/2015_template/slideshow_shadow.png);
background-repeat:repeat-x;
position: absolute;
top:0;
left: 0;
z-index:99;
}
#slideshow_text_one {
width: 1080px;
height:185px;
z-index:99;
position: relative;
left:0;
right:0;
top: -265px;
margin-left:auto;
margin-right:auto;
}
#slideshow_text_two {
width: 1080px;
background-color: #ffff00;
margin:0 auto;
height: 200px;
}
#head_logo {
width: 1080px;
height: 149px;
margin:0 auto;
}
#top_menu {
width: 1080px;
height:46px;
margin:0 auto;	
}
#mobilehead {
width:100%;
height:auto;
margin-top: 52px;
}
#wrapper {
max-width: 1080px; 
margin: 0 auto;
z-index:0;
}
.theme-default .nivoSlider {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#mobile_appointment {
width: 100%;
height: auto;
text-align: center;
margin: 20px 0 30px 0;
}
#main {
width: 100%;
position: relative;
overflow:hidden;
background-image:url(//insteppodiatry.com.au/2015_template/content_bg.gif);
background-repeat:repeat-y;
padding-bottom:20px;
}
#content {
box-sizing: border-box;
padding: 20px 20px 0 20px;
width: 100%;
float:right;
max-width: 734px;
}
#content img {
border: 1px solid #EEE;
}
#sidebar {
box-sizing: border-box;
padding: 20px 0 0 20px;
float:left;
width: 33%;
max-width: 333px;
font-family:Muli, "Century Gothic", Arial, sans-serif;
font-size:14px;
color:#666;
}
#sidebar li {
border-bottom: 1px solid #C6CFE8;
padding: 7px 0;
list-style-type: none;
margin: 0 !important;		
}
#sidebar a:link, #sidebar a:visited{
color: #666;
text-decoration: none;
}
#sidebar a:hover {
color: #333 !important;
text-decoration:underline;
}
#sidebar-responsive { display: none; } #content p {
line-height: 1.714285714;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
h1 {
font-family:Muli, "Century Gothic", Arial, sans-serif;
color: #444 !important;
font-size: 28px !important;
line-height: 40px !important;
padding-bottom:10px;
}
h3 {
color: #666;
font-family: Muli, "Century Gothic", Arial, sans-serif !important;
font-weight: bold !important;
font-size:20px;
margin-bottom:10px;
padding: 8px 0px 0px 0px !important;
}
h5 {
color: #333;
font-family:'Droid Sans', Arial, sans-serif !important;
font-weight: 300 !important;
font-size:18px;
border-bottom: 1px solid #EEEEEE;
margin-bottom:10px;
padding: 0px 0px 0px 7px;
} ul,
ol {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
padding: 0;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
li {
margin: 0 0 0 24px;
margin: 0 0 0 1.714285714rem;
} #headmenu {
width: 1080px;
height: 46px;
top: 84px;
position: absolute;
}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
border: none;
margin: 0;
padding: 0;
line-height: 1;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#cssmenu {
height: 46px;
max-width:1080px;
display: block;
padding: 0;
margin: 0 auto;
border-color: #080808;
float:right;
} #cssmenu,
#cssmenu > ul > li > ul > li a:hover {
}
#cssmenu > ul {
list-style: inside none;
padding: 0;
margin: 0;
}
#cssmenu > ul > li {
list-style: inside none;
padding: 0;
margin: 0;
float: left;
display: block;
position: relative;
color: #FFF;
}
#cssmenu > ul > li > a {
outline: none;
display: block;
position: relative;
padding: 19px 15px 15px 15px;
text-align: center;
text-decoration: none;
font-weight: normal;
text-transform:uppercase;
font-size: 16px;
font-family: Muli, Arial, sans-serif;
color: #FFF;  
} #cssmenu > ul > li > a:hover {
background: #FF8000;
color: #FFF;
}
#cssmenu > ul > li > a:after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
right: -2px;
z-index: 99; 
}
#cssmenu ul li.has-sub:hover > a:after {
top: 0;
bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
content: '';
position: absolute;
top: 18px;
right: 6px;
border: 5px solid transparent;
border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 19px;
} #cssmenu ul li.has-sub:hover > a {
background-color: #014A69;
z-index: 999;
color: #FFF;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
display: block;
}
#cssmenu ul li.has-sub > a:hover {
background: #014A69;
color: #FFFF00;
} #cssmenu ul li > ul,
#cssmenu ul li > div {
display: none;
width: 170px !important;
position: absolute;
top: 46px;
background-color: #014A69;
z-index: 999;
}
#cssmenu ul li > ul {
width: 100%;
-webkit-box-shadow: 2px 2px 3px  #333;
box-shadow: 2px 2px 3px  #333;
}
#cssmenu ul li > ul li {
display: block;
list-style: inside none;
margin: 0;
position: relative;
padding: 0px;
}
#cssmenu ul li > ul li a {
outline: none;
display: block;
position: relative;
margin: 0;
font-weight: normal;
font-size: 14px;
font-family: Muli, Arial, sans-serif;
color: #ffffff;
text-decoration: none;
padding: 17px 25px 13px 25px;
}
#cssmenu ul li > ul a:hover {
color: #FFFF00;
background-color:#016894;
}
#cssmenu > ul > li.has-sub > a:hover:before {
border-top: 5px solid #ffffff;
} #threepanels {
width: 100%;
max-width:1040px;
color: #FFF;
font-size:13px;
line-height: 18px;
font-family: 'Droid Sans', Arial, sans-serif !important;
margin: 20px;
}
#panelone {
width: 32%;
max-width:333px;
height: 265px;
float: left;
background-color:#EEE;
border:1px solid #ccc;
text-align:justify;
}
#paneltwo {
width: 32%;
max-width:334px;
height: 265px;
margin:auto;
background-color:#EEE;
border:1px solid #ccc;
text-align:justify;
}
#panelthree {
width: 32%;
max-width:333px;
height: 265px;
float:right;
background-color:#EEE;
border:1px solid #ccc;
text-align:justify;
} .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { 
height: 40px;
background-color: #46AFE8;
color: #fff;
} #footer {
width: 100% !important;
height:120px;
background-color: #FF6600;
color: #000;
}
#footermob {
width: 100% !important;
height:66px;
background-color: #FF8000;
color: #FFF !important;
}
#footermob a:link, #footermob a:visited{
color: #FFF;
text-decoration: none;
}
#footermob a:hover {
color: #FFFF00 !important;
text-decoration:underline;
}
#foot {
max-width: 1080px; 
width:100%;
margin:0px auto;
text-align: center;
padding-bottom: 10px;
font-family: Muli, "Century Gothic", Arial, sans-serif !important;
color: #FFF !important;
font-size: 14px !important;
}
#footspace {
max-width: 1080px; 
width:100%;
height: 10px;
margin-bottom: 10px;
}
#foot a:link, #foot a:visited{
color: #FFF;
text-decoration: none;
}
#foot a:hover {
color: #FFFF00 !important;
text-decoration:underline;
}
#foot_left {
float:left;
margin-left:20px;
width: 66%;
max-width: 700px;
text-align:left;
}
#foot_right {
float:right;
width:30%;
max-width: 254px;
text-align:left;
margin-right:0px;
}
#foot_left p {
margin: 0px 0px 0px 35px;
line-height:24px;
}
#footmob {
max-width: 1080px; 
width:100%;
margin:0px auto;
text-align: center;
padding-top: 10px;
font-family:"Droid Sans", Arial, sans-serif !important;
color: #FFF !important;
font-size: 13px !important;
line-height:22px !important;
} .wpcf7-form{
border:1px solid #DDD;
padding:15px 15px 35px 15px;
-webkit-border-radius: 10px;   
border-radius: 10px;
width:99% !important;
margin-bottom:20px;
}
#two-column{
width: 100%;
}
#two-column #left{
width: 48%;
float: left;
}
#two-column #right{
width: 48%;
float: right;
}
#two-column p{
margin: 0px !important;
}
#two-column input[type="text"]{
border:none;
border:1px solid #DDD;
font-size :14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
padding: 5px;
margin-bottom:5px;
}
#two-column input[type="email"]{
border:none;
border:1px solid #DDD;
font-size :14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
padding: 5px;
margin-bottom:5px;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
width:100%;
}
#two-column textarea {
position: relative;
padding: 5px;
border:1px solid #DDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
#two-column input[type="submit"]{
padding:8px 18px;
background:#f1f1f1;
color:#666;
border: 1px solid #DDD;
float:right;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0px 0px 0px;
}
#two-column input[type="text"]:focus, #two-column textarea:focus, #two-column input[type="email"]:focus{
background: #F1F1F1;
}
#two-column input[type="submit"]:hover{
background:#fff;
color:#222;
border: 1px solid #DDD;
}
.wpcf7-mail-sent-ok {
border: 2px solid #016894 !important;
}
.wpcf7-mail-sent-ng {
border: 2px solid #016894 !important;
}
.wpcf7-spam-blocked {
border: 2px solid #FF0000 !important;
}
.wpcf7-validation-errors {
border: 2px solid #FF0000 !important;
} #contactdetails {
width: 50%;
max-width:520px;
min-height:100px;
float: left;
margin-bottom:20px;
padding-right:20px;
}
#contactform {
width: 50%;
max-width:520px;
min-height:100px;
float: right;
margin-bottom:20px;
padding-left: 20px;
}
#mapwrap {
width: 50%;
max-width:520px;
min-height:100px;
float: left;
margin-bottom:20px;
padding-right:20px;
}
.mapp-layout {
margin: 0px !important;
border: 1px solid #DDD !important;
} table {
border-collapse: collapse;
border-spacing: 0;
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
width: 100%;
}
tr th {
color: #636363;
font-size: 11px;
font-size: 0.785714286rem;
font-weight: bold;
line-height: 1.5;
text-align: left;
text-transform: uppercase;
}
td {
color: #757575;
font-size: inherit;
font-weight: normal;
padding: 6px 10px 6px 0;
text-align: left;
}
#sidebar td {
color: #666 !important;
padding: 0px 10px 0px 0 !important;
}
.minor_titles {
color: #006793;
font-family: "Arapey", "Bookman Old Style", "Times New Roman", serif !important;
font-weight: normal;
font-size:21px;
padding: 0px;
margin-bottom:6px;
letter-spacing:1px;
} .alignleft {
display: inline;
float: left;
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.alignright {
display: inline;
float: right;
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.aligncenter {
clear: both;
display: block;
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
} .wp-caption {
background: transparent;
border: none;
margin: 0;
padding: 4px;
text-align: left;
}
.wp-caption-dt {
margin: 0;
}
.wp-caption .wp-caption-text,
.wp-caption-dd {
color: #757575;
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin: 0 0 24px;
margin: 0 0 1.71429rem;
}  @media (max-width: 1080px) {
#sidebar {
display:none !important;
}
#threepanels {
display:none !important;
}
#footermob {
display: block !important;
}
h1 {
font-size: 26px !important;
display: inline-block !important;
padding-top: 10px !important;
margin-bottom: 20px !important;
height:100% !important;
}
#footer {
display:none;
}
img {
max-width: 100%;
height: auto;
margin: 0 auto !important;
display:block !important;
}
.alignright {
display: inline;
float: none !important;
margin: 0px auto 10px auto !important;
}
#head {
display:none !important;
}
#slideshow_container {
display: none !important;
}
#main {
background-image: none !important;
background-color: #fff;
}
}
@media (min-width: 1080px) {
#footermob {
display: none !important;
}
#shiftnav-toggle-main {
display:none !important;
}
#mobilehead {
display:none !important;
}
#mobile_appointment {
display: none;
}
} .byline_text {
font-family:Muli, "Century Gothic", Arial, sans-serif;
color: #666 !important;
font-size: 28px !important;
line-height: 40px !important;
}
.subtitles {
font-family:Muli, "Century Gothic", Arial, sans-serif;
color: #444 !important;
font-size: 14px !important;
font-weight:bold;
text-transform:uppercase;
}