body {
    font-family: 'Helvetica', Arial, sans-serif;
    font-size:14px;
    margin:0 auto;
    background-image:url('../img/flag-repeat.png');
    background-repeat:repeat-x;
    background-position: top center;
    margin-top:-35px;
    background-color:#9BBCB9;
}












#header{
    position:relative;
}

.logo{
    top:-4px;
    position:absolute;
}
.logo img{
    width:225px;
    margin-left:-3px;
}
.icon_bar{
    margin-top:180px;
    float:right;
    margin-right:-5px;
    width:150px;
    display:table;
    table-layout:fixed;
}
.icon{
    width:15px;
    height:30px;
    display:table-cell;
}
.icon img{
    height:26px;
    padding-right:2px;
    padding-left:2px;
}
#navContainer ul {
    margin-top:6px;
    padding-top:0px;
    text-align:center;
    background:#BAD0CC;
    width:100%;
    position:relative;
    z-index:999;
}
#navContainer li {
    display:inline-block;
    -moz-display:inline-block;
    list-style: none;
    position: relative;
}
#navContainer li.last {
    padding-right: 1px;
}
#navContainer li.last a {
    border-right: 0px
}
#navContainer li.first {
}
#navContainer li.first a {
    border-left: 0px
}
#navContainer li a {
    display: block;
    padding: 17px 16px 16px;
    text-decoration: none;
    font-size: 13px;
    font-family:'edmondsansbold';
    font-weight:700;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    letter-spacing: 1px;
    background:#BAD0CC;
}
#navContainer li a:hover, #navContainer li.active a {
    background: url(../img/hov-bg.png) repeat;
}
#navContainer .dropDown {
    position: absolute;
    top: 50px;
    border: 1px solid #e0e0e0;
    border-top: 0px;
    width: 190px;
    background:rgba(255,255,255,0.8);
    padding-bottom: 2px;
    display: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    z-index:9999;
}
#navContainer .dropDown ul {
    padding: 0px;
    margin-top:0px;
    background:transparent;
}
#navContainer .dropDown li {
    background: none;
    border: 0px;
    width: 150px;
    float: none;
    padding: 0px;
}
#navContainer .dropDown li a {
    background: none;
    border: 0px;
    padding: 15px 0px;
    border-bottom: 1px solid #e3e3e3;
        font-family:'Titillium Web';
        font-size:14px;
    width: 150px;
    border-top: 1px solid #fff;
    background:transparent;
}
#navContainer .dropDown li a:hover {
    color: #a1a1a1;
}
#navContainer .dropDown li.first a {
    border-top: 0px;
}
#navContainer .dropDown li.last a {
    border-bottom: 0px;
}


/* Covid 19 Banner */

.redAlert { box-sizing: border-box;
    width: 100%; 
    padding: 0;
    z-index: 1;
    background: #D32F2F;
    position: relative;
    font-family: inherit;
    border: 1px solid #BAD0CC;
    border-top: none;
    margin-top: -16px;
    margin-bottom: 35px;
    font-weight: 500;
    text-transform: uppercase; }

.redAlert a { width: 100%;
        display: block; 
        margin: 0;
        padding: 5px 0;
        color: #fff;
        text-align: center;
        font-size: .9rem;
        line-height: 1.5rem;
        letter-spacing: 1.5px;}
        
.redAlert a:visited {text-decoration: none; }

/* ^^^ Covid 19 Banner ^^^ */







#featured_wrapper{
    width:1040;
    height:100%;
    margin-bottom:35px;
}
.motto{
    text-align:center;
    margin-top:0px;
    color:#555;
    font-family:'wisdom_script_airegular';
    font-size:24px;
}
#featured_container{
    margin-left:10px;
}
#featured {
    width: 700px;
    height: 300px;
    background: #000 url('orbit/loading.gif') no-repeat center center;
    overflow: hidden; }
#featured>img, #featured>div,#featured>a { 
    display: none; }
#activityIndicator{
    background: #000 url('orbit/loading.gif') no-repeat center center;
}
div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }
span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(orbit/rotator-black.png) no-repeat;
    z-index: 3; }
span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }
span.rotator.move {
    left: 0 }
span.mask.move {
    width: 40px;
    left: 0;
    background: url(orbit/timer-black.png) repeat 0 0; }
span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }
span.pause.active {
    background: url(orbit/pause-black.png) no-repeat 0 -40px }
div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }
.orbit-caption {
    display: none;
    font-family: 'edmondsans_regularregular'; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
    text-align: center;
    padding: 20px 0px;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }
div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(orbit/right-arrow.png);
    right: 0; }

div.slider-nav span.left {
    background: url(orbit/left-arrow.png);
    left: 0; }
#info_wrapper{
    width:290px;
    height:300px;
    margin-top:-300px;
    float:right;
    margin-right:30px;
    background-color:#bad0cc;
}
div.names h2{
    font-size:18px;
    font-family: 'edmondsansbold';
    color:#555;
    text-align:center;
        text-shadow: 1px 1px 1px white;
    -moz-text-shadow: 1px 1px 1px white;
    -webkit-text-shadow: 1px 1px 1px white;
    -o-text-shadow: 1px 1px 1px white;
    letter-spacing: 1px;
    margin-top:15px;
}
div.names p{

    text-align:center;
    color:#383838;
    padding-right:15px;
    padding-left:15px;
    font-size:13px;
    line-height:1.;
}
.contact{
    border-right: solid #383838;
    padding-right:10px;
    border-width:1px;
    text-align:right;
    width:125px;
    margin-left:10px;"
}

.contact h1{
    font-family: 'Titillium Web', 600;
    line-height:1.3;
    font-size:16px;
    color:#555;
}

.contact a{
    text-decoration:none;
    font-family:'Titillium Web';
    color:#555;
}
.contact p{
    font-family: 'edmondsans_regularregular';
    color:#555;
}
.contact2{
    text-align:left;
    margin-left:155px;
    margin-top:-105px;
    width:135px;
    margin-top:-90px;
    color:#555;
}
.contact2 a{
    text-decoration:none;
    font-family:'Titillium Web';
    color:#555;
}
.contact2 p{
    font-family: 'edmondsans_regularregular';
    color:#555;
}
.contact2 h1{
    font-family: 'Titillium Web', 600;
    line-height:1.3;
    font-size:16px;
}
.hours p{
    text-align:center;
    font-family: 'Titillium Web', 600;
    color:#555
}









#footer{
    float:left;
    width:100%;
    background-color:#656F8C;
    border-top: solid #f9f8e6;
}
.wrap{
    position:relative;
    margin:0 auto;
    background-color:#656F8C;
    margin-right:0px;
    margin-left:0px;
}
div.advertise {
    width:100%;
    max-width:1040px;
    margin-top:20px;
    margin-bottom:20px;
    margin-right:auto;
    margin-left:auto;
}
  div.advertise div.row {
    clear: both;
    margin: 1px;
    padding: 1px;
    min-height: 200px;
}
 div.advertise div.row div.ad {
    margin: 2px;
    padding: 2px 0px 0px 0px;
    width: 200px;
    height:200px;

    text-align: center;
    float: left;
}
div.ad:hover{
    opacity:.5;
}
div.advertise div.row div.ad span.text {
    font-size: 15px;
    font-family: 'edmondsans_regularregular';
    color: #f9f8e6;

    text-align:center;
    text-decoration:none;
}
img.image{
    width:100px;
    height:100px;
}
img.image8{
    width:100px;
}
img.image5{
    width:150px;
    padding-top:30px;
}











#theContent h3{
    font-family: 'edmondsansbold';
    text-align:center;
        color:#555;
}
#theContent{
    width:100%;
    max-width:1040px;
    height:100%;
    margin:0 auto;
    margin-top:-35px;
    padding-top:35px;
    background-color:white;
    background-image: 
        url(../img/escheresque.png);
};
}
.about{
    margin-right:auto;
    margin-left:auto;
    width:820px;
}
div.advertise div.row div.ad2 {
    margin: 2px;
    padding: 2px 0px 0px 0px;
    width: 200px;
    height:400px;
    text-align: center;
    float: left;
}
div.advertise div.row div.ad2 span.text {
    font-size: 15px;
    font-family: 'edmondsans_regularregular';
    color: #555;

    text-align:center;
    text-decoration:none;
}

div.advertise div.row a div.ad2 span.text  {
    font-size: 15px;
    font-family: 'edmondsans_regularregular';
    color: #555;

    text-align:center;
    text-decoration:none;
}
























div.optical{


    margin-right:auto;
    margin-left:10px;
}
div.optical div.row{
    clear:both;
    margin-right:auto;
    margin-left:auto;

}
div.optical div.row div.ad{

    width:250px;
    height:200px;

        text-align: center;
    float: left;
}
div.ad2:hover{
    opacity:.7;
}
div.advertise div.row div.ad4 {
    margin: 1px;
    padding: 2px 0px 0px 0px;
    width: 200px;
    height:200px;

    text-align: center;
    float: left;
  }

  div.advertise div.row div.ad4 a{

    text-decoration: none;
    opacity:1;
  }

    div.advertise div.row div.ad span.text2 {
    font-size: 15px;
    font-family: 'edmondsans_regularregular';
    color: #656F8C;

    text-align:center;
    text-decoration:none;
  }
     div.advertise div.row div.ad4 span.text2 {
    font-size: 15px;
    font-family: 'edmondsans_regularregular';
    color: #656F8C;

    text-align:center;
    text-decoration:none;
  }


img.image9{
    width:100px;
    padding-top:30px;
  }


    img.image6{
    width:130px;
    padding-top:10px;
  }
    img.image2{
    width:200px;
    height:400px;
  }

img.image3{
    width:250px;
    height:167px;
  }
img { border:0;}
a img { border:0 }

p{
    font-family: 'Titillium Web', sans-serif;
}
h2{
    font-family: 'Titillium Web', sans-serif;

}

a, a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration: none;
    opacity:.7;
}
a#services:hover, a#services:active{

}
p a, a:visited{
    text-decoration:none;
}
.wrapper {
    width:100%;
	max-width:1040px;
    background:url('../img/flagger.png') no-repeat;
    background-position:center 39px;
    margin:0 auto;
    background-size:100% 173px;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-block;
	padding-top:202px;
    padding-left:0px;

}
html[xmlns] .clear { display:
	block;
}
* html .clear {
	height: 1%;
}


@font-face {
    font-family: 'edmondsans_regularregular';
    src: url('edmondsans-regular-webfont.eot');
    src: url('edmondsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('edmondsans-regular-webfont.woff') format('woff'),
         url('edmondsans-regular-webfont.ttf') format('truetype'),
         url('edmondsans-regular-webfont.svg#edmondsans_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsansbold';
    src: url('edmondsans-bold-webfont.eot');
    src: url('edmondsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('edmondsans-bold-webfont.woff') format('woff'),
         url('edmondsans-bold-webfont.ttf') format('truetype'),
         url('edmondsans-bold-webfont.svg#edmondsansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wisdom_script_airegular';
    src: url('wisdom_script-webfont.eot');
    src: url('wisdom_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('wisdom_script-webfont.woff') format('woff'),
         url('wisdom_script-webfont.ttf') format('truetype'),
         url('wisdom_script-webfont.svg#wisdom_script_airegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'mission_scriptregular';
    src: url('mission-script-webfont.eot');
    src: url('mission-script-webfont.eot?#iefix') format('embedded-opentype'),
         url('mission-script-webfont.woff') format('woff'),
         url('mission-script-webfont.ttf') format('truetype'),
         url('mission-script-webfont.svg#mission_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}






#info-wrapper{
    width:290px;
    margin-left:auto;
    margin-right:20px;
}

#bottom_icon{
    width:208px;
    text-align:center;
    float:top;
}


  #doctors_wrapper{
    margin-right:20px;
    margin-left:20px;
    display:table;
    table-layout:fixed;
  }
  #location_wrapper{
    margin-right:20px;
    margin-left:20px;
    display:table;
    table-layout:fixed;
  }
  #location_wrapper div{
    padding-right:10px;
    padding-left:10px;
    display:table-cell;
  }

  #doctors_wrapper div{
    width:33.3333333333%;
    padding-right:10px;
    padding-left:10px;
    display:table-cell;
  }
  #doctors_wrapper h3{
    font-family: 'edmondsansbold';
    text-align:center;
    color: #555;
  }
  #doctors_wrapper p{
    font-family:'edmondsans_regularregular';
  }

   #location_wrapper h3{
    color:#555;
    text-align:left;
    margin-bottom:0px;
  }
   #theContent h2{
    font-family: 'edmondsans_regularregular';
    text-align:center;
    color: #555;
    text-shadow: 1px 1px 1px #bad0cc;
    -moz-text-shadow: 1px 1px 1px #bad0cc;
    -webkit-text-shadow: 1px 1px 1px #bad0cc;
    -o-text-shadow: 1px 1px 1px #bad0cc;
    letter-spacing: 1px;
    padding-top:35px;
    padding-bottom:0px;
  }
    #theContent p{
    font-family:'Titillium Web';
    color: #555;
    margin-right:20px;
    margin-left:20px;
  }
  #apptinfo{
    margin-right:20px;
    margin-left:20px;
    display:table;
    table-layout:fixed;
  }
  #apptinfo div{
    padding-right:10px;
    padding-left:10px;
    display:table-cell;
    width:50%;
  }
#list{
    width:300px;
}
#drea{
    width:200px;
    height:200px;
}
#drea:hover{
    background: url(../img/eye3.png);
    background-repeat:no-repeat;
}
li{
    text-align:center;
    font-family:'edmondsans_regularregular';
    color:#555;
}

/* Covid Info Box */

.covid { box-sizing: border-box;
         display: block;
         width: 100%;
         margin-top: 3%;
         text-align: center;
         font-family: 'edmondsans_regularregular';
         text-align: center;
         color: #555;
}

.covid-container { width: 85%;
             margin-left: 7.5%;
             border: 2px ridge #545479;
             background: rgba(149, 177, 174, 0.74);
             border-radius: 15px;
             padding: 10px;
}

.covid-title { font-size: 22px;
                text-decoration: underline;
                text-transform: uppercase;
                padding-top: 15px;
                padding-bottom: 15px;
                letter-spacing: 2px;
                font-weight: 700;
                color: red;
                text-shadow: 1.5px 1.5px 0px black;
}

.covid-header { font-size: 15px;
                text-align: initial;
                margin-left: 8px;
                font-weight: bold;
                text-shadow: .75px .75px .5px #bad0cc;
                color: #000;
                font-family: Arial, Helvetica, sans-serif;
}

.covid-list { text-align: initial; }

.covid-list-info { list-style: red square outside;}

.covid-list-info li { text-align: left;
                      width: 80%;  
                      padding: 2px;
                      margin-left: 7%;
                      line-height: 20px;
                      font-size: 16px;
                      font-weight: 500;
                      color: #000;
                      font-family: Arial, Helvetica, sans-serif;
}

/* Covid Info Box */

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

#navContainer li a {
    font-size: 16px;

}

  
}