/*
	Theme Name: Dr. Tom Smith
	Theme URI: http://www.yourpracticeonline.net
	Author URI: http://www.yourpracticeonline.net

*/
/* ------------------------------ Fonts CSS ------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,300italic,400italic,500italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,300italic,300);
/* ------------------------------ Global CSS ------------------------------ */
body {
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
    *overflow-y:none;
}
img {
	border: 0px;
	max-width: 100%;
	vertical-align: middle;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 10px 0px;
	padding: 0px;
}
ul, ol {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style: none;
}
a, a:hover {
	text-decoration: none;
	outline: none;
}
/* ------------------------------ General CSS ------------------------------ */
.hr {
	height: 10px;
	background: url(images/hr.gif) repeat-x left center;
}
.clear-float, .clear {
	clear: both;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.videoBorder {
	border: 4px solid #333;
}
/* ------------------------------ Banner CSS ------------------------------ */
.rslides {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.rslides li {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	display: none;
}
#Interactivity {
	position: relative;
}
.intra-div {
	width: 100%;
	height: 100%;
}
.Intra-L, .Intra-R {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	top:0px;
}
.Intra-L {
	left: -100%;
}
.Intra-R {
	right: -100%;
}
.Intra-Tabs, .Intra-Tabs-loc, .Intra-Tabs-loc-sub {
	position: absolute;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	right:10px;
	bottom: 10px;
}

/* ------------------------------ Theme CSS ------------------------------ */
#Container, header, #Menu-Container, #Intra-Container, #Intra-Container-S, #Intra-Container-K, #Intra-Container-M, #Intra-Container-C, section, #Content-Container, footer{
	width: 100%;
	margin: 0px;
	padding: 0px;
	float:left;
}
#Header, #Main-Menu, #Mobile-Main, #Interactivity, #Meet-dr, #Quick-links, #Content-Main, #Footer-container {
	max-width: 940px;
	min-width: 310px;
	margin: 0px auto;
}
#Intra-Container, #Intra-Container-S, #Intra-Container-K, #Intra-Container-M, #Intra-Container-C{	
	overflow: hidden;
	position: relative;
}
 #Content-Main .intra-div {
	display: table;
	table-layout:fixed;
	
}
#Content-Left, #Sidebar {
	display: table-cell;
	vertical-align: top;
}


/* ------------------------------ Header CSS ------------------------------ */
header{
	background:#002047;
}
#Header{
	min-height: 149px;
	
}
 #Header .intra-div{
 	width: 100%;
 	float:left;
 	padding:25px 0 0 0;
 }	
.tom-logo{
	width:400px;
	float:left;
}
.header-right{
	width: 270px;
	float:right;
}
.header-right li{
	font:400 18px/22px 'Roboto', sans-serif;
	color:#dbf7fc;
}

.header-right li a{
	color:#dbf7fc;
	display: block;
}
.call-appointment p {
  font: 700 20px/22px "Roboto",sans-serif;
  margin: 13px 5px 14px 0;
  float: left;
}
.header-right li span{
	float:left;
	width:28px;
	height: 28px;
}
.call-appointment p a:hover, .book-online a:hover{
	color:#3085ca;
}
.call-appointment span {
	background: url(images/sprite.png) no-repeat scroll 0px 0px;
	margin:0 9px 0 0;
}
.book-online a span {
	background: url(images/sprite.png) no-repeat scroll -80px 0px;
	margin:0 13px 0 0;
}

/* ------------------------------ Menu CSS ------------------------------ */
#Menu-Container{
	width:100%;
	position: relative;
	overflow: visible;
	background: url(images/menu-bg.jpg) repeat-x left top;
}
#Main-Menu{
	height:53px;
	position: relative;
}

.slicknav_menu {
	display:none;
	font: 20px/20px 'AdobeCaslonProRegular';
}
#access {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
	z-index: 300;
}
#access ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#access li {
	float: left;
	position: relative;
	padding: 0px;
	text-align: center;
	font: 20px/53px  'AdobeCaslonProRegular';
	background: url("images/menu-li-rb.png") no-repeat scroll right center;
}
#access li:last-child {
	background: none;
}
#access ul ul li {
	background:none !important;
}
#access a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
#access a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #002e65;
}
#access ul ul {
display: none;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
position: absolute;
left: 0px;
z-index: 999;
width: 285px;
background: #002e65;
}
#access ul ul ul {
left: 100%;
top: 0px;
margin: 0px;
z-index: 999;
}
#access ul ul a {
text-transform: none;
color: #ffffff;
margin: 0px;
z-index: 999;
text-align: left;
padding:16px 10px 9px 20px;
}
#access ul ul a:hover {
color: #ffffff;
background:#2772c5;
}
#access ul ul li {
height: auto;
border-bottom: 1px solid #4f7096;
width: 100%;
font: 18px/18px  'AdobeCaslonProRegular';
}

#access li:hover > ul {
	display: block;
}
.home-nav {
	width: 10%;
}
.about-nav {
	width: 11%;
}
.service-nav{
	width: 12%;
}
.appointment-nav {
	width: 14%;
}
.patinfo-nav {
	width: 14%;
}
.news-nav {
    width:15%;
}
.faq-nav {
    width:8%;
}
.contctus-nav {
    width:12%;
}
.appointment-nav ul{
	width: 180px !important;
}
.patinfo-nav ul{
	width: 264px !important;
}
.patinfo-nav ul ul.sub-menu-hip{
	width: 80px !important;
}
/* ------------------------------ Banner CSS ------------------------------ */

#Intra-Container-S #Interactivity, #Intra-Container-K #Interactivity, #Intra-Container-M #Interactivity, #Intra-Container-C #Interactivity{
	height: 346px;
}
#Intra-Container-S #Interactivity{
	background: url(images/anti-banner-m.jpg) right top no-repeat;
}
#Intra-Container-S #Interactivity .Intra-L {
	background: url(images/anti-banner-l.jpg) right top no-repeat;
}
#Intra-Container-S #Interactivity .Intra-R {
	background: url(images/anti-banner-r.jpg) left top no-repeat;
}
#Intra-Container-K #Interactivity{
	background: url(images/knee-banner-m.jpg) right top no-repeat;
}
#Intra-Container-K #Interactivity .Intra-L {
	background: url(images/knee-banner-l.jpg) right top no-repeat;
}
#Intra-Container-K #Interactivity .Intra-R {
	background: url(images/knee-banner-r.jpg) left top no-repeat;
}
#Intra-Container-M #Interactivity{
	background: url(images/sports-banner-m.jpg) right top no-repeat;
}
#Intra-Container-M #Interactivity .Intra-L {
	background: url(images/knee-banner-l.jpg) right top no-repeat;
}
#Intra-Container-M #Interactivity .Intra-R {
	background: url(images/sports-banner-r.jpg) left top no-repeat;
}
#Intra-Container-C #Interactivity{
	background: url(images/computer-banner-m.jpg) right top no-repeat;
}
#Intra-Container-C #Interactivity .Intra-L {
	background: url(images/knee-banner-l.jpg) right top no-repeat;
}
#Intra-Container-C #Interactivity .Intra-R {
	background: url(images/computer-banner-r.jpg) left top no-repeat;
}

 #Intra-Container-S #Interactivity .banner-text,  #Intra-Container-K #Interactivity .banner-text, #Intra-Container-M #Interactivity .banner-text, #Intra-Container-C #Interactivity .banner-text  {
  position: absolute;
  left: 0%;
  top: 19%;
  width: 54%;
}
#Intra-Container-S #Interactivity .banner-text h2, #Intra-Container-K #Interactivity .banner-text h2, #Intra-Container-M #Interactivity .banner-text h2, #Intra-Container-C #Interactivity .banner-text h2{
	font:700 25px/27px 'Open Sans', sans-serif;
	color:#001732;
}
#Intra-Container-S #Interactivity .banner-text p, #Intra-Container-K #Interactivity .banner-text p, #Intra-Container-M #Interactivity .banner-text p, #Intra-Container-C #Interactivity .banner-text p{
	font:400 14px/20px 'Open Sans', sans-serif;
	color:#001732;
}
#Intra-Container-S #Interactivity .banner-text a, #Intra-Container-K #Interactivity .banner-text a, #Intra-Container-M #Interactivity .banner-text a, #Intra-Container-C #Interactivity .banner-text a{
	display:block;
	font:400 14px/20px 'Open Sans', sans-serif;
	color:#fff;
	background:#2772c5;
	float:right;
	padding:12px 20px 10px 21px;
	margin:6px 0 0 0;
}
#Intra-Container-S #Interactivity .banner-text a:hover, #Intra-Container-K #Interactivity .banner-text a:hover, #Intra-Container-M #Interactivity .banner-text a:hover, #Intra-Container-C #Interactivity .banner-text a:hover{
	background:#59a1f5;
}
/*--------------------Meet Dr CSS------------------------*/
#Meet-dr-container{
	background:#002e65;
}

#Meet-dr{
	padding:40px 0 0px 0;
}

.meet-left{
	width: 62%;
	float:left;
	margin:0 0 28px 0;
}

.meet-left img{
	float:left;
	border:3px solid #3973b7;
	margin:0 5% 0 0;
}
.meet-content{
	float:left;
	width:65%;
	color:#feffff;
}
.meet-content span{
	font:30px/34px 'BerlingLTStdItalic';
}
.meet-content h1{
	font:30px/30px 'AdobeCaslonProRegular';
}
.meet-content .design, .content{
	font:400 14px/18px 'Open Sans', sans-serif;
}
.meet-content .content{
	margin:0 0 16px 0;
}
.meet-content a{
	font:bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#1788dd;
	text-decoration:underline;
}
.meet-content a:hover{
	color:#59a1f5;
}
.multimedia-right{
	float:right;
}

.multimedia-right h2{
	font: 25px/25px 'AdobeCaslonProRegular';
	margin:0 0 25px 0;
	color:#fff;
}
.multimedia-right img{
	border:1px solid #1256a6;
	padding:7px 6px;
}
.meet-logo-sec{
	float:left;
	width: 40%;
	background:#ffffff;
	padding:4px 9px;
	border-radius: 10px;
	margin:0 0 30px 0;
}
.meet-logo-sec li{
	float:left;
	margin:0 13px 0 0;
}
.meet-logo-sec li:first-child {
  border-right: 1px solid #dde5f0;
  padding: 0 16px 0 0;
}

/*---------------------Quick links CSS-------------*/

#Quick-links-container{
	background:#3085ca;
}
.quick-link-intra{
	width: 100%;
	float:left;
	padding:49px 0 48px 0;
}
.quick-left{
	float:left;
	width: 76%;
}
.quick-left li{
	float:left;
	background:#002e65;
	border:1px solid #315682;
	font: 20px/25px 'AdobeCaslonProRegular';
	margin:0 14px 0 0;
}
.quick-left li:last-child{
	margin:0 0px 0 0;
}
.quick-left li a{
	display:block;
	color:#fff;
	margin:5px;
	border:1px solid #315682;
	padding:16px 16px 13px 0;	
}
.quick-left li a:hover{
	color:#3085ca;
}
.quick-left li span{
	float:left;
}
.quick-location span{
	width:18px;
	height:28px;
	background: url(images/sprite.png) no-repeat scroll 0px -80px;
	margin:-4px 18px 0 10px;
}

.quick-form span{
	width:24px;
	height:25px;
	background: url(images/sprite.png) no-repeat scroll -80px -80px;
	margin:-4px 12px 0 13px;
}
.quick-testimonial span{
	width:31px;
	height:22px;
	background: url(images/sprite.png) no-repeat scroll -160px -80px;
	margin:-4px 10px 0 17px;
}

.quick-right {
  float: right;
  margin: 0 5% 0 0;
  width: 130px;
}
.quick-right h3{
	font:400 20px/20px 'Open Sans', sans-serif;
	color:#fff;
	margin:0 0 20px 0;
	float:left;
}

.smo{
	float:left;
	width:100%;
}
.quick-right .smo li {
  display: inline-block;
  margin: 0 6px 0 0;
  text-align: center;
  text-indent: -9999px;
}
.smo li a {
	display: block;
	background: url(images/sprite.png) no-repeat 0 0;
	width: 23px;
	height: 23px;
}

.smo .facebook a {
	background-position: 0px -160px;
}
.smo .twitter a {
	background-position: -80px -160px;
}
.smo .googleplus a {
	background-position: -160px -160px;
}
.smo .youtube a {
	background-position: -240px -160px;
}

/*----------------------Footer CSS--------------------------*/
footer{
	background:#001732;
}
#Footer-container{
	padding: 26px 0 0px 0;
}
.footer-quick-links {
  float: left;
  width: 70%;
  margin: 0 0 35px 0;
}
.footer-quick-links p{
	font:400 13px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#96c2ea;
}
.footer-quick-links p a{
	color:#96c2ea;
}
.footer-quick-links p a:hover{
	color:#2cd0ff;
}
.copyright-text  a:hover{
	text-decoration:underline;
}
.foot-ypo{
	width:106px;
	float: right;
	margin:20px 0 0 0;
}
/*----------------------------- Navigation Starts ------------------------------*/
.navigation {
  font:400 14px/18px 'Oxygen', sans-serif;	
  color:#0560a1;
}
.navigation a {
	font:400 14px/18px 'Oxygen', sans-serif;	
	color: #515151;
}

/*------------------------- textMain Starts ------------------------------*/
.textMain {
	font:400 15px/19px 'Oxygen', sans-serif;
	color: #515151;
	padding: 6px 40px 30px 0px;
	text-align: justify;
}
.textMain a {
	color: #025384;
}
.textMain a:hover {
	text-decoration: underline;
}
.textMain ul {
	padding: 0px;
	margin: 10px 0px;
}
.textMain ol {
	padding: 0px;
	margin: 10px 0px 0px 30px;
}
.textMain ul li {
	background: url(images/bullet-tm.gif) no-repeat 15px 12px;
	padding: 5px 0px 5px 30px;
	list-style: none;
}
.textMain ol li {
	padding: 5px 0px 5px 0px;
	list-style: decimal;
}
.textMain ul ul, .textMain ol ol {
	margin: 0px;
	padding: 5px 0px 5px 20px;
}
.textMain ul ul li {
	background: none;
	padding: 5px 0px;
	list-style: circle;
}
.textMain ol ol li {
	padding: 5px 0px;
	list-style-type: lower-alpha;
}
.textMain ul ul ul li {
	list-style: square;
}
.textMain ol ol ol li {
	list-style: lower-roman;
}
.textMain li p {
	margin: 5px 0px;
}
/*----------------------------- textMain Heading Starts ------------------------*/
.textMain h1 {
	font:700 40px/40px 'Oxygen', sans-serif;
	color: #0560a1;
	margin: 20px 0px 30px 0px;
	text-align: left;
}
.textMain h2 {
	font:700 35px/35px 'Oxygen', sans-serif;
	color: #3e91a1;
	text-align: left;
}
.textMain h2 a {
	color: #1e1651;
}
.textMain h2 a:hover {
	text-decoration: underline;
}
.textMain h3 {
	font:700 30px/30px 'Oxygen', sans-serif;
	color: #49acbf;
	text-align: left;
}
.textMain h3 a {
	color: #413a6b;
}
.textMain h3 a:hover {
	text-decoration: underline;
}
.textMain h4 {
	font:700 25px/25px 'Oxygen', sans-serif;
	color: #57c9df;
	text-align: left;
}
.textMain h4 a {
	color: #8eceeb;
}
.textMain h4 a:hover {
	text-decoration: underline;
}
.textMainBold {
	font: 700 15px/19px 'Oxygen', sans-serif;
	color: #515151;
	text-align: left;
}
.textMainBold a {
	color: #025384;
}
.textMainBold a:hover {
	text-decoration: underline;
}
.PDFtext {
	font: normal 10px 'Open Sans', sans-serif;
	color: #999999;
}
/* ------------------------------ Media Screen:887px CSS ------------------------------ */
@media screen and (max-width: 887px) {
	.meet-left {  width: 56%;}
.meet-left img {  width: 30%;}
.meet-content {  width: 59%;}
.multimedia-right {  float: left;  width: 41%;}
.meet-logo-sec {  width: 44%;}
.quick-left {  float: none;  margin: 0 auto 10px;  width: 89%;}
.quick-right {  clear: both;  float: none;  margin: 0 auto;  padding: 10px 0 0;}
.footer-quick-links {  margin: 0 0 35px 4px;}
.foot-ypo {  margin: 20px 10px 0 0;}
.appointment-nav {
  width: 15%;
}
.news-nav {
  width: 17%;
}
}
/* ------------------------------ Media Screen:768px CSS ------------------------------ */
@media screen and (max-width: 768px) {
.tom-logo {  width: 55%;}
#Intra-Container-S #Interactivity .banner-text, #Intra-Container-K #Interactivity .banner-text {  left: 2%;  top: 12%;}
.meet-content h1 {  font: 4vw/30px "AdobeCaslonProRegular";}
.multimedia-right h2 {  font: 21px/25px "AdobeCaslonProRegular";}
.meet-logo-sec {  width: 53%;}
.quick-left {  width: 100%;}
.quick-left li {  margin: 0 1px 0 0;}
#access li {
  font: 2.5vw/53px "AdobeCaslonProRegular";
}
}
/* ------------------------------ Media Screen:640px CSS ------------------------------ */
@media screen and (max-width: 640px) {
.tom-logo {  float: none;   margin: 35px auto 0;  width: 73%;}
.header-right {  float: none;  margin: 20px auto 15px;  width: 270px;}
#Intra-Container-S #Interactivity .banner-text, #Intra-Container-K #Interactivity .banner-text {  width: 69%;}	
.meet-left {  width: 99%;}
.meet-content {  width: 63%;}
.meet-content h1 {  font: 30px/30px "AdobeCaslonProRegular";}
.multimedia-right {  float: none;  margin: 0 auto;  width: 65%;}
.multimedia-right h2 {  font: 25px/25px "AdobeCaslonProRegular";}
.meet-logo-sec {  width: 71%;  margin: 13px 0 30px 13%;}
.quick-left {  width: 80%;}
.quick-left li {  float: none;  margin: 0 auto 10px;}
.footer-quick-links {  float: left;  margin: 0 0 35px;  width: 97%;}
.foot-ypo {  float: none;  margin: 0 auto 10px;}

.js #menu {
		display:none;
}
.slicknav_menu {
		display:block;
	}
	#Main-Menu {
  display: none;
}
.slicknav_nav li {
  width:100%;
  font:400 16px/20px 'Open Sans', sans-serif;
  
}
.slicknav_nav ul li{
	font: 400 14px/14px  'Open Sans', sans-serif;
	width:96%;
}

.slicknav_nav  .appointment-nav ul, .slicknav_nav  .patinfo-nav  ul{
	width:100% !important;
}
.slicknav_nav .patinfo-nav ul ul.sub-menu-hip {
  width: 100% !important;
}
.slicknav_nav a {border-radius:6px;}
}
/* ------------------------------ Media Screen:480px CSS ------------------------------ */
@media screen and (max-width: 480px) {
#Intra-Container-K #Interactivity, #Intra-Container-S #Interactivity{ height:auto;}
.meet-left img {  float: none;  margin: 0 0 0 10%;  width: 159px;}
.meet-content {  float: none;  margin: 0 auto;  width: 93%;}
.meet-logo-sec {  margin: 13px 0 30px 7%;}
.multimedia-right {  width: 86%;}
.multimedia-right h2 {  font: 22px/25px "AdobeCaslonProRegular";}
.meet-logo-sec li:first-child {  border-right: medium none;  padding: 0 16px 15px 0;}
}