@charset "utf-8";

body {

	background: url(/images/complex-spine-bodybg.jpg) repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #FFF;

	line-height: 18px

}


body, form, h1, h2, h3, h4, html, li, ol, p, ul {

	padding: 0;

	margin: 0

}

a {

	outline: 0;

	text-decoration: none;

	color: #3889f3

}

a:hover {

	color: #e78b27

}

img {

	border: none;

	max-width: 100%

}

li, ul {

	list-style-type: none

}

.clear {

	clear: both

}

.alignleft {

	float: left;

	margin: 0 20px 20px 0

}

.alignright {

	float: right;

	margin: 0 0 20px 20px

}

.aligncenter {

	margin: 20px auto;

	clear: both;

	display: block;

	text-align: center

}

@font-face {

	font-family: Gothic720BTRoman;

	src: url(/fonts/goth720n.eot);

	src: url(/fonts/goth720n.eot) format('embedded-opentype'), url(/fonts/goth720n.woff) format('woff'), url(/fonts/goth720n.ttf) format('truetype'), url(/fonts/goth720n.svg#Gothic720BTRoman) format('svg')

}

@font-face {

	font-family: MyriadProRegular;

	src: url(/fonts/myriadpro-regular.eot);

	src: url(/fonts/myriadpro-regular.eot) format('embedded-opentype'), url(/fonts/myriadpro-regular.woff) format('woff'), url(/fonts/myriadpro-regular.ttf) format('truetype'), url(/fonts/myriadpro-regular.svg#MyriadProRegular) format('svg')

}

@font-face {

	font-family: SegoeUIRegular;

	src: url(/fonts/segoeui.eot);

	src: url(/fonts/segoeui.eot) format('embedded-opentype'), url(/fonts/segoeui.woff) format('woff'), url(/fonts/segoeui.ttf) format('truetype'), url(/fonts/segoeui.svg#SegoeUIRegular) format('svg')

}

h1, h2 {

	font-weight: 400

}

h1 {

	font-family: Gothic720BTRoman;

	font-size: 31px;

	color: #FFF

}

#banner-section, #breadcrumb-section, #container-section, #credibility-section, #footer-section, #header-section, #top-nav-section, .banner-spine-image, .inner-spine-image {

	float: left;

	width: 100%

}

a.readmore:hover {

	background: #0E294D!important;

	color: #fff!important

}

li.no-background {

	background: 0 0!important

}

.header {

	padding: 20px 1%;

	text-align: center

}

.header a.logo {

	margin-top: 5px

}

.header-right {

	padding: 15px 0 0

}

.header-right ul li {

	color: #FFF;

	text-align: center

}

.header-right ul li.for-appointment {

	color: #fff;

	font-size: 14px;

	padding-top: 5px;

	display: block

}

.header-right ul li.for-appointment span {

	display: inline-block;

	padding: 10px 0 0 20px;

	background: url(/images/complex-spine-center-phone-icon.png) 0 10px no-repeat;

	font-size: 19px;

	margin-left: 10px;

	color: #e37600

}

.header-right ul li.address {

	font-size: 12px;

	margin-top: 20px;

	font-weight: 700

}

#top-nav-section {

	background: url(/images/menu-bg.png) center 0 no-repeat

}

.top-nav ul li {

	position: relative

}

.top-nav ul li a {

	display: block;

	padding: 17px 0;

	color: #000;

	font-family: Gothic720BTRoman;

	font-size: 16px

}

.top-nav ul li:hover {

	background: url(/images/menu-mouse-over.jpg) repeat-x

}

#menu-menu-1>li.current-menu-item>a, #menu-menu-1>li.current_page_ancestor>a, #menu-menu-1>li:hover {

	background: url(/images/menu-mouse-over.jpg) repeat-x!important

}

.top-nav li ul {

	display: none;

	z-index: 99

}

.top-nav li:hover>ul, .top-nav li>ul>li:hover>ul, .top-nav li>ul>li>ul>li:hover>ul {

	display: block

}

.top-nav li ul li {

	float: none;

	border-bottom: 1px solid #90929c;

	background: url(/images/menu-normal-bullet.png) 10px 15px no-repeat #b6b6b6

}

#menu-menu-1>li ul li:hover, .top-nav li ul li:hover {

	background: url(/images/menu-mouse-bullet.png) 10px 15px no-repeat #bee8ff

}

.top-nav li ul li a {

	display: block;

	padding: 10px 10px 10px 40px;

	font-size: 14px;

	font-family: SegoeUIRegular;

	background: 0 0;

	color: #262834

}

#menu-menu-1 li ul li a:hover, #menu-menu-1 ul li ul>li:hover>a, .top-nav li ul li a:hover, .top-nav li ul li:hover>a {

	color: #161f6a!important

}

.top-nav ul li ul li.ypomainmenu-item-has-children>a {

	background: url(/images/menu-if-child-icon.png) 90% 15px no-repeat

}

.top-nav ul li ul li.ypomainmenu-item-has-children>a:hover {

	background: url(/images/menu-if-child-icon.png) 90% 15px no-repeat #bee8ff!important

}

.top-nav li:hover>ul, .top-nav li:hover>ul>li>ul, .top-nav li:hover>ul>li>ul>li>ul {

	width: 270px;

	width: 250px\0/;

	position: absolute

}

.top-nav li:hover>ul>li>ul, .top-nav li:hover>ul>li>ul>li>ul {

	left: 200px

}

.top-nav li:hover>ul {

	top: 32px;

	left: 0;

	border: none

}

.top-nav li:hover>ul>li>ul {

	top: 0;

	border: none

}

.rslides {

	position: relative;

	list-style: none;

	overflow: hidden;

	width: 100%

}

.rslides li {

	-webkit-backface-visibility: hidden;

	width: 100%;

	left: 0;

	top: 0

}

.rslides li:first-child {

	position: relative

}

.rslides img {

	display: block;

	height: auto;

	float: left;

	border: 0

}

.banner {

	padding: 25px 1% 30px;

	position: relative

}

.banner-content {

	background: #34363f;

	border-radius: 20px;

	color: #FFF;

	border: 2px solid #999;

	position: relative;

	z-index: 1;

	float: left;

	margin: 0 0 40px

}

.banner-content ul li {

	width: 100%

}

.banner-content h2 {

	background: #474955;

	border-radius: 20px 20px 0 0;

	padding: 16px 0 16px 5%;

	font-size: 23px;

	color: #fff;

	margin: 0;

	font-family: Georgia, "Times New Roman", Times, serif

}

.banner-content .home-banner-image {

	float: left;

	width: 46.8%;

	margin: 25px 0 10px 5%

}

.banner-content .home-banner-content {

	float: right;

	margin: 35px 3.5% 20px;

	width: 40.5%

}

.home-banner-content p {

	line-height: 16px;

	margin: 10px 0 0

}

.home-banner-content ul li {

	background: url(/images/menu-if-child-icon.png) 0 5px no-repeat;

	line-height: 16px;

	margin: 10px 0 0;

	padding: 0 0 0 12px

}

.home-banner-content p span {

	display: none

}

.home-banner-content h3 {

	padding-bottom: 5px;

	font-family: Gothic720BTRoman;

	font-size: 15px;

	color: #FFF;

	font-weight: 400;

	border-bottom: 1px solid #484a4f

}

.home-banner-content a.readmore {

	background: #1b1e2b;

	width: 78px;

	text-align: center;

	font-size: 12px;

	color: #fff;

	margin: 20px 0 25px 4px;

	display: block;

	padding: 1px 0

}

.banner-services-list {

	clear: both

}

.banner-services-list h3 a {

	color: #dfe0e1;

	display: block;

	padding: 8px 0 8px 40px;

	font-size: 14px;

	background: url(/images/services-bullets.png) 15px 13px no-repeat

}

.banner-services-list h3.border-radius-top {

	border-radius: 10px 10px 0 0

}

.banner-services-list h3.border-radius-bottom {

	border-radius: 0 0 10px 10px

}

.banner-services-list h3 {

	background: url(/images/home-services-bg.jpg) repeat-x

}

ul.bullets {

	position: absolute;

	bottom: 20px;

	z-index: 2;

	right: 23%

}

ul.bullets li {

	float: left;

	padding-right: 4px;

	width: 23%

}

ul#bullet2 li a, ul.bullets li a {

	display: block;

	width: 10px;

	height: 10px;

	background: url(/images/case-studies-normal.png) no-repeat

}

ul#bullet2 li a:hover, ul#bullet2 li.rslides_here a, ul.bullets li a:hover, ul.bullets li.rslides_here a {

	background: url(/images/case-studies-mouse.png) no-repeat

}

.home-side-bar ul#bullet2 {

	background: none;

	position: absolute;

	right: 10px;

	top: 155px;

	z-index: 11

}

.home-side-bar ul#bullet2 li {

	background: none;

	float: left;

	margin: 0 3px 0 0;

	width: 10px;

	display: block

}

.home-side-bar ul {

	position: relative

}

.home-side-bar ul li {

	display: block;

	width: 100%

}

.inner-side-bar .home-side-bar ul#bullet2 li {

	display: block

}

.patient-stories {

	margin: 30px 0 20px

}

.patient-stories-content {

	clear: both

}

.patient-stories-content ul {

	margin: 0!important

}

.patient-stories-image {

	float: left

}

.patient-stories-image img {

	float: left;

	margin: 0 20px 0 0

}

#container-section {

	background: #15181d;

	margin: 5px auto 0

}

.container {

	padding: 55px 1% 65px

}

.interactivity-slider {

	display: none

}

.interactivity-slider ul {

	width: 100%

}

ul.interactivity-bullets li a {

	background: url(/images/banner-bullet-normal.png) 13px 18px no-repeat;

	display: block;

	font-size: 16px;

	color: #FFF;

	padding: 14px 0 14px 35px

}

ul.interactivity-bullets li:hover a {

	background: url(/images/banner-bullet-mouse.png) 13px 18px no-repeat

}

ul.interactivity-bullets {

	background: #2e333a;

	margin-bottom: 15px;

	border-radius: 10px;

	clear: both

}

ul.interactivity-bullets li {

	border-bottom: 1px solid #5d6064

}

ul.interactivity-bullets li.congenital {

	border-radius: 13px 13px 0 0

}

ul.interactivity-bullets li.thoracic {

	background: 0 0;

	border-radius: 0 0 13px 13px

}

ul.interactivity-bullets li:hover {

	background: url(/images/inner-banner-services-mouse.jpg) repeat-x

}

.patient-education a, .research a {

	font-size: 20px

}

.content .patient-education, .content .research, .inner-side-bar .patient-education, .inner-side-bar .research {

	background: url(/images/research-bg.jpg) repeat-x;

	border-radius: 20px;

	margin-bottom: 5px

}

.patient-education:hover, .research:hover {

	background: url(/images/research-mouse-bg.jpg) repeat-x

}

.patient-education a, .research a {

	display: block;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #FFF;

	padding: 25px 0 22px 80px

}

.research a {

	background: url(/images/banner-research-icon.png) 22px 0 no-repeat

}

.patient-education a {

	background: url(/images/banner-patient-education-icon.png) 22px 20px no-repeat

}

.home-side-bar h2 {

	background: #585858;

	font-size: 24px;

	font-weight: 400;

	font-family: Georgia, "Times New Roman", Times, serif;

	line-height: 24px;

	padding: 12px 0 12px 20px

}

.home-side-bar h2 a {

	color: #FFF

}

.home-side-bar h2:hover {

	background: #0E294D

}

.home-side-bar h3 a {

	color: #fff

}

.home-side-bar h3 span {

	font-size: 13px;

	display: block;

	color: #127ac3;

	font-weight: 400

}

.home-side-bar ul li ul {

	background: #53565d;

	border-radius: 0 0 20px 20px;

	padding: 0

}

.home-side-bar ul li ul li {

	border-bottom: 1px solid #656972

}

.home-side-bar ul li ul li a {

	display: block;

	padding: 12px 0 12px 45px;

	color: #FFF;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	font-weight: 400;

	background-position: 10px 10px!important;

	margin: 0

}

.home-side-bar ul li ul li a.patient-education-icon {

	background: url(/images/patient-education-icon.png) no-repeat

}

.home-side-bar ul li ul li a.patient-education-icon:hover {

	background: url(/images/patient-education-icon.png) no-repeat #e78b27

}

.home-side-bar ul li ul li a.publications {

	background: url(/images/publication-icon.png) no-repeat

}

.home-side-bar ul li ul li a.publications:hover {

	background: url(/images/publication-icon.png) no-repeat #e78b27

}

.home-side-bar ul li ul li a.awards {

	background: url(/images/awards-icon.png) no-repeat

}

.home-side-bar ul li ul li a.awards:hover {

	background: url(/images/awards-icon.png) no-repeat #e78b27

}

.home-side-bar ul li ul li a.research {

	background: url(/images/research-icon.png) no-repeat

}

.home-side-bar ul li ul li a.research:hover {

	background: url(/images/research-icon.png) no-repeat #e78b27

}

.home-side-bar ul li ul li.readmore {

	text-align: right;

	font-family: Verdana, Geneva, sans-serif;

	border: 0;

	padding: 4px 17% 4px 0

}

.home-side-bar ul li ul li.readmore a {

	color: #FFF;

	display: inline;

	font-size: 11px;

	padding: 0

}

.home-side-bar ul li ul li.readmore a:hover {

	color: #e78b27

}

.credibility {

	padding: 10px 1%;

	border: 1px solid #fff

}

.credibility a {

	margin: 0 20px

}

.np .next, .np .prev {

	cursor: pointer;

	top: -10px;

	z-index: 9

}

.np .next {

	background: url(/images/left-arrow.png) 0 36px no-repeat #fff;

	float: left;

	height: 22px;

	padding: 36px 0;

	position: absolute;

	width: 22px

}

.np .prev {

	background: url(/images/right-arrow.png) 0 36px no-repeat #fff;

	float: right;

	height: 22px;

	padding: 36px 0;

	position: relative;

	width: 22px

}

#footer-section {

	background: #464646;

	border-top: 1px solid #525252

}

.footer {

	padding: 30px 1%;

	text-align: center

}

.footer .copy-and-links p {

	margin: 0;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px

}

.footer .copy-and-links a {

	color: #fff;

	line-height: 23px

}

.footer .copy-and-links a:hover {

	text-decoration: underline

}

.footer a.ypo-logo {

	display: block;

	margin-top: 10px

}

.breadcrumb {

	font-size: 14px;

	color: #ebebeb;

	padding: 25px 0 20px

}

.breadcrumb a {

	color: #ebebeb

}

.breadcrumb a:hover {

	color: #3889f3

}

.inner-container {

	padding: 0 1%;

	min-height: 1070px

}

.inner-content {

	padding: 0 0 0 10px

}

.inner-content h1, h1.heading2 {

	margin: 15px 0 20px;

	padding: 0 0 15px;

	border-bottom: 1px dotted #585858;

	color: #59afff

}

.inner-content h2, .inner-content h3, .inner-content p, .inner-content ul {

	margin: 12px 0

}

.inner-content h2 {

	font-size: 22px;

	color: #E68014;

	line-height: 30px

}

h1.heading2 {

	padding: 0;

	line-height: 31px

}

.inner-content h2 span, h1.heading2 span {

	font-size: 18px;

	color: #e78d42;

	font-family: MyriadProRegular;

	display: block;

	font-weight: 400;

	line-height: 30px

}

.alignleft {

	width: 24.5%

}

.inner-content h3 {

	font-size: 18px;

	color: #2A6BAD

}

.inner-side-bar {

	margin-bottom: 60px

}

.inner-side-bar .banner-services-list {

	margin: 0 0 10px

}

.home-side-bar {

	width: 98%;

	float: none;

	border: 1px solid #585860;

	border-radius: 8px;

	margin-bottom: 10px;

	position: relative

}

.home-side-bar .aside-dr {

	float: left;

	width: 37%;

	padding: 5px 0 0

}

.home-side-bar h2 {

	border-radius: 8px 8px 0 0

}

.home-side-bar h3 {

	background: 0 0;

	float: right;

	font-size: 16px;

	line-height: 22px;

	width: 63%;

	padding: 30px 0 0;

	min-height: 66px

}

.home-side-bar ul {

	background: 0 0

}

.home-side-bar ul li {

	border-radius: 0 0 8px 8px

}

.home-side-bar ul li ul li.readmore {

	float: right;

	width: 61px;

	border-radius: 0;

	background: 0 0

}

.container .home-side-bar ul li ul li.readmore {

	clear: both

}

.home-side-bar ul li ul li {

	display: none;

	background: url(/images/inner-meet-our-dr-bg.jpg) repeat-x

}

.home-side-bar ul li.readmore {

	display: block!important

}

.inner-side-bar .banner-services-list {

	height: auto

}

.inner-side-bar #accordion {

	position: inherit

}

.banner-services-list {

	position: relative;

	height: 341px;

	z-index: 10

}

#accordion {

	position: absolute;

	width: 100%

}

#accordion ul {

	background: #78b2ff

}

#accordion ul li {

	border-bottom: 1px solid #366db5

}

#accordion ul li a {

	background: url(/images/services-icon.png) 15px 10px no-repeat;

	display: block;

	padding: 5px 0 5px 30px;

	color: #000

}

.inner-content ul.services-list-blocks {

	list-style: none;

	padding: 0;

	margin: 20px 0 0

}

.inner-content ul.services-list-blocks li {

	list-style: none;

	background: url(/images/services-bullets.png) 15px 18px no-repeat #0A2445;

	margin: 0 0 5px

}

.inner-content ul.services-list-blocks li a {

	font-size: 15px;

	color: #fff;

	display: block;

	padding: 15px 0 15px 35px

}

.inner-content ul.services-list-blocks li h2 {

	line-height: normal;

	margin: 0

}

.inner-content ul.services-list-blocks li:hover {

	background: url(/images/banner-bullet-normal.png) 15px 18px no-repeat #E78218

}

.testimonial-buton {

	background: #585858;

	float: right;

	padding: 5px 10px

}

.testimonial-buton:hover {

	background: #E78218

}

.testimonial-buton>a {

	color: #fff

}

.inner-content ul li {

	background: url(/images/menu-if-child-icon.png) 10px 5px no-repeat;

	padding: 0 0 0 20px

}

.inner-content ul.patient-forms>li {

	background: url(/images/pdf-icon.png) 0 5px no-repeat;

	padding: 5px 0 5px 20px

}

.our-doctors ul li {

	background: 0 0;

	text-align: center;

	border: 1px solid #585858;

	margin: 0 0 10px;

	padding: 20px 0 10px

}

.banner10 {

	border: 1px solid #585858;

	padding: 25px 2% 10px;

	width: 95%

}

.banner10 ol li {

	margin: 0 0 15px

}

.map-icon>a {

	display: block;

	float: left;

	margin: 0 2% 0 0;

	width: 47%

}

.rev>li {

	list-style: none!important;

	padding: 0!important;

	background: 0 0!important;

	float: left

}



@media only screen and (min-width:320px) and (max-width:479px) {
	h1 {
    font-family: Gothic720BTRoman;
    font-size: 30px;
    color: #FFF;
    line-height: 33px !important;
}

.banner-content {

	width: 100%

}

.banner-content .home-banner-image {

	width: 80%;

	margin: 25px auto 0;

	float: none

}

.banner-content .home-banner-content {

	float: none;

	margin: 5px auto;

	width: 90%;

	clear: both

}

}



@media only screen and (min-width:480px) and (max-width:639px) {
	h1 {
    font-family: Gothic720BTRoman;
    font-size: 30px;
    color: #FFF;
    line-height: 33px !important;
}

.inner-side-bar .banner-services-list, .inner-side-bar ul.interactivity-bullets {

	float: left;

	width: 55%

}

.inner-side-bar .banner-services-list h3 a {

	font-size: 13px

}

.inner-side-bar .home-side-bar, .inner-side-bar .patient-education, .inner-side-bar .research {

	float: right;

	width: 43%

}

.inner-side-bar .home-side-bar h2 {

	font-size: 23px

}

.inner-side-bar .patient-education a {

	padding: 17px 0 15px 80px!important

}

.inner-side-bar .research {

	margin: -75px 0 5px

}

.footer {

	padding: 30px 1%;

	text-align: left

}

.footer .copy-and-links {

	float: left;

	width: 66%

}

.footer a.ypo-logo {

	float: right;

	margin-top: 5px

}

.our-doctors h2 {

	font-size: 16px

}

.our-doctors h2 span {

	font-size: 13px;

	color: #e78b27

}

.our-doctors ul li {

	float: left;

	width: 45%;

	margin: 0 4% 0 0

}

.home-side-bar ul li {

	background: url(/images/inner-meet-our-dr-bg.jpg) repeat-x #585860

}

.banner10 ol li {

	float: left;

	margin: 0 2% 15px 0;

	width: 46%

}

}



@media screen and (min-width:640px) {
h1 {
    font-family: Gothic720BTRoman;
    font-size: 30px;
    color: #FFF;
    line-height: 33px !important;
}

.header a.logo {

	width: 45%;

	display: block;

	float: left

}

.header-right {

	width: 50%;

	float: right

}

.header-right ul li {

	float: left;

	text-align: left

}

.header-right ul li.for-appointment {

	width: 44%

}

.header-right ul li.for-appointment span {

	margin: 0;

	font-size: 16px

}

.header-right ul li.address {

	background: url(/images/complex-spine-center-header-divider.png) no-repeat;

	width: 51%;

	padding: 0 0 0 4%;

	margin: 0;

	font-weight: 700;

	line-height: 14px;

	display: block

}

.top-nav ul li {

	float: left;

	background: url(/images/menu-divider.jpg) right 0 no-repeat

}

.top-nav ul li.first-child {

	background: url(/images/menu-divider.jpg) no-repeat

}

.top-nav ul li a.first-child:hover {

	background: url(/images/menu-mouse-over_11.jpg) repeat-x

}

.top-nav ul li a {

	padding: 14px 15.2px;

	font-size: 14px

}

.banner-content {

	width: 56%;

	margin: 0;

	min-height: 335px

}

.banner-content .home-banner-image {

	width: 36.8%

}

.banner-content .home-banner-content {

	width: 51.5%;

	margin: 35px 3% 20px

}

.home-banner-content h3 {

	font-size: 17px

}

.home-banner-content p span {

	display: inline

}

.banner-services-list {

	width: 41%;

	float: right

}

.home-banner-content a.readmore {

	margin: 33px 0 0

}

ul.bullets {

	right: 33%;

	bottom: 5px

}

.banner-services-list {

	clear: none

}

.content ul.interactivity-bullets {

	float: left;

	width: 42.5%;

	padding: 0;

	clear: none;

	margin: 34px 0 5px

}

.container .home-side-bar {

	width: 23.5%;

	float: left;

	position: relative

}

.container .content {

	float: right;

	width: 70.5%

}

.interactivity-section {

	background: url(/images/banner-services-bottom-bg.png) right bottom no-repeat;

	padding: 0 0 2.5px;

	position: relative

}

.interactivity-slider {

	width: 57.5%;

	position: absolute;

	bottom: 3px;

	right: 0;

	display: block

}

.interactivity-slider-img {

	float: left;

	width: 55%;

	margin: 0 0 0 -7.5%

}

.interactivity-slider-content {

	float: left;

	width: 52.5%;

	margin: 75px 0 0

}

.interactivity-slider-content>h2 {

	font-size: 18px;

	font-weight: 400;

	color: #e78b27;

	margin-bottom: 10px

}

.interactivity-slider-content p {

	display: none

}

.interactivity-slider-content a {

	float: right;

	color: #3889f3

}

.interactivity-slider-content a:hover {

	color: #e78b27

}

.content ul.interactivity-bullets li a, .inner-side-bar ul.interactivity-bullets li a {

	background: url(/images/banner-bullet-normal.png) 10px 18px no-repeat;

	display: block;

	font-size: 14px;

	color: #FFF;

	padding: 14px 0 14px 30px

}

.content ul.interactivity-bullets li:hover a, .inner-side-bar ul.interactivity-bullets li:hover a {

	background: url(/images/banner-bullet-mouse.png) 13px 18px no-repeat

}

.content .patient-education, .content .research {

	float: left;

	width: 46.8%;

	margin-top: 60px

}

.content .patient-education, .content .research, .inner-side-bar .patient-education, .inner-side-bar .research {

	background: url(/images/research-bg.jpg) repeat-x;

	margin-bottom: 5px

}

.content .patient-education:hover, .content .research:hover, .inner-side-bar .patient-education:hover, .inner-side-bar .research:hover {

	background: url(/images/research-mouse-bg.jpg) repeat-x

}

.content .research {

	margin-right: 6%

}

.content .patient-education a, .content .research a, .inner-side-bar .patient-education a, .inner-side-bar .research a {

	display: block;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 22px;

	color: #FFF

}

.content .research a, .inner-side-bar .research a {

	background: url(/images/banner-research-icon.png) 20px 0 no-repeat;

	padding: 25px 0 22px 80px

}

.content .patient-education a, .inner-side-bar .patient-education a {

	background: url(/images/banner-patient-education-icon.png) 30px 20px no-repeat

}

.content .patient-education a {

	padding: 17px 0 15px 80px

}

.footer {

	padding: 30px 1%;

	text-align: left

}

.footer .copy-and-links {

	float: left

}

.footer a.ypo-logo {

	float: right;

	margin-top: 5px

}

.inner-content {

	width: 55%;

	float: left;

	padding: 0 0 0 10px

}

.inner-side-bar {

	width: 41%;

	float: right;

	margin: 30px 0 0

}

.banner-services-list h3 a {

	font-size: 13px

}

.inner-side-bar .banner-services-list {

	float: none;

	width: 100%;

	margin: 0 0 10px

}

.inner-side-bar ul.interactivity-bullets {

	background: #2e333a;

	margin-bottom: 15px;

	border-radius: 10px

}

.inner-side-bar ul.interactivity-bullets li.congenital {

	border-radius: 13px 13px 0 0

}

.inner-side-bar ul.interactivity-bullets li.thoracic {

	background: 0 0;

	border-radius: 0 0 13px 13px

}

.inner-side-bar ul.interactivity-bullets li:hover {

	background: url(/images/inner-banner-services-mouse.jpg) repeat-x

}

.inner-side-bar .home-side-bar ul li {

	display: none

}

.container .home-side-bar ul li {

	display: block;

	background: 0 0;

	border-radius: 0

}

.inner-side-bar .patient-education a, .inner-side-bar .research a {

	font-size: 20px

}

.inner-side-bar .patient-education a {

	background-position: 22px 20px;

	padding: 25px 0 22px 80px

}

.our-doctors ul li {

	float: left;

	width: 45%;

	margin: 0 4% 0 0

}

.container .home-side-bar ul li ul {

	border-radius: 0

}

.container .home-side-bar .aside-dr {

	float: none;

	padding: 0;

	width: 100%

}

.container .home-side-bar ul li ul li.readmore {

	width: 83%;

	border-radius: 0 0 8px 8px;

	background: #43464d

}

.container .home-side-bar h3, .home-side-bar h2 {

	margin: 0;

	padding: 15px 0 15px 20px

}

.container .home-side-bar h3 {

	background: #0e294d;

	font-size: 16px;

	font-weight: 700;

	padding: 10px 0 5px;

	text-align: center;

	float: none;

	width: 100%

}

.container .home-side-bar h3:hover {

	background: #e78b27

}

.inner-side-bar ul.interactivity-bullets li {

	background: url(/images/inner-banner-services-divider.jpg) 0 bottom no-repeat;

	border: none

}

.banner10 ol li {

	float: left;

	margin: 0 2% 15px 0;

	width: 46%

}

.patient-stories-image img {

	float: left;

	margin: 0 20px 0 0;

	width: 44%

}

}



@media screen and (min-width:768px) {

.header-right {

	width: 45%

}

.top-nav ul li a {

	padding: 14px 9.2px

}

#menu-menu-1>li.ypomainmenu-item-10.current-menu-item>a, #menu-menu-1>li.ypomainmenu-item-10.current_page_ancestor>a, #menu-menu-1>li.ypomainmenu-item-10:hover {

	border-radius: 10px 0 0

}

ul.bullets {

	right: 38%;

	bottom: 15px

}

.content .patient-education, .content .research {

	width: 47.8%

}

.content .research {

	margin-right: 4%

}

.content .patient-education a {

	padding: 17px 0 15px 100px

}

.inner-content {

	width: 61%

}

.inner-side-bar {

	width: 35%

}

}



@media screen and (min-width:802px) {

.content .patient-education a {

	padding: 25px 0 22px 90px

}

}



@media screen and (min-width:940px) {

.banner, .container, .credibility, .footer, .header, .inner-container {

	width: 940px;

	margin: auto;

	padding: 0

}

.header-right {

	width: 38%

}

.header-right ul li.for-appointment span {

	font-size: 19px

}

.top-nav ul li {

	margin-bottom: 10px

}

.top-nav ul li a {

	padding: 14px 17px;

	font-size: 16px

}

.banner-content {

	width: 65%

}

.home-banner-content a.readmore {

	margin: 55px 0 0

}

ul.bullets {

	bottom: 20px;

	right: 33%

}

.banner-services-list {

	width: 30%

}

.banner-services-list h3 a {

	font-size: 14px

}

.banner-content .home-banner-image {

	width: 44.8%

}

.banner-content .home-banner-content {

	width: 40.5%;

	margin: 35px 4.5% 20px

}

.banner-spine-image {

	background: url(/images/spine-bg.png) 10.5% 10px no-repeat

}

.container .home-side-bar ul#bullet2 {

	top: 170px

}

.interactivity-slider {

	margin: 75px 0 0;

	bottom: 7px

}

.interactivity-slider ul {

	margin: 0 0 0 -7.5%;

	width: 107.5%

}

.interactivity-slider-img {

	width: 53%;

	margin: 0

}

.interactivity-slider-content {

	margin: 100px 0 0;

	width: 46.5%

}

.interactivity-slider-content p {

	line-height: 15px;

	color: #ededed;

	margin-bottom: 10px;

	display: block

}

.content ul.interactivity-bullets {

	padding: 34px 0;

	margin: 0 0 5px;

	background: url(/images/banner-bg.png) no-repeat

}

ul.interactivity-bullets li {

	background: url(/images/inner-banner-services-divider.jpg) 0 bottom no-repeat;

	border: none!important

}

.content ul.interactivity-bullets li.congenital {

	background: 0 0

}

.content ul.interactivity-bullets li.congenital.rslides_here, .content ul.interactivity-bullets li.congenital:hover {

	background: url(/images/banner-congenitalmouse.png) no-repeat!important;

	border-radius: 0

}

.content ul.interactivity-bullets li.coccygectomy {

	background: url(/images/congenital-scoliosis-divider.png) no-repeat!important

}

.content ul.interactivity-bullets li.coccygectomy.rslides_here, .content ul.interactivity-bullets li.coccygectomy:hover {

	background: url(/images/banner-coccygectomy-mouse.png) no-repeat!important

}

.content ul.interactivity-bullets li.cervical {

	background: url(/images/cervical-herniated-disc-divider.png) no-repeat

}

.content ul.interactivity-bullets li.cervical.rslides_here, .content ul.interactivity-bullets li.cervical:hover {

	background: url(/images/banner-cervical-mouse.png) no-repeat

}

.content ul.interactivity-bullets li.spine-injuries {

	background: url(/images/spine-injuries-divider.png) no-repeat

}

.content ul.interactivity-bullets li.spine-injuries.rslides_here, .content ul.interactivity-bullets li.spine-injuries:hover {

	background: url(/images/banner-spine-mouse.png) no-repeat

}

.content ul.interactivity-bullets li.thoracic {

	background: url(/images/thoracic-spinal-stenosis-divider.png) no-repeat;

	border-radius: 0

}

.content ul.interactivity-bullets li.thoracic.rslides_here, .content ul.interactivity-bullets li.thoracic:hover {

	background: url(/images/banner-thoracic-mouse.png) no-repeat

}

.content ul.interactivity-bullets li a, .inner-side-bar ul.interactivity-bullets li a {

	background-position: 13px 18px;

	font-size: 16px;

	padding: 14px 0 14px 35px

}

.content .patient-education, .content .research {

	width: 46.8%

}

.content .research {

	margin-right: 6%

}

.content .patient-education a {

	padding: 25px 0 22px 90px

}

.inner-spine-image {

	background: url(/images/inner-spine-img.png) 90% 25px no-repeat

}

.inner-content {

	width: 64%

}

.inner-side-bar {

	width: 30.5%

}

.home-side-bar ul li ul li.readmore {

	padding: 4px 10% 4px 0

}

.container .home-side-bar ul li ul li.readmore {

	width: 90%

}

.home-side-bar h3 {

	min-height: 0

}

.inner-side-bar .banner-services-list h3 a {

	font-size: 14px

}

.inner-content ul.services-list-blocks li {

	float: left;

	width: 45%;

	margin: 0 4% 10px 0;

	padding: 0

}

.banner10 {

	width: 73%;

	padding: 25px 0 10px 4%

}

.banner10 ol li {

	width: 48%

}

}



@media screen and (min-width:960px) {

.header {

	padding: 20px 10px 15px

}

.top-nav {

	width: 960px;

	margin: auto

}

.banner {

	padding: 14px 10px 22px

}

.container {

	padding: 20px 10px 25px

}

.credibility {

	padding: 10px

}

.footer {

	padding: 30px 10px

}

}