html, body
{
	padding: 0;
	margin: 0;
	height: 100%;
}
body
{
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
	
}
#page
{
	min-height:100%;
	position:relative;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	margin: 20px 0px 10px 0;
    padding-left: 10px;
}
h1, h2, h3
{
	font-size: 20px;
    color: #e6780e;
    font-weight: bold;
}
h4, h6
{
	font-size: 16px;
    color: #e6780e;
}
h5{
    font-size: 20px;
    text-align: center;
    color: #e6780e;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
	text-decoration: underline;
}

nav:not(.mm-menu)
{
	display: none;
}

#wrapper
{
	min-height:100%;
	position:relative;
}

#header
{
	text-align: left;

}
#header
{
    width:100%;
    position:fixed;
    height: 40px;
    top:0px;
    padding-top: 5px;
    z-index: 999;
    background:
    url("../images/qut-logo-text.png") no-repeat,
    url("../images/podiatry-banner-background.png") repeat-x;
}

#header
{
	position: fixed;
	left: 0;
}

#header a
{
	Width:100%;
    position:fixed;
    height: 40px;
    padding-top: 10px;
    z-index: 999;
    background: url("../images/CS-menu-v2.png")no-repeat 97% center;
    background-position: -webkit-calc(100% - 10px) center; 
    background-position: right 10px center; 
}
/* ==================================================================
   Footer
================================================================== */
#footer { 
    height: 55px; 
    background: url("../images/podiatry-banner-background.png") repeat-x;
	width: 100%;
	text-align: left;
    font-size: 1.0em;
    position:absolute;
	bottom:0;
	left:0; 
    display:block;
    border-top: 1px solid #3175A4;
    text-indent: 10px;
}
#footer a {
    margin: 0;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.2em;
    text-decoration:none !important;
}
#footer p {
    font-size: 0.8em;
    margin: .1em 0 0 0;
    color: #fff;
}
#footer a:hover {
  color: #ccc;
}
footer div#contentpage {
    border-top: 3px solid #3175A4;
    clear: none;
    height: auto;
    width: 100%;
}
footer div#contentpage a {
    margin: 0;
    color: #dcdcdc;
    font-size: 0.9em;
    line-height: 1.2em;
}
footer div#contentpage p {
    font-size: 0.9em;
    margin: 0.5em 0 0 0;
}
footer div#contentpage a:hover {
  color: #fff;
}
/* ==================================================================
   End Footer
================================================================== */
#content
{
	padding-top:50px;
	padding-bottom: 120px;
	
}
.container-gray{
	background-color:#e7e7e7;
	margin-left: auto;
	margin-right: auto;
	padding-top:15px;
	padding-bottom:20px;
	margin-bottom:20px;
	width:92%;
}
.image-wrapper{
	position: relative;
    margin-top:20px;
}
.case-image-wrapper{
	position: relative;
    margin-top:70px;
    padding-left:70px:
}
.image-decoration{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: auto;
	max-width: 90%;
	box-sizing:border-box;
	background-color:#FFFFFF;
	padding:4px;
	border:solid 1px #cacaca;
	margin-bottom:5px;
}
.menu-separator{
	padding-left:20px!important;
	font-family:'Lato', sans-serif;
	color:#ffffff;
	font-size:10px;
	margin:0px;
	padding:0px;	
	background-color:#3c863e;
	opacity:0.7;
	height:25px;	
	border-top:1px solid #323437;
	border-bottom:1px solid #323437;
}
.menu-logo{
	padding:5px 0px 5px 0px;
	text-align: center;
	border-bottom: groove 3px #f5a416;
}
.paragraph-text
{	text-align:justify;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}

.anatomy-links li {
	font-size: 14px;
	padding-left:20px;
}

.anatomy-links i {
	position: absolute;
	top:50%;
	left: 2%;
	transform:translate(0%, -50%);
	-webkit-transform:translate(0%, -50%);
}
video {
            max-width: 100%;
            height: auto;
          }

iframe, embed, object {
            max-width: 100%;
          }

.container {
            max-width: 560px;
            margin:0px auto;
            background:#fff;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
          }
.youtube {
            padding: 10px;
            background: #fff;
            margin-bottom: 2em;
            
          }

#contentpage {
    clear: left;
    padding-left: 5px;
    margin-top: 5px;
    padding-bottom: 1em;
    background: #2c3e50;
}
#contentpage p {
    font-size: 0.9em;
    line-height: 1.2em;
}

.left {
    float: left;
    width: 50%;
}
.right {
    float: right;
    width: 50%;
}
.center {
    align-content: center;
    width: 50%;
}
.right-video {
    float: right;
    width: 50%;
    margin-top: 70px;
}
.group:after {
    content:"";
    display: table;
    clear: both;
    
}
img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .left, 
    .right,
    .right-video{
        float: none;
        margin-top: none;
        width: auto;
    }
/*==================================================================
   back and next buttons
================================================================== */
}
.pod-nav {
  display: table;
  width: 100%;
  padding-right:10px;
  padding-left:10px;
  box-sizing: border-box;
  position:absolute;
  bottom:50px;
}

.pod-nav  > * {
  display: table-cell;
}

.pod-nav  > *:last-child {
  text-align: right;  
}

nav-right {
  vertical-align: baseline;
}