@charset "UTF-8"; 

/*
    KOSC Style Sheet
	Written by Todd Temple at T2 Design https://t2graphicdesign.com
	Date Modified: 12-01-2021
*/

* {margin:0;padding:0;}
html, body 								{ height: 100%; background-color: #113B5B; color: #575A5C; text-align: center; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Helvetica;}
a 												{ color: #113B5B; text-decoration: underline;}
a:hover 									{ color: #0066A4; text-decoration: none;}
img 											{ vertical-align: bottom;}
a img 										{ border: 0;}
#container 								{ background: url(../images/container-bg.jpg) top center repeat-x white; width: 960px; position: relative; margin: 8px auto 0 auto; padding: 14px 0 52px 0;}
.top 											{ padding: 0 32px; width: 896px; height: 170px;}
.top-left 									{ float: left; text-align: left; width: 386px;}
.top-left h1 								{ padding: 10px 0 0 0;}
.top-right 								{ float: right; text-align: left; width: 510px;}
.top-right h2 							{ color: #0066A4; padding: 103px 0 0 20px; font-weight: normal; font-size: 21px; line-height: 21px; font-family: 'Akzidenz-GroteskBQExtended', sans-serif;}
.top-right h2 span.bold 			{ font-weight: normal; font-family: 'Akzidenz-GroteskBQBoldExtende', sans-serif;}
#nav 										{ height: 43px; width: 945px; margin: 0; padding: 0 0 0 15px; background: url(../images/gfx_nav.png) no-repeat 0 0; text-indent: -9999em; /*overflow: hidden;*/ text-align:left;}
#nav li 										{ margin: 0; padding: 0; float: left; list-style: none;}
#nav li, #nav a 						{ height: 43px; display: block; text-decoration: none;}

#nav li > ul {display:none;}
#nav li:hover > ul {display: block;}

#nav li li {float:none;display:block;font-family:Arial, Helvetica, sans-serif;margin-bottom:-1px;overflow:visible;z-index: 99;}
#nav li li a {background:#ede9e1 !important;height:auto !important;padding:0 8px;color:#1066a2;text-indent:0;cursor:pointer;border-top:1px #716c65 solid;width:400px !important;line-height:42px;font-size:14px;border-bottom:1px solid #716c65;padding-left:25px;}
#nav li li a:hover {background:#ded6c9 !important;color:#716c65;text-decoration:none;cursor:pointer;width:400px !important;text-indent:0;}
#nav ul li {position:relative;}
#nav ul ul {top:0;overflow:hidden;z-index:99; text-align:left;}
#nav li ul {left:246px;margin:0 ;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}
#nav li #about-us ul {display: none;}
#nav li #about-us ul a:hover {display: block;}

#home 				{left:15px; width: 87px;}
#about-us 			{width:110px; background: url(../images/gfx_nav.png) -102px 0px no-repeat;}
#procedures 		{width:126px;}
#patient-resources 	{width:170px;}
#physicians 		{width:119px;}
#directions 		{width:120px;}
#contact-us 		{width:122px;}

#covid19, #jobs, #payment { position: absolute; text-transform: uppercase; text-decoration: none; display: block; top:20px;}
#covid19 a, #jobs a, #payment a { background-color: #C00; padding: 12px 20px; text-decoration: none; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; color: #fff; font-weight: 300;}
#covid19 a i, #jobs a i, #payment a i { padding-right: 6px;}
#covid19 a:hover, #jobs a:hover, #payment a:hover { background-color: #ede9e1; color: #1066a2;}
#covid19 {right:359px;}
#jobs {right:186px;}
#payment {right:10px;}
#top-asc {right:10px;position:absolute;text-transform:uppercase;text-decoration:none;display:block;top:70px;}

.fade1, .fade2, .fade3, .fade4, .fade5, 
.fade6, .fade7							{ display: inline-block; position: relative; text-indent: -9999px; height: 43px;}
.fade1 span, .fade2 span, .fade3 span,
.fade4 span, .fade5 span, .fade6 span, 
.fade7 span 								{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; background: url(../images/gfx_nav.png) no-repeat;}
.fade1 span 								{ background-position: -15px -43px;}
.fade2 span 								{ background-position: -102px -43px;}
.fade3 span 								{ background-position: -212px -43px;}
.fade4 span 								{ background-position: -338px -43px;}
.fade5 span 								{ background-position: -508px -43px;}
.fade6 span 								{ background-position: -627px -43px;}
.fade7 span 								{ background-position: -747px -43px;}
.fade1:hover span, .fade2:hover span, 
.fade3:hover span, .fade4:hover span, 
.fade5:hover span, .fade6:hover span, 
.fade7:hover span					{ opacity: 1;}


#about-us .current 					{ display: inline-block; position: relative; text-indent: -9999px; height: 43px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; background: url(../images/gfx_nav.png) no-repeat -102px -86px;}

.middle 									{ padding: 19px 32px 36px 32px; width: 896px; clear: both; overflow: hidden;}
#content 									{ padding: 0 32px; width: 896px; clear: both; text-align: left; margin: -20px 0 30px 0; overflow: hidden;}
#main										{ float: left; width: 580px; margin: 0 51px 0 0;}
#sidebar 									{ float: left; width: 215px; background: #ECE8E0; padding: 20px; border-top: 20px solid #0066A4;}
#main p, #sidebar p					{ font-size: 13px; line-height: 18px; padding: 0 0 18px;}
h3 											{ color: #0066A4; padding: 0 0 15px 0; font-weight: normal; font-size: 34px; font-family: 'Akzidenz-GroteskBQBoldExtende', sans-serif;}
h4 											{ color: #0066A4; padding: 0 0 15px 0; font-weight: normal; font-size: 16px; font-family: 'Akzidenz-GroteskBQBoldExtende', sans-serif;}
.bottom-address 						{ width: 896px; clear: both; text-align: left; border-top: solid 1px #CCCDCE; border-bottom: solid 1px #CCCDCE; margin: 0 32px; padding: 0;}
.bottom-address p.address 	{ color: #0066A4; font-size: 20px; font-family: 'Akzidenz-GroteskBQExtended', sans-serif; padding:  20px 0;}
.footer 										{ padding: 0 32px; width: 896px; clear: both; text-align: left; margin: 16px 0 0 0;}
.footer h5 								{ font-size: 10px; font-weight: normal; margin: 0 0 5px 0; padding: 10px 0 0 0;}
.footer p 									{ font-size: 9px; font-weight: normal;}
@font-face 								{ font-family: 'Akzidenz-GroteskBQBoldExtende'; src: url('../css/akzidenzgroteskboldextended.eot'); src: local('Akzidenz-Grotesk BQ-BoldExt'), local('AkzidenzGroteskBQ-BoldExt'), url('../css/akzidenzgroteskboldextended.woff') format('woff'), url('../css/akzidenzgroteskboldextended.otf') format('opentype');}
@font-face 								{ font-family: 'Akzidenz-GroteskBQExtended'; src: url('../css/akzidenzgroteskextended.eot'); src: local('Akzidenz-Grotesk BQ-Ext'), local('AkzidenzGroteskBQ-Ext'), url('../css/akzidenzgroteskextended.woff') format('woff'), url('../css/akzidenzgroteskextended.otf') format('opentype');}
.button 									{ display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover 							{ text-decoration: none;}
.button:active 							{ position: relative; top: 1px;}
.orange 									{ color: #FEF4E9; border: solid 1px #DA7C0C; background: #F78D1D; background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A), to(#F47A20)); background: -moz-linear-gradient(top, #FAA51A, #F47A20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAA51A', endColorstr='#F47A20');}
.orange:hover 							{ background: #F47C20; background: -webkit-gradient(linear, left top, left bottom, from(#F88E11), to(#F06015)); background: -moz-linear-gradient(top, #F88E11, #F06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F88E11', endColorstr='#F06015');}
.orange:active 							{ color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#F47A20), to(#FAA51A)); background: -moz-linear-gradient(top, #F47A20, #FAA51A); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F47A20', endColorstr='#FAA51A');}
.blue 										{ color: #D9EEf7; border: solid 1px #0076A3; background: #0095CD; background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5)); background: -moz-linear-gradient(top, #00ADEE, #0078A5); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEE', endColorstr='#0078A5');}
.blue:hover 								{ color: #FFF; background: #007EAD; background: -webkit-gradient(linear, left top, left bottom, from(#0095CC), to(#00678E)); background: -moz-linear-gradient(top, #0095CC, #00678E); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095CC', endColorstr='#00678E');}
.blue:active 								{ color: #80BED6; background: -webkit-gradient(linear, left top, left bottom, from(#0078A5), to(#00ADEE)); background: -moz-linear-gradient(top, #0078A5, #00ADEE); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078A5', endColorstr='#00ADEE');}
.float-left 								{ float: left; padding: 0 12px 12px 0;}
.float-right								{ float: right; padding: 0 0 12px 12px;}
.red 										{color:#C00;}
.covid19 {background-color:#c00;color:#fff;padding:35px;margin:40px 0px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.covid19 p {padding-bottom: 20px;}