#dc_jqaccordion_widget-2-item{font: bold 14px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111;}
#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {margin: 0; padding: 0; border: none; list-style: none;}
#dc_jqaccordion_widget-2-item ul a {padding: 10px 10px 10px 50px; background: #0C0C0C url(/images/bg_black.png) repeat-x 0 -1px !important; text-decoration:none; display: block; color: #ddd; border-bottom: 1px solid #222; border-top: 1px solid #777; position: relative; width:100% !important;}
#dc_jqaccordion_widget-2-item ul ul a {background: #424549;}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {background: #0C0C0C url(/images/bg_black.png) repeat-x 0 -1px;}
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(/images/arrow_black_right.png) no-repeat 0 center;}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {background: url(/images/arrow_black_down.png) no-repeat 0 center;}
#dc_jqaccordion_widget-2-item ul a:hover {background: #232323; color: #fff;}



@font-face {

	font-family: 'CenturyGothic';

	src: url('/fonts/century-gothic.eot');

	src: url('/fonts/century-gothic.eot?#iefix') format('embedded-opentype'),

		 url('/fonts/century-gothic.woff') format('woff'),

		 url('/fonts/century-gothic.ttf') format('truetype'),

		 url('/fonts/century-gothic.svg#century-gothic') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

    font-family: 'MyriadProRegular';

    src: url('/fonts/myriadpe-webfont.eot');

    src: url('/fonts/myriadpe-webfont.eot?#iefix') format('embedded-opentype'),

         url('/fonts/myriadpe-webfont.woff') format('woff'),

         url('/fonts/myriadpe-webfont.ttf') format('truetype'),

         url('/fonts/myriadpe-webfont.svg#MyriadProRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'OpenSansRegular';

    src: url('/fonts/opensansregular.eot');

    src: url('/fonts/opensansregular.eot') format('embedded-opentype'),

         url('/fonts/opensansregular.woff') format('woff'),

         url('/fonts/opensansregular.ttf') format('truetype'),

         url('/fonts/opensansregular.svg#OpenSansRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'OpenSansSemibold';

    src: url('/fonts/opensans-semibold.eot');

    src: url('/fonts/opensans-semibold.eot') format('embedded-opentype'),

         url('/fonts/opensans-semibold.woff') format('woff'),

         url('/fonts/opensans-semibold.ttf') format('truetype'),

         url('/fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');

    font-weight: normal;

    font-style: normal;

}

/*************************************Theme Styles***************************************/

#access {

	font: normal 16px 'CenturyGothic';

	display: block;

	float: left;

	margin: 0px;

	z-index: 999999;

}

#access ul {

	list-style: none;

	margin: 0px !important;

	padding: 0px !important;

}

#access li {

	float: left;

	position: relative;

	font: normal 16px/38px 'CenturyGothic';

	background: url(/images/menu-border-bg.gif) no-repeat right top !important;

}

#access li:last-child {

	background: none !important;

}

#access a {

	font: normal 16px/38px 'CenturyGothic';

	color: #ffffff;

	display: block;

	text-decoration: none;

	text-align: center;

}

#access a:hover {

	color: #ffffff;

	text-decoration: underline;

}

.sub-menu > ul li a > .parent {

	background: url(/images/menu-arrow-bg.gif) no-repeat left center !important;

}

.menu-item-27 a {

	width: 105px;

	text-decoration: none;

}

.menu-item-27 a:hover {

	text-decoration: underline;

}

.menu-item-31 a {

	width: 133px;

	text-decoration: none;

	height: 38px;

	overflow: hidden;

}

.menu-item-31 a:hover {

	text-decoration: underline;

}

.menu-item-31 ul li a {

	width: 160px !important;

	height: auto !important;

}

.menu-item-28 a {

	width: 132px;

	text-decoration: none;

}

.menu-item-28 a:hover {

	text-decoration: underline;

}

.menu-item-32 a {

	width: 148px;

	text-decoration: none;

	height: 38px;

	overflow: hidden;

}

.menu-item-32 a:hover {

	text-decoration: underline;

}

.menu-item-32 ul li a {

	width: 240px !important;

}

.menu-item-132 ul li a {

	width: 255px !important;

}

#menu-item-282 ul li a {

	width: 180px !important;

}

.menu-item-33 a {

	width: 169px;

	text-decoration: none;

}

.menu-item-33 a:hover {

	text-decoration: underline;

}

.menu-item-33 ul li a {

	width: 180px !important;

}

.menu-item-30 a {

	width: 110px;

	text-decoration: none;

}

.menu-item-30 a:hover {

	text-decoration: underline;

}

.menu-item-29 a {

	width: 143px;

	text-decoration: none;

}

.menu-item-29 a:hover {

	text-decoration: underline;

}

.menu-item-27 li, .menu-item-31 li, .menu-item-28 li, .menu-item-32 li, .menu-item-33 li, .menu-item-30 li, .menu-item-29 li {

	margin: 3px;

}

#menu-item-132 > a:after, #menu-item-282 > a:after {

	content: url(/images/menu-arrow-bg.gif);

	float: right;

}

#access ul ul {

	display: none;

	float: left;

	margin: 0;

	position: absolute;

	left: 0;

	z-index: 99999;

	background: #005aa9;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	font: normal 14px 'CenturyGothic';

	background: #073c6b;

	line-height: 25px;

	color: #caedff;

	height: auto;

	padding: 0px 0px 0px 15px;

	z-index: 99999;

	text-align: left;

	margin: 0px;

}

#access ul ul a:hover {

	line-height: 25px;

	color: #caedff !important;

	background: #ff4e00;

}

#access ul ul li:last-child a {

	border: none;

}

#access ul li:hover > ul {

	display: block;

}

.menu .current_page_item > a, .menu .current_page_ancestor > a, .menu .current-menu-item > a, .menu .current-menu-ancestor > a {

	color: #ffffff !important;

	text-decoration: none !important;

	background: url(/images/menu-on.gif) repeat-x left top !important;

}

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

	color: #ffffff !important;

	text-decoration: none !important;

	background: url(/images/menu-on.gif) repeat-x left top !important;

}

.menu ul .current_page_item > a, .menu ul .current_page_ancestor > a, .menu ul .current-menu-item > a, .menu ul .current-menu-ancestor > a {

	color: #caedff !important;

	text-decoration: none !important;

	background: #ff4e00 !important;

}

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

	color: #caedff !important;

	text-decoration: none !important;

	background: #ff4e00 !important;

}

#mheader {

	display: none;

}

/********************************* Theme Styles Ends **************************************************/















body {

	margin: 0px;

	padding: 0px;

	overflow-y: scroll;

 *overflow-y:none;

}

.table-height {

	height: 100%;

}

img {

	border: 0px;

}

p, h1, h2, h3, h4, h5, h6 {

	margin: 8px 0px;

	padding: 0px;

}

ul, ol {

	margin: 0px 12px;

	padding: 6px 0px 6px 30px;

}

.hr {

	height: 10px;

	background: url(/images/hr.gif) repeat-x left center !important;

}

.videoBorder {

	border: 8px solid #000000;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.align-left, .align-right {

	width: 50%;

	height: auto;

	float: left;

}

.clear-float {

	clear: both !important;

}

/************************************* Common Page Styles ********************************************************/







#Container {

	width: 940px;

	height: auto;

	margin: 0 auto;

}

#Header {

	width: 940px;

	height: 143px;

	margin: 0 auto;

}

#Logo {

	width: 632px;

	height: 143px;

	float: left;

}

#Logo img {

	float: left;

}

#Online-Appointment {

	width: 308px;

	height: 143px;

	float: left;

}

.patient-portal {

	width: 100%;

}

.patient-portal img {

	margin: 16px 8px 18px 0px;

}

.patient-portal div {

	width: 103px;

	height: 22px;

	float: right;

	margin: 6px 0px 0px 0px;

}

.patient-portal div img {

	margin: 0px auto;

}

.call {

	font: normal 14px/18px 'CenturyGothic';

	color: #03337c;

}

.call span {

	font: bold 15px/18px 'CenturyGothic';

}

.call a {

	color: #03337c;

	text-decoration: none;

}

.call a:hover {

	color: #03337c;

	text-decoration: none;

}

.zoc-doc {

	font: bold 12px/18px Verdana, Geneva, sans-serif;

	color: #e13e1f;

	padding: 10px 0px 0px 0px;

}

.zoc-doc a {

	color: #e13e1f;

	text-decoration: none;

}

.zoc-doc a:hover {

	color: #e13e1f;

	text-decoration: none;

}

.zoc-doc img {

	margin: 4px 5px 0px 0px;

	float:left;

}

#Menu {

	width: 940px;

	height: 38px;

	margin: 0 auto;

}

#Mobile-Menu {

	display: none;

}

#Footer-BG {

	width: 100%;

	height: 206px;

	margin: 0 auto;

	background-color: #d8d8d8;

	clear: both;

}

#Footer {

	width: 940px;

	height: 206px;

	margin: 0 auto;

}

/************************************* Home Page Styles ********************************************************/







#Main-Intra {

	width: 100%;

	height: 363px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

#Interactivity {

	width: 940px;

	height: 363px;

	margin: 0px auto;

	background: url(/images/interactivity-h-bg.jpg) no-repeat left top;

	position: relative;

}

.leftBg {

	width: 580px;

	height: 363px;

	position: absolute;

	display: block;

	margin: 0px 0px 0px -580px;

	background: url(/images/intra-left-h-bg.jpg) no-repeat left top;

}

.rightBg {

	width: 580px;

	height: 363px;

	position: absolute;

	margin: 0px 0px 0px 940px;

	background: url(/images/intra-right-h-bg.jpg) no-repeat left top;

}

#Meet-Dr {

	width: 100%;

	height: 458px;

	margin: 0 auto;

}

#Meet-Dr-Left {

	width: 641px;

	height: 458px;

	float: left;

}

#Mob-Top {

	display: none;

}

#Meet-Dr-Top {

	width: 641px;

	height: 311px;

	float: left;

}

#Meet-Dr-Top img {

	margin: 40px 0px 18px 0px;

}

#Olayinka {

	width: 321px;

	height: 311px;

	float: left;

}

.olayinka {

	font: bold 19px/25px 'OpenSansRegular';

	color: #e13e1f;

}

.olayinka span {

	font: bold 11px/15px 'OpenSansRegular';

	color: #6c6c6c;

}

.olayinka a {

	color: #e13e1f;

	text-decoration: none;

}

.olayinka a:hover {

	color: #e13e1f;

	text-decoration: none;

}

.olayinka-text {

	font: normal 13px/16px Verdana, Geneva, sans-serif;

	color: #6c6c6c;

	padding: 10px 0px 0px 0px;

}

.olayinka-text span {

	font: normal 13px/16px 'MyriadProRegular';

	color: #1057ac;

}

.olayinka-text a {

	color: #1057ac;

	text-decoration: none;

}

.olayinka-text a:hover {

	color: #1057ac;

	text-decoration: none;

}

#Shade {

	width: 320px;

	height: 311px;

	float: left;

}

#Meet-Dr-Bottom {

	width: 641px;

	height: 147px;

	float: left;

}

#Facilities-Intra {

	width: 321px;

	height: 147px;

	float: left;

}

#Intra-Facilities {

	width: 299px;

	height: 147px;

	background-color: #cfcfcf;

}

.facilities {

	font: bold 16px/20px 'CenturyGothic';

	color: #3d3b4a;

	padding: 8px 0px 4px 27px;

}

.facilities a {

	color: #3d3b4a;

	text-decoration: none;

}

.facilities a:hover {

	color: #3d3b4a;

	text-decoration: none;

}

#Direct-Access {

	width: 200px;

	height: 122px;

	font: normal 16px/20px Verdana, Geneva, sans-serif;

	color: #ffffff;

	padding: 25px 20px 0px 100px;

	float: left;

	background: url(/images/direct-access-bg.jpg) no-repeat left top;

}

.read-more-h {

	font: normal 12px/14px Verdana, Geneva, sans-serif;

	color: #6cefff;

	padding: 15px 0px 0px 0px;

}

.read-more-h a {

	color: #6cefff;

	text-decoration: none;

}

.read-more-h a:hover {

	color: #6cefff;

	text-decoration: none;

}

#Meet-Dr-Right {

	width: 299px;

	height: 458px;

	float: left;

}

#Meet-Dr-Right img {

	margin: 40px 0px 18px 0px;

}

.medical-text {

	font: bold 19px/25px 'OpenSansRegular';

	color: #e13e1f;

	float: left;

}

.medical-text a {

	color: #e13e1f;

	text-decoration: none;

}

.medical-text a:hover {

	color: #e13e1f;

	text-decoration: none;

}

.tourism {

	font: normal 13px/16px Verdana, Geneva, sans-serif;

	color: #6c6c6c;

	padding: 30px 0px 0px 0px;

}

.tourism span {

	font: normal 13px/16px 'MyriadProRegular';

	color: #1057ac;

}

.tourism a {

	text-decoration: none;

	color: #1057ac;

}

.tourism a:hover {

	text-decoration: none;

	color: #1057ac;

}

#Mob-Credibility {

	display: none;

}

#Credibility-H {

	width: 100%;

	height: 190px;

	margin: 0 auto;

}

/*#Credibility-H img {



	float: left;



	margin: 39px 64px 10px 55px;



}*/



.multimedia-patient img, .download-form img, .post-op img, .insurance img {

	float: left;

	margin: 39px 64px 10px 55px;

}

#Credibility-H a {

	color: #36414d;

	text-decoration: none;

}

#Credibility-H a:hover {

	color: #36414d;

	text-decoration: none;

}

.multimedia-patient {

	width: 190px;

	height: 164px;

	font: normal 14px/18px 'OpenSansSemibold';

	color: #36414d;

	text-align: center;

	float: left;

}

.download-form {

	width: 190px;

	height: 164px;

	font: normal 14px/18px 'OpenSansSemibold';

	color: #36414d;

	text-align: center;

	float: left;

}

.post-op {

	width: 190px;

	height: 164px;

	font: normal 14px/18px 'OpenSansSemibold';

	color: #36414d;

	text-align: center;

	float: left;

}

.insurance {

	width: 190px;

	height: 164px;

	font: normal 14px/18px 'OpenSansSemibold';

	color: #36414d;

	text-align: center;

	float: left;

}

.dmagazine {

	width: 180px;

	height: 164px;

	text-align: center;

	float: left;

}

.dmagazine img {

	float: left;

	margin: 0px 0px 0px 25px;

}

#Sidebar-H {

	display: none;

}

/************************************* Sub Page Styles ********************************************************/







#Main-Intra-S {

	width: 100%;

	height: 178px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

#Interactivity-s {

	width: 940px;

	height: 178px;

	margin: 0px auto;

	background: url(/images/interactivity-bg.jpg) no-repeat left top;

}

.left-intra-s {

	width: 580px;

	height: 178px;

	position: absolute;

	display: block;

	margin: 0px 0px 0px -580px;

	background: url(/images/intra-left-s-bg.jpg) no-repeat left top;

}

.right-intra-s {

	width: 580px;

	height: 178px;

	position: absolute;

	margin: 0px 0px 0px 940px;

	background: url(/images/intra-right-s-bg.jpg) no-repeat left top;

}

#Content-Main {

	width: 100%;

	height: auto;

	margin: 0 auto;

}

#Content-Left {

	width: 671px;

	height: auto;

	float: left;

}

#SideBar {

	width: 269px;

	height: auto;

	float: left;

}

#Surgeries-S {

	width: 100%;

	height: 360px;

	margin-top: 25px;

}

#Surgeries-S ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

}

#Surgeries-S ul li {

	font: normal 16px/45px 'OpenSansSemibold';

	margin-bottom: 1px;

}

#Surgeries-S a {

	display: block;

	padding: 0px 0px 0px 35px;

	color: #ffffff;

	background: url(/images/service-s-bg.gif) no-repeat 16px 18px #216295;

	text-decoration: none;

}

#Surgeries-S a:hover {

	color: #05406e;

	background: url(/images/service-s-on-bg.gif) no-repeat 16px 18px #5ad7f5;

	text-decoration: none;

}

#Meet-Dr-S {

	width: 100%;

	min-height: 175px;

	max-height: 250px;

}

#Meet-Dr-S ul {

	list-style: none;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	border: 1px solid #6e889d;

	background-color: #fffef1;

	height: auto;

}

#Meet-Dr-S a, #Meet-Dr-S a:hover {

	display: block;

	color: #6c6c6c;

	text-decoration: none;

}

#Meet-Dr-S li {

	height: 70px;

	font: normal 14px/20px 'MyriadProRegular';

	color: #6c6c6c;

}

#Meet-Dr-S li span {

	font: normal 10px/12px Verdana, Geneva, sans-serif;

}

.meet-head {

	font: normal 17px/22px 'MyriadProRegular' !important;

	color: #e13e1f;

}

#Meet-Dr-S img {

	margin: 5px 10px 0px 5px;

	float:left;

}

.medical-tour {

	padding: 8px 0px 0px 0px;

	height: 42px;

}

.medical-tour img {

	margin: -2px 10px 0px 5px !important;

}

#Facilities-S {

	width: 100%;

	height: 133px;

	background-color: #cfcfcf;

	margin: 0px 0px 10px 0px;

}

#Intra-Facilities-s {

	width: 100%;

	height: 100%;

}

.facilities-s {

	font: bold 16px/25px 'CenturyGothic';

	color: #3d3b4a;

	padding: 2px 0px 2px 25px;

}

.facilities-s a {

	color: #3d3b4a;

	text-decoration: none;

}

.facilities-s a:hover {

	color: #3d3b4a;

	text-decoration: none;

}

#Direct-Access-S {

	width: 71%;

	height: 80px;

	font: normal 12px/16px Verdana, Geneva, sans-serif;

	color: #ffffff;

	padding: 20px 0px 0px 80px;

	background: url(/images/direct-access-s-bg.jpg) no-repeat left top #1C71C4;

}

#Direct-Access-S a {

	color: #6cefff;

	text-decoration: none;

}

#Direct-Access-S a:hover {

	color: #6cefff;

	text-decoration: none;

}

#Direct-Access-S p {

	font: normal 11px/15px Verdana, Geneva, sans-serif;

	color: #6cefff;

}

#Services-S {

	width: 100%;

	height: 283px;

	margin: 10px 0px 0px 0px;

}

#dmagazine-s {

	width: 50%;

	height: auto;

	margin: 0px auto;

}

#dmagazine-s img {

	margin: 10px 0px 30px 0px;

	float:left;

}

.links-s {

	font: normal 14px/70px 'OpenSansSemibold';

	color: #36414d;

	padding: 0px 0px 0px 0px;

}

.links-s ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

}

.links-s ul li {

	height: 70px;

}

.links-s ul li img {

	margin: 8px 10px 0px 0px;

	float:left;

}

.links-s a {

	color: #36414d;

	text-decoration: none;

}

.links-s a:hover {

	color: #36414d;

	text-decoration: none;

}

.navigation {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #032139;

	text-decoration: none;

	padding: 20px 30px 5px 5px;

}

.navigation a {

	font-weight: normal;

	color: #032139;

	text-decoration: underline;

}

.navigation a:hover {

	font-weight: normal;

	color: #032139;

	text-decoration: underline;

}

.textMain {

	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

	color: #032139;

	padding: 5px 30px 30px 5px;

	text-decoration: none;

	text-align: justify;

}

.textMain a {

	color: #032139;

	text-decoration: underline;

}

.textMain a:hover {

	color: #032139;

	text-decoration: underline;

}

.textMain ul, textMain ol {

	padding: 0px;

	margin: 0px;

	list-style: none;

}

.textMain ul li {

	padding-bottom: 8px;

	background: url(/images/bullet-tm.gif) no-repeat 15px 11px;

	padding: 6px 0px 0 30px;

	list-style: none;

}

.textMain ul li ul {

	padding-bottom: 8px;

	background: none;

	padding: 6px 0px 0 20px;

	list-style: circle;

}

.textMain ul li ul li {

	padding-bottom: 8px;

	background: none;

	padding: 6px 0px 0 0px;

	list-style: circle;

}

.textMain ul li ul li ul li {

	padding-bottom: 8px;

	background: none;

	padding: 6px 0px 0 0px;

	list-style: square;

}

.textMain ul li:last-child {

	padding-bottom: 8px;

}

.textMain ol li {

	padding-bottom: 8px;

}

.textMain ol li:last-child {

	padding-bottom: 8px;

}

.textMain ul li p, textMain ol li p {

	padding-bottom: 0px;

	margin: 8px 0 0 0;

}

.textMain ul li ul, textMain ul li ol, textMain ol li ul, textMain ol li ol {

	padding-bottom: 0px;

}

.textMainBold {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #032139;

	text-decoration: none;

	text-align: justify;

}

.textMainBold a {

	color: #032139;

	text-decoration: underline;

}

.textMainBold a:hover {

	color: #032139;

	text-decoration: underline;

}

.textNormal {

	font: normal 12px Verdana, Arial, Helvetica, sans-serif;

	color: #032139;

	text-decoration: none;

}

.textNormal a {

	color: #032139;

	text-decoration: underline;

}

.textNormal a:hover {

	color: #032139;

	text-decoration: underline;

}

.textbold {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: none;

}

.PDFtext {

	font: normal 10px Verdana, Arial, Helvetica, sans-serif;

	color: #999999;

}

/************************************* Sub Page Headings Starts ********************************************************/







.textMain h1 {

	font: normal 24px 'OpenSansSemibold';

	padding: 10px 0px;

	color: #E13E1F;

	text-decoration: none;

	margin: 0px;

}

.textMain h2 {

	font: normal 20px/20px 'OpenSansSemibold';

	color: #082465;

	text-decoration: none;

}

.textMain h2 a {

	color: #082465;

	text-decoration: underline;

}

.textMain h2 a:hover {

	color: #082465;

	text-decoration: underline;

}

.textMain h3 {

	font: normal 16px 'OpenSansSemibold';

	color: #1b71c3;

	text-decoration: none;

}

.textMain h3 a {

	color: #1b71c3;

	text-decoration: underline;

}

.textMain h3 a:hover {

	color: #1b71c3;

	text-decoration: underline;

}

/*-------------------- Multimedia Page Styles --------------------*/







.multimedialist {

	height: 40px;

}

.media {

	font: normal 14px/16px 'MyriadProRegular';

	color: #fff;

	text-decoration: none;

	text-align: left;

	margin: 0px !important;

	padding: 0px !important;

	list-style: none;

}

.media li {

	list-style: none;

	width: 140px;

	float: left;

	padding: 0px !important;

	margin: 5px 10px 0px 0px !important;

}

.video a {

	font: normal 15px/16px 'MyriadProRegular';

	background: url(/images/loadmove.png) no-repeat 5px 3px #4B86D2 !important;

	padding: 4px 0px 4px 20px !important;

}

.info a {

	font: normal 15px/16px 'MyriadProRegular';

	background: url(/images/patient.png) no-repeat 5px 3px #4B86D2 !important;

	padding: 4px 0px 4px 20px !important;

}

.print a {

	font: normal 15px/16px 'MyriadProRegular';

	background: url(/images/print.png) no-repeat 5px 3px #4B86D2 !important;

	padding: 4px 0px 4px 20px !important;

}

.media li a {

	color: #FFF;

	display: block;

	text-align: center;

	text-decoration: none;

	line-height: 20px;

	width: 120px;

	height: 20px;

	border: 1px solid #75BAFF;

	padding: 4px 0px 4px 10px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	background: #012D78;

}

.media li a:hover {

	text-decoration: none;

	color: #FFF;

}

.multimedia {

	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	text-decoration: none;

	border:1px solid #216295;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.multimedia ul {

	margin: 10px 5px;

	padding: 0px;

}

.multimedia li {

	width: 45%;

	background: none !important;

	padding: 6px 0px 0px 0px !important;

	float: left;

}

.multimedia a {

	background: url(/images/movie-off.gif) no-repeat 10px 4px;

	padding: 2px 0px 2px 45px;

	color: #333333;

	text-decoration: underline;

	display: block;

}

.multimedia a:hover {

	background: url(/images/movie-on.gif) no-repeat 10px 4px;

	padding: 2px 0px 2px 45px;

	color: #000000;

	text-decoration: underline;

}

.multimedia .formHead a, .multimedia .formHead a:hover {

	padding-left: 0px;

	background: none;

}

.multimedia-test {

	width: 732px;

	height: 454px;

	overflow: hidden;

	background: url(/images/multimedia-bg.jpg) no-repeat center bottom;

	margin: 10px 0px 10px;

	float: right;

}

.multimedia-list {

	width: 238px;

	height: auto;

	float: left;

	position: relative;

	margin: 9px 0px 0px 0px;

}

/*-------------------- Form Styles --------------------*/







.tableborder {

	border: 1px solid #216295;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.formHead {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;

	background: #216295;

	text-decoration: none;

	padding: 5px 10px;

}

.formHead a {

	color: #ffffff;

	text-decoration: underline;

}

.formHead a:hover {

	color: #ffffff;

	text-decoration: none;

}

.formlable {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	color: #3d3d3d;

	padding: 5px;

}

.mandatory {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	color: #FF8204;

}

.txtfield {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	border: 1px solid #216295;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	width: 175px;

	height: 20px;

	vertical-align: middle;

	padding: 2px 4px 2px 4px;

}

.textArea {

	font: normal 10px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	width: 175px;

	border: 1px solid #216295;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	vertical-align: middle;

	padding: 4px;

}

textArea {

	font: normal 10px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	width: 85%;

	border: 1px solid #216295;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	vertical-align: middle;

	padding: 4px;

}

.dropDown {

	width: 185px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	border: 1px solid #216295;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.dropDownF {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	border: 1px solid #216295 !important;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	width: 185px;

}

.txtfield-c {

	width: 300px;

	height: 35px;

	padding: 2px 4px;

	font: normal 18px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	vertical-align: middle;

	border: 1px solid #216295;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.ftable {

	width: 33%;

	float: left;

	display: block;

}

.textArea-c {

	width: 300px;

	padding: 4px;

	font: 18px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	vertical-align: middle;

	border: 1px solid #216295;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.button {

	height: 40px;

	background: #5ad7f5;

	color: #05406e;

	padding: 0 10px;

	font: 19px 'MyriadProRegular';

	text-decoration: none;

	cursor: pointer;

	border: 3px solid #216295;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

#captchac img {

	width: 120px;

	height: auto;

}

/************************************* Footer Styles ********************************************************/







#Quick-Links {

	width: 297px;

	height: 206px;

	float: left;

}

#Location {

	width: 398px;

	height: 206px;

	float: left;

}

#Social-Icon {

	width: 245px;

	height: 206px;

	float: left

}

.social-icons img {

	float: left;

	margin: 5px 5px 0px 0px;

}

.add-button img {

	margin: 15px 0px 0px 0px;

}

.footer {

	font: bold 15px/20px 'OpenSansRegular';

	color: #3f3f3f;

	padding: 20px 0px 9px 4px;

}

.footer a {

	text-decoration: none;

	color: #3f3f3f;

}

.footer a:hover {

	text-decoration: none;

	color: #3f3f3f;

}

.footer ul {

	list-style: none;

	padding: 10px 0px 0px 0px;

	margin: 0px;

}

.footer ul li {

	font: normal 12px/14px 'OpenSansRegular';

	color: #3f3f3f;

	height: 19px;

	padding: 0px 0px 0px 0px;

}

.location-text {

	font: normal 12px/14px 'OpenSansRegular';

	color: #3f3f3f;

	padding: 0px 132px 0px 4px;

}

.location-text span {

	font: bold 12px/14px 'OpenSansRegular';

	color: #3f3f3f;

}

.location-text a {

	color: #3f3f3f;

	text-decoration: none;

}

.location-text a:hover {

	color: #3f3f3f;

	text-decoration: none;

}

.click {

	font: normal 12px/14px 'OpenSansRegular';

	color: #3f3f3f;

	text-decoration: underline;

}

.click a {

	color: #3f3f3f;

	text-decoration: underline;

}

.click a:hover {

	color: #3f3f3f;

	text-decoration: underline;

}

.copy {

	width: 100%;

	height: 20px;

	float: left;

}

.CopyrightText {

	font: normal 12px Verdana, Arial, Helvetica, sans-serif;

	color: #3f3f3f;

	text-decoration: none;

	margin: 20px 0px 0px 0px;

}

.CopyrightText a {

	text-decoration: none;

	color: #3f3f3f;

}

.CopyrightText a:hover {

	text-decoration: underline;

	color: #3f3f3f;

}

.ypo img {

	margin: 56px 0px 0px 5px;

	float:left;

}

/************************************* Intractivity Styles ********************************************************/







#Intra-Tabs {

	width: 364px;

	height: 363px;

	float: right;

	background: url(/images/intra-tab-bg.jpg) no-repeat right top;

	margin: 0px;

	padding: 0px;

}

#Intra-Tabs div {

	margin: 0px;

	padding: 0px;

	height: auto;

	width: auto;

}

.shoulder img {

	margin: 0px 0px 5px 12px;

	float:left;

}

.arthroscopic img {

	margin: 0px 0px 5px 12px;

	float:left;

}

.hand-extremity img {

	margin: 0px 0px 5px 12px;

	float:left;

}

.general-ortho img {

	margin: 0px 0px 5px 12px;

	float:left;

}

.elbow img {

	margin: 0px 0px 5px 12px;

	float:left;

}

.wrist img {

	margin: 0px 0px 5px 12px;

	float:left;

}

.hand img {

	margin: 11px 0px 5px 12px;

	float:left;

}

.orthopaedics img {

	margin: 0px 0px 4px 12px;

	float:left;

}

.demo {

	position: relative;

	float: left;

	width: 576px;

	height: 363px;

	padding: 0px;

	margin: 0px;

	overflow: hidden;

}

.demo1 {

	position: relative;

	top: 0px;

	left: 0px;

	width: 576px;

	height: 363px;

	padding: 0px;

	margin: 0px;

}

.intratext {

	font: bold 25px/30px 'CenturyGothic';

	color: #ffffff;

	position: absolute;

	z-index: 20;

	margin: 85px 0px 0px 280px;

}

.intratext p {

	font: normal 14px/16px Verdana, Geneva, sans-serif;

	color: #ffffff;

}

.intratext ul {

	list-style: none;

	padding: 0px;

	margin: 26px 0px 0px 0px;

}

.intratext ul li {

	font: normal 13px/16px Verdana, Geneva, sans-serif;

	color: #ffffff;

	height: 20px;

}

.intratext ul li img {

	margin: 7px 6px 0px 0px !important;

	float:left;

}

.intratext a {

	color: #ffffff;

	text-decoration: none;

}

.intratext a:hover {

	text-decoration: none;

	color: #ffffff;

}

.intra-read {

	font: italic 12px/16px 'OpenSansRegular';

	color: #ffffff;

	padding: 280px 0px 0px 310px;

}

.intra-read a {

	color: #ffffff;

	text-decoration: none;

}

.intra-read a:hover {

	color: #ffffff;

	text-decoration: none;

}

.sub-buttons {

	width: 60px;

	height: 6px;

	position: absolute;

	z-index: 30;

	margin: 0px 0px 0px 227px;

}

.sub-buttons img {

	margin: 13px 2px 0px 0px;

	float:left;

}

.intra-sub-text {

	font: normal 11px/15px Verdana, Geneva, sans-serif;

	color: #ffffff;

	position: absolute;

	z-index: 25;

	margin: 83px 0px 0px 50px;

}

.intra-sub-text a {

	color: #ffffff;

	text-decoration: none;

}

.intra-sub-text a:hover {

	color: #ffffff;

	text-decoration: none;

}

.demo-m {

	position: relative;

	top: 0px;

	left: 0px;

	width: 299px;

	height: 112px;

	padding: 0px;

	margin: 0px;

	overflow: hidden;

}

.demo1-m {

	position: relative;

	top: 0px;

	left: 0px;

	width: 299px;

	height: 112px;

	padding: 0px;

	margin: 0px;

	background-position: 27px 0px !important;

}

.demo-s {

	position: relative;

	top: 0px;

	left: 0px;

	width: 940px;

	height: 178px;

	padding: 0px;

	margin: 0px;

	overflow: hidden;

}

.demo1-s {

	position: relative;

	top: 0px;

	left: 0px;

	width: 940px;

	height: 178px;

	padding: 0px;

	margin: 0px;

}

#Intra-Tabs-s {

	width: 200px;

	height: 30px;

	position: absolute;

	z-index: 30;

	margin: 161px 0px 0px 700px;

}

#Intra-Tabs-s img {

	margin: 0px 4px 0px 0px;

	float:left;

}

#Intra-Tabs-H {

	width: 200px;

	height: 30px;

	position: absolute;

	z-index: 30;

	margin: 330px 0px 0px 400px;

}

#Intra-Tabs-H img {

	margin: 0px 4px 0px 0px;

	float:left;

}

.intratext-s {

	font: bold 24px/28px 'CenturyGothic';

	color: #ffffff;

	position: absolute;

	z-index: 20;

	margin: 60px 0px 0px 547px;

}

.intratext-s a {

	color: #ffffff;

	text-decoration: none;

}

.intratext-s a:hover {

	text-decoration: none;

	color: #ffffff;

}

.sub-buttons-s {

	width: 60px;

	height: 6px;

	position: absolute;

	z-index: 30;

	margin: 10px 0px 0px 196px;

}

.sub-buttons-s img {

	margin: 0px 2px 0px 0px;

	float:left;

}

.intra-sub-text-s {

	font: normal 11px/15px Verdana, Geneva, sans-serif;

	color: #ffffff;

	position: absolute;

	margin: 74px 0px 0px 35px;

}

.intra-sub-text-s a {

	color: #ffffff;

	text-decoration: none;

}

.intra-sub-text-s a:hover {

	color: #ffffff;

	text-decoration: none;

}

.demo-n {

	position: relative;

	width: 100%;

	height: 80%;

	padding: 0px;

	margin: 0px;

	overflow: hidden;

}

.demo1-n {

	position: relative;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	padding: 0px;

	margin: 0px;

}

/*--------------- Custom Content Styles -----------------*/







.dr-table {

	float: right;

	margin: 0px 0px 0px 10px;

}

.mappics {

	width: 150px;

	height: 100px;

	float: right;

	margin: 10px 10px;

	box-shadow: 0 0 2px 2px #808080;

	padding: 5px;

}

.contact {

	font: normal 20px/40px 'OpenSansSemibold';

	width: 99%;

	height: 100px;

	background: #216295;

	border: 1px solid #5ad7f5;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

	text-align: center;

	color: #ffffff;

	margin: 10px 0px 0px 0px;

}

.contact a {

	color: #ffffff;

	text-decoration: none;

}

.contact a:hover {

	color: #ffffff;

	text-decoration: none;

}

.contact span {

	font: normal 16px/40px Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;

}

.contact ul {

	margin: 0px;

	padding: 0px;

}

.contact li {

	margin: 0px !important;

	padding: 5px 0px 5px 0px !important;

	list-style: none;

	float: left;

	background: none !important;

	width: 99%;

	height: 40px;

	border-right: 1px solid #4B86D2;

}

.contact li:last-child {

	border: none !important;

}

.contact img {

	margin: 0px 15px 0px 0px

}

/*------ Service Page Style ------*/







.services-hm {

	font: normal 16px/22px 'MyriadProRegular';

	color: #fff;

	text-decoration: none;

	text-align: center;

	list-style: none;

	margin: 15px 10px 0px 10px !important;

	padding: 0px;

	height: 145px;

	display: block;

}

.services-hm li {

	background-image: none !important;

	width: 50%;

	float: left;

	margin: 0px 0px 10px 0px !important;

	padding: 0px !important;

}

.services-hm a {

	color: #fff;

	display: block;

	text-align: center;

	text-decoration: none;

	width: 270px;

	height: 28px;

	border: 1px solid #75BAFF;

	padding: 8px 0px 0px 0px;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

	background: #4B86D2;

}

.services-hm a:hover {

	text-decoration: none;

	color: #fff;

	display: block;

	background: #75BAFF;

	border: 1px solid #4B86D2;

	border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-border-radius: 5px;

}

/*--------------------- Arthoscopic Surgery Styles ------------------*/







.Artho {

	color: #FFFFFF;

	display: block;

	font: 15px/17px 'MyriadProRegular';

	height: auto;

	list-style: none outside none;

	margin: 0 !important;

	padding: 0 !important;

	text-align: left;

	text-decoration: none;

}

.Artho li {

	display: block;

	float: left;

	list-style: none outside none;

	margin: 0 0 15px !important;

	padding: 0 !important;

	width: 50%;

}

.shoulder-artho a {

	background: url(/images/shoulder-arthroscopy.gif) no-repeat scroll 5px 3px #FFFFFF !important;

	font: 15px/17px 'MyriadProRegular';

	padding: 42px 0 4px 135px !important;

}

.shoulder-artho a:hover {

	background: url(/images/shoulder-arthroscopy-on.gif) no-repeat scroll 5px 3px #FFFFFF !important;

}

.rotator-artho a {

	background: url(/images/rotator-cuff-tear.gif) no-repeat scroll 5px 3px #FFFFFF !important;

	font: 15px/17px 'MyriadProRegular';

	padding: 42px 0 4px 135px !important;

}

.rotator-artho a:hover {

	background: url(/images/rotator-cuff-tear-on.gif) no-repeat scroll 5px 3px #FFFFFF !important;

}

.shoulder-impignent a {

	background: url(/images/shoulder-impingement.gif) no-repeat scroll 5px 3px #FFFFFF !important;

	font: 15px/17px 'MyriadProRegular';

	padding: 42px 0 4px 135px !important;

}

.shoulder-impignent a:hover {

	background: url(/images/shoulder-impingement-on.gif) no-repeat scroll 5px 3px #FFFFFF !important;

}

.elbow-artho a {

	background: url(/images/elbow-arthroscopy-off.gif) no-repeat scroll 5px 3px #FFFFFF !important;

	font: 15px/17px 'MyriadProRegular';

	padding: 42px 0 4px 135px !important;

}

.elbow-artho a:hover {

	background: url(/images/elbow-arthroscopy-on.gif) no-repeat scroll 5px 3px #FFFFFF !important;

}

.wrist-artho a {

	background: url(/images/wrist-arthroscopy-off.gif) no-repeat scroll 5px 3px #FFFFFF !important;

	font: 15px/17px 'MyriadProRegular';

	padding: 42px 0 4px 135px !important;

}

.wrist-artho a:hover {

	background: url(/images/wrist-arthroscopy-on.gif) no-repeat scroll 5px 3px #FFFFFF !important;

}

.Artho li a {

	border: 1px solid #D5D5D5;

	border-radius: 5px;

	color: #111111;

	display: block;

	height: 70px;

	line-height: 17px;

	padding: 4px 0 4px 10px;

	text-align: center;

	text-decoration: none;

	width: 180px;

}

.Artho li a:hover {

	border: 1px solid #C3C3C3;

	color: #000000;

	text-decoration: none;

}

/************************************* Scroll top control Styles *********************************************/







.TopBlurb {

	background: none repeat scroll 0 0 #21386a;

	border: 3px solid #b5cdd1;

}

#toTop {

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

	background: none repeat scroll 0 0 #345fc4;

	border: 1px solid #333333;

	border-radius: 5px 0px 0 5px;

	width: 100px;

	bottom: 198px;

	color: #ffffff;

	cursor: pointer;

	display: none;

	font-size: 12px;

	padding: 7px 5px;

	position: fixed;

	right: 0px;

	text-align: center;

	width: 100px;

}

/*-------------------- Realtime Sitemap Styles --------------------*/







#wp-realtime-sitemap-menu {

	padding-top: 0px;

}

#wp-realtime-sitemap-menu h3 {

	display: none;

}

#wp-realtime-sitemap-menu ul {

	margin: 0px;

	padding: 0px;

}

#wp-realtime-sitemap-menu ul li {

	background: none;

	line-height: 24px;

	font-weight: bold;

	padding-left: 0px;

}

#wp-realtime-sitemap-menu ul ul {

	margin-left: 40px;

}

#wp-realtime-sitemap-menu ul ul li {

	font-weight: normal;

}

#wp-realtime-sitemap-menu h3 {

	display: none;

}

#wp-realtime-sitemap-menu li a {

	background: none !important;

}

#wp-realtime-sitemap-menu li {

	font-weight: bold;

}

#wp-realtime-sitemap-menu li li {

	font-weight: normal;

}

/************************************* Patient Survey Styles ********************************************/







#patient-survey {

	width: 650px;

	height: 2200px;

}

.Dr-table {

	float: right !important;

	margin: 5px 0 0 15px;

}

#doccontainer {

	display: table;

}

.docrow {

	position: relative;

	float: left;

	margin: 5px auto;

	display: table-row;

}

.docleft {

	border: 1px solid #96bae6;

	padding: 8px;

	display: table-cell;

	width: 300px;

	border-radius: 10px;

	-moz-border-radius: 10px;

}

.docmiddle {

	display: table-cell;



	width: 10px;

}

.docright {

	border: 1px solid #96bae6;

	padding: 8px;

	display: table-cell;

	width: 300px;

	border-radius: 10px;

	-moz-border-radius: 10px;

}

.test {

	width:732px;

	height:454px;

	overflow:hidden;

	background:url(/images/multimedia-bg.jpg) no-repeat center bottom;

	margin:10px 0px 10px;

	float:right;

}

.test-list {

	width:238px;

	height:auto;

	float:left;

	position:relative;

	margin:9px 0px 0px 0px;

}

.streaming-video {

	width:100%;

	height:900px;

}



/************************************* Custom Styles ********************************************************/







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

 #Container {

 width: 100%;

 margin: 0 auto;

}

 body {

 background: none !important;

}

 #Header {

 width: 100%;

 height: 143px;

 background-color: #caedff;

}

 #Logo {

 width: 65%;

}

 #Online-Appointment {

 width: 35%;

}

 .patient-portal {

 margin: 0px 0px 0px 90px;

 width: 66%;

}

 .patient-portal img {

 margin: 10px 5px 5px 0px;

}

 .call {

 margin: 63px 0px 0px -400px;

}

 .zoc-doc {

 margin: -40px 0px 0px -75px;

}

 #Menu {

 width: 100%;

 height: 38px;

 background-color: #e13e1f;

}

 .menu-item-27 a {

 width: 90px;

}

 .menu-item-31 a {

 width: 109px;

}

 .menu-item-28 a {

 width: 109px;

}

 .menu-item-32 a {

 width: 130px;

}

 .menu-item-33 a {

 width: 130px;

}

 .menu-item-30 a {

 width: 90px;

}

 .menu-item-29 a {

 width: 110px;

}

 #Main-Intra {

 height: 290px;

}



/**interactivity-sec**/







#Interactivity {

 width: 100%;

 height: 290px;

}

 .leftBg {

 display: none;

}

 .rightBg {

 display: none;

}

 #Intra-Tabs {

 width: 40%;

 height: 290px;

 float: left;

 background-size: 100% auto !important;

}

 .hand img {

 height: auto;

 margin: 10px 0 9px 13px;

 width: 79%;

}

 .wrist img {

 height: auto;

 margin: -5px 0 6px 13px;

 width: 74%;

}

 .elbow img {

 height: auto;

 margin: 0 0 0 13px;

 width: 71%;

}

 .shoulder img {

 height: auto;

 margin: 4px 0 9px 12px;

 width: 70%;

}

 .arthroscopic img {

 height: auto;

 margin: 0 0 2px 13px;

 width: 63%;

}

 .hand-extremity img {

 height: auto;

 margin: 0 0 5px 13px;

 width: 54%;

}

 .general-ortho img {

 height: auto;

 margin: 0 0 5px 13px;

 width: 59%;

}

 .orthopaedics img {

 margin: 0px 0px 2px 13px;

 width: 53%;

 height: auto;

}

 .demo {

 width: 60%;

 height: 290px;

}

 .demo1 {

 width: 100%;

 height: 290px;

 background-size: 100% auto !important;

}

 .intratext {

 font-size: 20px;

 margin: 64px 0px 0px 240px;

}

 .intra-read {

 padding: 239px 0px 0px 310px;

}



/**interactivity-Ends**/







#Meet-Dr {

 width: 100%;

 height: 468px;

}

 #Mob-Top {

 display: none;

}

 #Meet-Dr-Left {

 width: 70%;

}

 #Meet-Dr-Top {

 width: 100%;

}

 #Olayinka {

 width: 50%;

}

 #Shade {

 width: 50%;

}

 .olayinka-text {

 font: normal 12px/16px Verdana, Geneva, sans-serif;

}

 #Meet-Dr-Top img {

 margin: 40px 0px 16px 0px;

 width: 250px;

 height: auto;

}

 #Meet-Dr-Bottom {

 width: 100%;

}

 #Facilities-Intra {

 width: 50%;

}

 #Intra-Facilities {

 width: 94%;

 height: 147px;

 background-color: #cfcfcf;

}

 .demo-m {

 width: 236px;

}

 .demo1-m {

 width: 222px;

 background-size: 50% auto;

}

 .intra-sub-text {

 font: normal 9px/15px Verdana, Geneva, sans-serif;

 margin: 83px 0px 0px 29px;

}

 .sub-buttons {

 margin: 0px 0px 0px 187px;

}

 #Direct-Access {

 width: 26%;

 font: normal 12px/18px Verdana, Geneva, sans-serif;

 padding: 25px 20px 0px 95px;

}

 #Meet-Dr-Right {

 width: 30%;

}

 #Meet-Dr-Right img {

 margin: 40px 0px 18px 0px;

 width: 223px;

 height: auto;

}

 .tourism {

 font: normal 12px/16px Verdana, Geneva, sans-serif;

}

 .multimedia-patient {

 width: 18%;

}

 .download-form {

 width: 18%;

}

 .post-op {

 width: 18%;

}

 .insurance {

 width: 18%;

}

 .dmagazine {

 width: 20%;

}

 #Mob-Credibility {

 display: none;

}



/*#Credibility-H img {



	float: left;



	margin: 39px 37px 10px 55px;



}*/



.multimedia-patient img, .download-form img, .post-op img, .insurance img {

 float: left;

 margin: 39px 37px 10px 30px;

}

 #Footer {

 width: 100%;

}

 #Quick-Links {

 width: 14%;

}

 #Location {

 width: 51%;

}

 #Social-Icon {

 width: 34%;

}

 .ypo img {

 margin: 46px 0px 0px 5px;

 float: left;

}



/***Sub-page Styles***/















#Content-Left {

 width: 64%;

}

 #SideBar {

 width: 36%;

}

 #Interactivity-s {

 width: 100% !important;

 background-size: 100% 100% !important;

}

 .left-intra-s {

 display: none;

}

 .right-intra-s {

 display: none;

}

 .demo-s {

 width: 100%;

}

 .demo1-s {

 width: 100%;

 background-size: 100% auto !important;

}

 #Intra-Tabs-s {

 margin: 148px 0px 0px 568px;

}

 .intratext-s {

 margin: 60px 0px 0px 485px;

}

 #Olayinka-Mob {

 display: none;

}

 .services-hm a {

 width: 200px;

}

 .textMain, .textMainBold {

 text-align: left;

}

 #patient-survey {

 width: 100%;

 height: 2200px;

}

.multimedia-test {

 width:95%;

 height:453px;

 overflow:hidden;

 background:url(/images/multimedia-bg.jpg) no-repeat center bottom;

 margin:10px 0px 10px 10px;

 float:left;

}

.multimedia-list {

 width:100%;

 height:auto;

 float:left;

 position:relative;

 margin:9px 0px 0px 0px;

}

.multimedia li {

	width: 100%;

}

}

 @media screen and (max-width: 640px) {

 body {

 background: none !important;

}

 #Header {

 width: 100%;

 height: 300px;

 background-color: #caedff;

}

 #Logo {

 float: none;

 width: 90%;

 margin: 0px auto;

 height: 165px;

}

 #Logo img {

 width: 100%;

 height: auto;

}

 #Online-Appointment {

 width: 70%;

 height: auto;

 float: none;

 margin: 0px auto;

}

 .patient-portal {

 width: 80%;

 margin: 0px auto;

}

 .call {

 margin: 5px auto;

 width: 80%;

}

 .zoc-doc {

 margin: 5px auto;

 padding: 0px;

 width: 80%;

}

 #Menu {

 display: none;

}

 .menu-item-31 a, .menu-item-32 a {

 height: auto !important;

}

 #Mobile-Menu {

 display: block;

 width: 100%;

 background-color: #e13e1f;

 height: 38px;

}

 .menu-m {

 height: 40px;

}

 .menu-m img {

 float:right;

}

 .menu-m a, .menu-m a:hover {

 font: normal 19px/20px 'MyriadProRegular';

 color: #ffffff !important;

 text-decoration: none !important;

 padding: 8px 0px 0px 10px !important;

 display: block;

}

 #wrapper {

 z-index: 1000 !important;

 overflow: hidden !important;

 width: 100% !important;

 position: relative;

}

 #Main-Intra {

 display: block;

 height: 243px;

}

 #Interactivity {

 width: 100%;

 height: 243px;

 margin: 0 auto;

 position: relative;

 background-size: 100% auto;

}

 .intratext {

 display: none;

}

 .intra-read {

 display: none;

}

 .demo {

 width: 100%;

 height: 243px;

}

 .demo1 {

 width: 100%;

 height: 243px;

 background-size: 100% auto !important;

}

 #Intra-Tabs {

 display: none;

}

 #Meet-Dr {

 display: none;

}

 #Facilities-Intra {

 width: 60%;

 height: auto;

 float: none;

 margin: 0 auto;

}

 #Intra-Facilities {

 width: 100%;

 height: 156px;

}

 .demo1-m {

 width: 100%;

 height: 112px;

 background-size: 100% auto !important;

 background-position: 0px 0px !important;

}

 #Direct-Access {

 width: 34%;

 padding: 24px 4px 0px 112px;

 float: none;

 margin: 0 auto;

 margin-top: 14px;

}

 #Credibility-H {

 display: none;

}

 #Sidebar-H {

 display: block;

 margin: 10px 0px;

}

 #Footer-BG {

 height: 330px;

}

 #Footer {

 width: 100%;

 height: auto;

}

 #Quick-Links {

 width: 50%;

}

 #Location {

 width: 50%;

}

 .location-text {

 padding: 0px 63px 0px 4px;

}

 #Social-Icon {

 width: 100%;

 height: auto;

 float: left;

}

 .social-icons {

 width: 70%;

 height: 60px;

}

 .add-button img {

 margin: 64px 0px 0px -175px;

}

 .copy {

 width: 70%;

 height: 50px;

}

 .ypo {

 float: right;

 margin: -30px 0px 0px 0px;

}

 .ypo img {

 margin: 0px;

}



/**Sub-Page Styles***/







#Intra-Tabs-s {

 margin: 148px 0px 0px 400px;

 width: 162px;

}

 .intratext-s {

 margin: 60px 0px 0px 410px;

 font-size: 21px;

}

 #Content-Left {

 width: 98%;

 float: none;

 margin: 0 auto;

}

 #SideBar {

 width: 80%;

 float: none;

 margin: 0 auto;

}

 #Surgeries-S {

 margin: 0px;

}

 .surgeries-list {

 width: 100%;

}

 #Meet-Dr-S {

 width: 100%;

}

 #Facilities-S {

 margin: 0px auto 10px auto;

 width: 55%;

}

 #Direct-Access-S {

 margin: 0px auto 10px auto;

 width: 55%;

}

 #Services-S {

 margin: 0px auto;

 width: 55%;

}

 .GotoTop {

 display: none !important;

}

 .services-hm li {

 width: 100%;

 float: left;

}

 .services-hm {

 height: 245px;

}

 .Dr-table {

 float: none !important;

 margin: 5px 0 0 10px;

}

 .Img-Size {

 width: 95% !important;

 height: auto;

 margin: 0px auto !important;

}

.multimedia-test {

 display:none;

}

}

 @media screen and (max-width: 480px) {

 #Header {

 height: 260px;

}

 #Logo {

 height: 130px;

}

 #Online-Appointment {

 width: 90%;

}

 .patient-portal, .call, .zoc-doc {

 width: 100%;

}

 #Facilities-S {

 width: 70%;

}

 #Footer-BG {

 height: 431px;

}

 #Quick-Links {

 width: 36%;

 height: 278px;

}

 #Location {

 width: 64%;

 height: 278px;

}

 #Social-Icon {

 width: 97%;

 height: 152px;

}

 .demo-m {

 width: 236px;

 margin: 0px auto;

}



/**Sub-Page Styles**/







#Main-Intra-S {

 display: none;

}

 #SideBar {

 width: 90%;

 margin: 0 auto;

}

 .surgeries-list {

 width: 100%;

 height: 290px;

 margin-top: 20px;

}

 .surgeries-list img {

 width: 100%;

 height: 96%;

}

 .surgeries-list ul li {

 height: 56px;

}

 #Olayinka-M {

 width: 90%;

 float: none;

 margin: 0 auto;

}

 #Medical-tour-s {

 width: 90%;

 float: none;

 margin: 0 auto;

}

 #Intra-Facilities-s {

 width: 90%;

 height: 133px;

 float: none;

 margin: 0 auto;

}

 .demo-n {

 width: 269px;

 height: 105px;

 margin: 0px auto;

}

 .read-access {

 padding: 28px 0px 0px 0px;

}

 #Services-S {

 width: 70%;

}

 .docrow {

 position: relative;

 float: left;

 margin: 5px auto;

 width: 100% !important;

 display: table-row;

}

 .docleft {

 border: 1px solid #96bae6;

 padding: 8px;

 display: table-cell;

 width: 80% !important;

 float: left;

 border-radius: 10px;

 -moz-border-radius: 10px;

 margin-bottom: 10px;

}

 .docmiddle {

 display: table-cell;

 width: 10px;

 display: none;

}

 .docright {

 border: 1px solid #96bae6;

 padding: 8px;

 display: table-cell;

 width: 80% !important;

 float: left;

 border-radius: 10px;

 -moz-border-radius: 10px;

}

.contact {

 font: normal 13px/40px 'OpenSansSemibold';

}

 .contact span {

 font: normal 12px/40px Verdana, Arial, Helvetica, sans-serif;

 color: #ffffff;

}

}

 @media screen and (max-width: 360px) {

 #Header {

 height: 225px;

}

 #Logo {

 height: 100px;

}

 #Facilities-S {

 width: 100%;

}

 #Direct-Access-S {

 width: 75%;

}

 #Services-S {

 width: 100%;

}

}

 @media screen and (max-width: 320px) {

 #Header {

 height: 220px;

}

 #Logo {

 height: 90px;

}

 #Online-Appointment {

 width: 95%;

}

 #Main-Intra {

 height: 208px;

}

 #Interactivity {

 height: 208px;

}

 .demo {

 height: 208px;

}

 #Footer-BG {

 height: 455px;

}

 #Quick-Links {

 width: 35%;

 height: 290px;

}

 .social-icons {

 width: 75%;

}

 .location-text {

 padding: 0px 37px 0px 4px;

}

}