/* Always start with these styles */



  body {/* Neutralize default margins and padding */
	margin:0; padding:0;
	margin-left:auto;margin-right:auto;
	background: rgb(255,255,255); 
	font-family: times new roman, serif;
	/* fontsize inherited by all elements */	
	font-size:1em;   
	font-weight:normal;
	/*IE6 needs this to center layout in browser window */
	text-align:center;
	/* move all elements in from edge of the page */	
	/*margin:1em;*/       
	outli:solid gray 1px;
	}

/*@media screen and (max-width: 600px) 
	{.two-col-box-left{width:85%;
	margin:1em 2% 0 3%;
	padding:1em 5% 1em 5%;
	font-size:.9em;
	outli-height:1.1em;}}*/


.clearfloats {clear:both;}
/*Aslett Clearing Method*/
	.clearfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	.clearfix{display:outli-table;}
		/*backslash hack hides from EI mac \*/
		*html .clearfix{height:1%;}
		.clearfix{display:block;}
		/* end backslash hack */



/* ******************

@media screen and (max-width: 1100px) 
	{{width:100%;
	}}
@media screen and (max-width: 1000px) 
	{{width:100%;
	}}
@media screen and (max-width: 900px) 
	{{width:100%;
	}}
@media screen and (max-width: 800px) 
	{{width:100%;
	}}
@media screen and (max-width: 700px) 
	{{width:100%;
	}}
@media screen and (max-width: 600px) 
	{{width:100%;
	}}
@media screen and (max-width: 500px) 
	{{width:100%;
	}}
@media screen and (max-width: 400px) 
	{{width:100%;
	}}
@media screen and (max-width: 350px) 
	{{width:100%;
	}}
@media screen and (max-width: 300px) 
	{{width:100%;
	}}
@media screen and (max-width: 250px) 
	{{width:100%;
	}}
****************** */



















body {width:96%;
	outli:solid red 1px;
	}





/*********** begin headerbox **********/

#headerbox{width:98%;
	margin:0 0 1em 0;;
	padding:0;
	border:solid rgb(150,150,150) 3px;
	border-radius:25px;

	}



#eyepands{width:100%;
	margin:-.8em 0 -1em 0;
	font-size:2em;
	font-style:italic;
	outli:solid red 1px;
	}
@media screen and (max-width: 800px) 
	{#eyepands{width:100%;
	font-size:1.8em;
	}}
@media screen and (max-width: 700px) 
	{    #eyepands{width:100%;
	font-size:1.6em;
	}}
@media screen and (max-width: 600px) 
	{    #eyepands{width:100%;
	font-size:1.5em;
	float:right;
	}}
@media screen and (max-width: 500px) 
	{    #eyepands{width:100%;
	margin:-.8em 0 -1em 0;
	font-size:1.4em;
	outli:solid gray 1px;
	float:right;
	}}
@media screen and (max-width: 400px) 
	{    #eyepands{width:80%;
	margin:-.8em 4% -1em 0;
	font-size:1.3em;
	}}
@media screen and (max-width: 350px) 
	{    #eyepands{width:80%;
	margin:-.8em 4% -1em 0;
	font-size:1.2em;
	}}
@media screen and (max-width: 325px) 
	{    #eyepands{width:78%;
	font-size:1.1em;
	}}
@media screen and (max-width: 300px) 
	{    #eyepands{width:78%;
	margin:-.3em 0 -1em 0;
	font-size:.9em;
	}}
@media screen and (max-width: 250px) 
	{    #eyepands{width:80%;
	font-size:.8em;
	}}



#pic1{width:13%;
	margin:-2.2em 0 0 5%;
	float:left;
	outli:solid gray 1px;
	}
@media screen and (max-width: 800px) 
	{#pic1{width:11%;
	margin:-2.2em 0 0 5%;
	}}
@media screen and (max-width: 700px) 
	{#pic1{width:11%;
	margin:-2em 0 0 5%;
	}}
@media screen and (max-width: 600px) 
	{#pic1{width:10%;
	margin:-1.6em 0 0 5%;
	}}
@media screen and (max-width: 500px) 
	{#pic1{width:10%;
	margin:-1.4em 0 0 3%;
	}}
@media screen and (max-width: 400px) 
	{#pic1{width:10%;
	margin:.5em 0 0 3%;
	}}
@media screen and (max-width: 300px)  
	{#pic1{width:11%;
	margin:.7em 0 0 5%;
	}}
@media screen and (max-width: 250px)  
	{#pic1{width:12%;
	margin:.7em 0 0 5%;
	}}







#title{width:100%;
	margin:-.9em 0 0 0;
	padding:0;
	font-size:2.8em;
	font-weight:bold;
	color:rgb(11,58,129);
	outli:solid black 2px;
	}
@media screen and (max-width: 1100px) 
	{#title{width:100%;
	}}
@media screen and (max-width: 1000px) 
	{#title{width:100%;
	font-size:2.4em;
	}}
@media screen and (max-width: 900px) 
	{#title{width:100%;
	margin:-1em 0 0 0;
	font-size:2.2em;
	}}
@media screen and (max-width: 800px) 
	{#title{width:100%;
	margin:-.9em 0 0 0;
	font-size:2em;
	}}
@media screen and (max-width: 700px) 
	{#title{width:100%;
	margin:-1em 0 0 0;
	font-size:1.8em;
	}}
@media screen and (max-width: 600px) 
	{#title{width:100%;
	margin:-1em 0 0 0;
	font-size:1.7em;
	}}
@media screen and (max-width: 500px) 
	{#title{width:100%;
	margin:-1em 0 0 0;
	font-size:1.4em;
	}}
@media screen and (max-width: 400px) 
	{#title{width:100%;
	margin:-1em 0 0 0;
	font-size:1.3em;
	}}
@media screen and (max-width: 350px) 
	{#title{width:100%;
	font-size:1.2em;
	}}
@media screen and (max-width: 325px) 
	{#title{width:100%;
	font-size:1.2em;
	}}
@media screen and (max-width: 300px) 
	{#title{width:100%;
	font-size:1.2em;
	}}
@media screen and (max-width: 250px) 
	{#title{width:100%;
	font-size:1em;
	}}


#title p{
	padding:0;
	outli:dotted green 2px;
	}












/*********** begin header-location-intro **********/


#location-intro{width:100%;
	margin:-2em 0 0 2%;
	padding:0;
	font-size:1.25em;
	text-align:left;
	font-style:italic;
	font-weight:bold;
	outli:solid gray 1px;
	}
@media screen and (max-width: 800px) 
	{#location-intro{width:100%;
	margin:-1.5em 0 1.2em 2%;
	}}
@media screen and (max-width: 600px) 
	{#location-intro{width:100%;
	font-size:1.1em;
	margin:-1em 0 1.2em 2%;
	}}
@media screen and (max-width: 500px) 
	{#location-intro{width:100%;
	margin:-1em 0 1.2em 2%;
	font-size:.9em;
	}}
@media screen and (max-width: 400px) 
	{#location-intro{width:100%;
	margin:-.8em 0 1.2em 2%;
	}}
@media screen and (max-width: 300px) 
	{#location-intro{width:100%;
	}}
@media screen and (max-width: 250px) 
	{#location-intro{width:100%;
	}}



#locations{width:100%;
	margin:-1.2em 0 0 2%;
	padding:0;
	}




#locations p{width:90%;
	margin:.2em 0 0 2%;
	font-size:1.3em;
	text-align:left;
	outli:solid green 1px;
	}
@media screen and (max-width: 700px) 
	{#locations p{width:100%;
	font-size:1.2em;
	}}
@media screen and (max-width: 600px) 
	{#locations p{width:100%;
	font-size:1em;
	}}
@media screen and (max-width: 500px) 
	{#locations p{width:100%;
	font-size:.8em;
	}}
@media screen and (max-width: 400px) 
	{#locations p{width:80%;
	margin:.2em 0 0 7%;
	font-size:.9em;
	}}
@media screen and (max-width: 300px) 
	{#locations p{width:100%;
	font-size:.8em;
	}}
@media screen and (max-width: 250px) 
	{#locations p{width:100%;
	margin:.2em 0 0 3%;
	font-size:.8m;
	}}



#appointment{width:100%;
	margin:.5em 0 0 0;
	font-weight:bold;
	text-align:center;
	outli:solid green 1px;
	}


#appointment1{width:52%;
	margin:0 0 0 1%;
	font-size:1.5em;
	display:outli;
	float:left;
	outli:solid red 1px;
	}
@media screen and (max-width: 900px) 
	{#appointment1{width:52%;
	font-size:1.2em;
	}}
@media screen and (max-width: 800px) 
	{#appointment1{width:52%;
	font-size:1.2em;
	}}
@media screen and (max-width: 700px) 
	{#appointment1{width:52%;
	padding:0;
	font-size:1.1em;
	}}
@media screen and (max-width: 600px) 
	{#appointment1{width:56%;
	display:block;
	float:left;
	font-size:1.1em;
	}}
@media screen and (max-width: 500px) 
	{#appointment1{width:100%;
	font-size:1.1em;
	}}
@media screen and (max-width: 400px) 
	{#appointment1{width:100%;;
	display:block;
	text-align:center;
	float:right;
	font-size:1.1em;
	}}
@media screen and (max-width: 300px) 
	{#appointment1{width:100%;
	font-size:1.1em;
	}}
@media screen and (max-width: 250px) 
	{#appointment1{width:100%;
	font-size:1.1em;
	}}



#appointment2{width:40%;
	margin:0 2% 0 0;
	font-size:1.5em;
	display:outli;
	float:right;
	outli:solid red 1px;
	}
@media screen and (max-width: 900px) 
	{#appointment2{width:40%;
	font-size:1.3em;
	}}
@media screen and (max-width: 800px) 
	{#appointment2{width:40%;
	font-size:1.2em;
	}}
@media screen and (max-width: 700px) 
	{#appointment2{width:40%;
	font-size:1.2em;
	}}
@media screen and (max-width: 600px) 
	{#appointment2{width:34%;
	display:block;
	font-size:1.1em;
	}}
@media screen and (max-width: 500px) 
	{#appointment2{width:100%;
	font-size:1.1em;
	}}
@media screen and (max-width: 400px) 
	{#appointment2{width:100%;
	margin:0 0 0 0;
	display:block;
	text-align:center;
	font-size:1.1em;
	}}
@media screen and (max-width: 300px) 
	{#appointment2{width:100%;
	margin:.5em 0 0 0;
	font-size:1.1em;
	}}
@media screen and (max-width: 250px) 
	{#appointment2{width:100%;
	font-size:1.1em;
	}}





/*********** end headerbox **********/









/*********** begin menuboxes **********/

#menuboxes{width:100%;
	margin:.2em 0 0 0;
	padding:0 0 .4em 0;
	outli:solid red 1px;
	}


.menu-item-left{	
	}

.menu-item-left:hover a{
	background-color:rgb(71,118,189);
	}

.menu-item-left a{width:35%;
	margin:.5em 0 0 10%;
	padding:.1em 0 .2em 0;
	background-color:rgb(111,158,229);
	border-radius:15px;
	font-size:1.4em;
	color:white;
	text-decoration:none;
	float:left;	
	}
@media screen and (max-width: 700px) 
	{.menu-item-left a{width:43%;
	margin:.5em 0 0 5%;
	padding:.1em 0 .2em 0;
	font-size:1.2em;
	}}
@media screen and (max-width: 400px) 
	{.menu-item-left a{
	font-size:1em;
	}}
@media screen and (max-width: 350px) 
	{.menu-item-left a{width:46%;
	margin:.5em 0 0 3%;
	font-size:1em;
	}}
@media screen and (max-width: 300px) 
	{.menu-item-left a{width:47%;
	margin:.5em 0 0 2%;
	font-size:.8em;
	}}



.menu-item-right{	
	}

.menu-item-right:hover a{
	background-color:rgb(71,118,189);
	}

.menu-item-right a{width:35%;
	margin:.5em 10% 0 0;
	padding:.1em 0 .2em 0;
	background-color:rgb(111,158,229);
	border-radius:15px;
	font-size:1.4em;
	color:white;
	text-decoration:none;
	float:right;	
	}
@media screen and (max-width: 700px) 
	{.menu-item-right a{width:43%;
	margin:.5em 5% 0 0;
	font-size:1.2em;
	}}
@media screen and (max-width: 400px) 
	{.menu-item-right a{
	font-size:1em;
	}}
@media screen and (max-width: 350px) 
	{.menu-item-right a{width:46%;
	margin:.5em 3% 0 0;
	font-size:1em;
	}}
@media screen and (max-width: 300px) 
	{.menu-item-right a{width:47%;
	margin:.5em 2% 0 0;
	font-size:.8em;
	}}





.menu-item-left:hover {
	background-color:rgb(71,118,189);
	}

.menu-item-right:hover {
	background-color:rgb(71,118,189);
	}




/*********** end menuboxes **********/

















/*********** begin greeting **********/

.greeting{width:100%;
	margin:.3em auto 0 auto;
	border:solid rgb(150,150,150) 3px;
	border-radius:25px;
	}


.greeting p{width:80%;
	margin:.2em auto .2em auto;
	font-size:1.2em;
	}
@media screen and (max-width: 700px) 
	{.greeting p{
	font-size:1.3em;
	}}
@media screen and (max-width: 600px) 
	{.greeting p{
	font-size:1.2em;
	}}
@media screen and (max-width: 500px) 
	{.greeting p{
	font-size:1em;
	}}
@media screen and (max-width: 400px) 
	{.greeting p{
	font-size:1em;
	}}
/*********** end greeting **********/
















/*********** begin page headline **********/

.page-headline{width:100%;
	margin-left:auto;margin-right:auto;
	outli:solid red 1px;
	}

.page-headline p{width:96%;
	margin-left:auto;margin-right:auto;
	margin-top:.5em;
	margin-bottom:0;
	padding:0;
	background:rgb(71,118,189);
	background:rgb(11,58,129);
	color:white;
	font-size:1.6em;
	outli:solid black 1px;
	}
	
/*********** begin page headline **********/



































/*********** begin bannerphoto **********/



#bannerphoto{width:100%;
	margin:.5em 0 0 0;
	outli:solid red 1px;
	}


#bannerphoto img{width:100%;
	}



/*********** end bannerphoto **********/























/*********** begin locations **********/



.locations{width:98%;
	margin-left:auto;margin-right:auto;
	margin-top:1em;
	border:solid rgb(150,150,150) 3px;
	border-radius:25px;
	}




/*********** begin location-address **********/


.location-address{width:100%;
	margin:0 0 .5em 0;
	outli:solid purple 1px;
	}

.location-address p{
	margin:.4em 0 0 4%;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	}
@media screen and (max-width: 600px) 
	{.location-address p{
	font-size:1.2em;
	}}
@media screen and (max-width: 500px) 
	{.location-address p{
	margin:.5em 0 0 3%;
	font-size:1em;
	}}
@media screen and (max-width: 400px) 
	{.location-address p{
	margin:.5em 0 0 3%;
	font-size:.9em;
	}}
@media screen and (max-width: 350px) 
	{.location-address p{
	margin:.5em 0 0 3%;
	font-size:.8em;
	}}




/*********** begin locations-and-hours **********/



.locations-and-hours{width:55%;
	margin:-1em 0 2em 0;
	float:left;
	outli:black solid 2px;
	}
@media screen and (max-width:600px) 
	{.locations-and-hours{width:100%;
	margin:-1em 0 0 1%;
	}}


.locations-and-hours p{
	margin:1em 0 .3em 5%;
	font-size:1.5em;
	text-align:left;
	}
@media screen and (max-width: 600px) 
	{.locations-and-hours p{
	font-size:1.2em
	}}




.location-photo{width:35%;
	margin:.2em 0 0 1%;
	float:left;
	outli:red solid 1px;
	}
@media screen and (max-width: 1100px) 
	{.location-photo{width:35%;
	margin:.2em 0 0 1%;
	}}
@media screen and (max-width: 900px) 
	{.location-photo{width:30%;
	margin:.2em 0 0 1%;
	}}



.location-photo img{width:100%;
	margin:0 0 0 0;
	outli:red solid 1px;	
	}






.location-list-of-days{width:35%;
	margin:0 0 0 4%;
	float:left;
	outli:green solid 1px;
	}
@media screen and (max-width: 1100px) 
	{.location-list-of-days{width:40%;
	margin:.5em 0 0 1%;
	}}	
@media screen and (max-width: 1000px) 
	{.location-list-of-days{width:40%;
	margin:.5em 0 0 3%;
	}}
@media screen and (max-width: 900px) 
	{.location-list-of-days{width:35%;
	margin:.5em 0 0 3%;
	}}
@media screen and (max-width: 800px) 
	{.location-list-of-days{width:35%;
	margin:.5em 0 0 3%;
	}}
@media screen and (max-width: 700px) 
	{.location-list-of-days{width:35%;
	margin:.5em 0 0 3%;
	}}
@media screen and (max-width: 600px) 
	{.location-list-of-days{width:35%;
	margin:0 0 0 3%;
	}}
@media screen and (max-width: 275px) 
	{.location-list-of-days{
	}}




.location-list-of-days p{
	margin:0 0 -.1em 0;
	text-align:right;
	font-size:1.5em;
	}
@media screen and (max-width: 1100px) 
	{.location-list-of-days p{
	font-size:1.4em;
	}}
@media screen and (max-width: 1000px) 
	{.location-list-of-days p{
	font-size:1.3em;
	}}
@media screen and (max-width: 900px) 
	{.location-list-of-days p{
	font-size:1.3em;
	}}
@media screen and (max-width: 800px) 
	{.location-list-of-days p{
	font-size:1.1em;
	}}
@media screen and (max-width: 700px) 
	{.location-list-of-days p{
	font-size:1em;
	}}
@media screen and (max-width: 600px) 
	{.location-list-of-days p{
	font-size:1.4em;
	}}
@media screen and (max-width: 500px) 
	{.location-list-of-days p{
	font-size:1.2em;
	}}
@media screen and (max-width: 450px) 
	{.location-list-of-days p{
	font-size:1.2em;
	}}
@media screen and (max-width: 400px) 
	{.location-list-of-days p{
	font-size:1em;
	}}
@media screen and (max-width: 350px) 
	{.location-list-of-days p{
	font-size:.9em;
	}}
@media screen and (max-width: 300px) 
	{.location-list-of-days p{
	font-size:.8em;
	}}
@media screen and (max-width: 275px) 
	{.location-list-of-days p{
	font-size:.7em;
	}}



.location-list-of-hours{width:55%;
	margin:0 0 .3em 1%;
	float:left;
	outli:blue solid 1px;
	}
@media screen and (max-width: 1100px) 
	{.location-list-of-hours{width:50%;
	margin:.5em 0 .3em 1%;
	}}
@media screen and (max-width: 1000px) 
	{.location-list-of-hours{width:50%;
	margin:.5em 0 .3em 1%;
	}}
@media screen and (max-width: 900px) 
	{.location-list-of-hours{width:58%;
	margin:.5em 0 .3em 1%;
	}}
@media screen and (max-width: 800px) 
	{.location-list-of-hours{width:58%;
	margin:.5em 0 .3em 1%;
	}}
@media screen and (max-width: 700px) 
	{.location-list-of-hours{width:58%;
	margin:.5em 0 .3em 2%;
	}}
@media screen and (max-width: 600px) 
	{.location-list-of-hours{width:58%;
	margin:0 0 .3em 2%;
	}}
@media screen and (max-width: 500px) 
	{.location-list-of-hours{width:58%;
	margin:0 0 .3em 2%;
	}}
@media screen and (max-width: 400px) 
	{.location-list-of-hours{width:58%;
	margin:0 0 .3em 2%;
	}}
@media screen and (max-width: 275px) 
	{.location-list-of-hours{
	}}




.location-list-of-hours p{width:90%;
	margin:0 0 -.1em 0;
	font-size:1.5em;
	}
@media screen and (max-width: 1100px) 
	{.location-list-of-hours p{
	font-size:1.4em;
	}}
@media screen and (max-width: 1000px) 
	{.location-list-of-hours p{
	font-size:1.3em;
	}}
@media screen and (max-width: 900px) 
	{.location-list-of-hours p{
	font-size:1.3em;
	}}
@media screen and (max-width: 800px) 
	{.location-list-of-hours p{
	font-size:1.1em;
	}}
@media screen and (max-width: 700px) 
	{.location-list-of-hours p{
	font-size:1em;
	}}
@media screen and (max-width: 600px) 
	{.location-list-of-hours p{
	font-size:1.4em;
	}}
@media screen and (max-width: 500px) 
	{.location-list-of-hours p{
	font-size:1.2em;
	}}
@media screen and (max-width: 400px) 
	{.location-list-of-hours p{
	font-size:1em;
	}}
@media screen and (max-width: 350px) 
	{.location-list-of-hours p{
	font-size:.9em;
	}}
@media screen and (max-width: 300px) 
	{.location-list-of-hours p{
	font-size:.8em;
	}}
@media screen and (max-width: 275px) 
	{.location-list-of-hours p{
	font-size:.7em;
	}}



.special-hours{width:94%;
	margin:.4em auto 0 auto;
	outli:solid red 1px;
	}
@media screen and (max-width: 900px) 
	{.special-hours{width:94%;
	}}



.special-hours p{
	margin:-.1em 0 0 10%;
	font-size:1.1em;
	text-align:left;
	}
@media screen and (max-width: 900px) 
	{.special-hours p{
	font-size:1em;
	}}
@media screen and (max-width: 700px) 
	{.special-hours p{
	font-size:1em;
	}}
@media screen and (max-width: 600px) 
	{.special-hours p{
	font-size:1em;
	}}
@media screen and (max-width: 500px) 
	{.special-hours p{
	font-size:.9em;
	}}
@media screen and (max-width: 300px) 
	{.special-hours p{
	font-size:.8em;
	}}







.directions{width:90%0	
	margin:0 auto o auto;
	font-size:.8em;
	}

#map{width:40%;
	margin:0 3% 0 0;
	float:right;
	outli:solid red 1px;
	}
@media screen and (max-width: 600px) 
	{#map{width:90%;
	margin:1.5em 5% 0 0;
	}}	

.google-map {
     padding-bottom: 50%;
     position: relative;
	}

.google-map iframe {width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	}

/*********** end locations **********/


















/*********** begin insurance information **********/



.insurance{width:100%;
	margin:.3em auto 0 auto;
	border:solid rgb(150,150,150) 3px;
	border-radius:25px;
	}


.insurance p{width:50%;
	margin:.8em auto .5em auto;
	padding:0 5% 0 5%;
	font-size:1.4em;
	text-align:justify;
	}
@media screen and (max-width: 700px) 
	{.insurance p{
	font-size:1.3em;
	}}
@media screen and (max-width: 600px) 
	{.insurance p{width:70%;
	font-size:1.2em;
	}}
@media screen and (max-width: 500px) 
	{.insurance p{
	font-size:1.2em;
	}}
@media screen and (max-width: 400px) 
	{.insurance p{width:80%;
	font-size:1em;
	}}



/*********** end insurance information **********/




















/*********** begin services **********/



.services{width:96%;
	margin-left:auto;margin-right:auto;
	margin-top:1em;	
	margin-bottom:0;
	/*padding:0 5% 1em 5%;	*/
	border:solid rgb(150,150,150);
	border-radius:25px;
	outli:solid green 1px;
	}


.services h2{width:80%;
	margin:.6em auto 1.5em auto;
	font-size:1.4em;
	font-weight:bold;
	outli:solid red 1px;
	}
@media screen and (max-width: 900px) 
	{.services h2{width:80%;
	font-size:1.3em;
	}}
@media screen and (max-width: 600px) 
	{.services h2{width:85%;
	font-size:1.2em;
	}}
@media screen and (max-width: 500px) 
	{.services h2{width:85%;
	font-size:1em;
	}}




.services p{width:60%;
	margin:0 0 0 15%;
	padding:0 0 .3em 0;
	font-size:1.1em;
	text-align:justify;
	outli:solid blue 1px;
	}
@media screen and (max-width: 900px) 
	{.services p{width:70%;
	margin:0 0 0 15%;
	outli:solid red 1px;
	}}
@media screen and (max-width: 600px) 
	{.services p{width:85%;
	margin:0 0 0 7%;
	font-size:1em;
	outli:solid blue 1px;
	}}
@media screen and (max-width: 500px) 
	{.services p{width:93%;
	margin:0 0 0 3%;
	font-size:1em;
	outli:solid blue 1px;
	}}



.eye-disorders-list ul{width:56%;
	margin:0 0 1em 15%;
	text-align:left;
	outli:dotted blue 1px;
	}
@media screen and (max-width: 900px) 
	{.eye-disorders-list ul{width:65%;
	margin:0 0 0 15%;
	font-size:1em;
	outli:solid black 1px;
	}}	
@media screen and (max-width: 600px) 
	{.eye-disorders-list ul{width:75%;
	margin:0 0 0 7%;
	font-size:1em;
	outli:solid black 1px;
	}}	
@media screen and (max-width: 550px) 
	{.eye-disorders-list ul{width:80%;
	margin:0 0 0 2%;
	font-size:1em;
	}}

.eye-disorders-list li{width:90%;
	margin:0 0 0 0;
	font-size:1.1em;
	}
@media screen and (max-width: 600px) 
	{.eye-disorders-list li{width:100%;
	margin:0 0 0 0;
	font-size:1em;
	outli:solid black 1px;
	}}
@media screen and (max-width: 500px) 
	{.eye-disorders-list li{
	font-size:1em;
	}}



.additional-testing-list ul{width:56%;
	margin:0 0 2em 15%;
	text-align:left;
	list-style-type:none;
	outli:solid purple 1px;
	}
@media screen and (max-width: 900px) 
	{.additional-testing-list ul{width:65%;
	margin:.5em 0 2em 15%;
	}}
@media screen and (max-width: 600px) 
	{.additional-testing-list ul{width:75%;
	margin:.5em 0 2em 7%;
	}}
@media screen and (max-width: 550px) 
	{.additional-testing-list ul{width:80%;
	margin:.5em 0 2em 2%;
	}}


.additional-testing-list li{width:100%;
	margin:.5em 0 0 -4%;
	font-size:1.1em;
	outli:solid blue 1px;
	}
@media screen and (max-width: 600px) 
	{.additional-testing-list li{width:105%;
	margin:.5em 0 0 -6%;
	font-size:1em;
	}}
@media screen and (max-width: 500px) 
	{.additional-testing-list li{;width:105%;
	margin:.5em 0 0 -6%;
	}}

/*********** end services **********/




















/*********** begin your-doctors **********/




.doctor-box-right{width:80%;
	margin-left:auto;margin-right:auto;
	margin-top:1em;	
	margin-bottom:0;
	padding:0 0 1em 0;
	border:solid rgb(150,150,150);
	border-radius:25px;
	}

		
.doctor-box-right h2{width:100%;
	font-size:1.5em;
	outli:solid green 1px;
	}
@media screen and (max-width: 900px) 
	{.doctor-box-right h2{
	font-size:1.4em;
	}}
@media screen and (max-width: 700px) 
	{.doctor-box-right h2{
	font-size:1.2em;
	}}
@media screen and (max-width: 600px) 
	{.doctor-box-right h2{
	font-size:1em;
	}}





.doctor-box-right img{width:45%;
	margin:.5em 10% 1em 5%;	
	float:right;
	border:solid black 1px;
	border-radius:20px;
	}
@media screen and (max-width: 600px) 
	{.doctor-box-right img{width:80%;
/*	margin:.5em 5% 1em 5%;	*/
	margin:.5em 10% 1em 10%;
	}}
@media screen and (max-width: 500px) 
	{.doctor-box-right img{width:80%;
	margin:.5em 10% 1em 10%;
	}}
@media screen and (max-width: 450px) 
	{.doctor-box-right img{width:80%;
	margin:.5em 10% 1em 10%;
	float:none;
	}}	



.doctor-box-right p{
	margin:.8em 10% 1em 10%;
	font-size:1.5em;
	text-align:justify;
	outli:solid red 1px;
	}
@media screen and (max-width: 1000px) 
	{.doctor-box-right p{
	font-size:1.3em;
	}}
@media screen and (max-width: 900px) 
	{.doctor-box-right p{
	font-size:1.1em;
	}}
@media screen and (max-width: 500px) 
	{.doctor-box-right p{
	font-size:1.1em;
	}}
@media screen and (max-width: 450px) 
	{.doctor-box-right p{
	font-size:1em;
	}}



.doctor-box-left{width:80%;
	margin-left:auto;margin-right:auto;
	margin-top:1em;	
	margin-bottom:2em;
	padding:0 0 1em 0;
	border:solid rgb(150,150,150);
	border-radius:25px;
	}
		
.doctor-box-left h2{width:100%;
	font-size:1.5em;
	outli:solid green 1px;
	}
@media screen and (max-width: 900px) 
	{.doctor-box-left h2{
	font-size:1.4em;
	}}
@media screen and (max-width: 700px) 
	{.doctor-box-left h2{
	font-size:1.2em;
	}}
@media screen and (max-width: 600px) 
	{.doctor-box-left h2{
	font-size:1em;
	}}




.doctor-box-left img{width:45%;
	margin:.5em 5% 1em 10%;	
	float:left;
	border:solid black 1px;
	border-radius:20px;
	}
@media screen and (max-width: 600px) 
	{.doctor-box-left img{width:80%;
	margin:.5em 10% 1em 10%;
	}}
@media screen and (max-width: 500px) 
	{.doctor-box-left img{width:80%;
	margin:.5em 10% 1em 10%;
	}}
@media screen and (max-width: 450px) 
	{.doctor-box-left img{width:80%;
	margin:.5em 10% 1em 10%;
	float:none;
	}}





.doctor-box-left p{
	margin:.8em 10% 1em 10%;
	font-size:1.5em;
	text-align:justify;
	outli:solid red 1px;	
	}
@media screen and (max-width: 1000px) 
	{.doctor-box-left p{
	font-size:1.3em;
	}}
@media screen and (max-width: 900px) 
	{.doctor-box-left p{
	font-size:1.1em;
	}}
@media screen and (max-width: 500px) 
	{.doctor-box-left p{
	font-size:1.1em;
	}}
@media screen and (max-width: 450px) 
	{.doctor-box-left p{
	font-size:1em;
	}}



/*********** end your-doctors **********/


















/*********** begin eye education **********/



.eye-education-headline{width:100%;
	margin-left:auto;margin-right:auto;
	outli:solid red 1px;
	}

.eye-education-headline p{width:96%;
	margin-left:auto;margin-right:auto;
	margin-top:.5em;
	margin-bottom:0;
	padding:0;
	background:rgb(71,118,189);
	background:rgb(11,58,129);
	color:white;
	font-size:1.6em;
	outli:solid black 1px;
	}


.eye-education{width:90%;
	margin-left:auto;margin-right:auto;
	margin-top:1em;	
	margin-bottom:0;
	padding-top:1em;	
	border:solid rgb(150,150,150);
	border-radius:25px;
	outli:solid red 1px;
	}






.eye-education p{width:50%;
	margin:0 auto 0 auto;
	font-size:1.4em;
	text-align:justify;
	}
@media screen and (max-width: 700px) 
	{.eye-education p{width:70%;
	font-size:1.2em;
	outli:solid blue 1px;
	}}
@media screen and (max-width: 500px) 
	{.eye-education p{width:70%;
	font-size:1.1em;
	outli:solid blue 1px;
	}}
@media screen and (max-width: 400px) 
	{.eye-education p{width:75%;
	font-size:1em;
	outli:solid blue 1px;
	}}

.education-videos{width:100%;
	margin:0 0 0 0;
	padding:1em 0 0 0;
	outline:solid green 1px;
	}
	
.education-videos h2{width:200%;
	outline:solid red 1px;
	}

.education-videos{width:25%;
	outline:solid purple 1px;
	}


/*********** end eye education **********/

























/*********** begin videos **********/



.video-page{width:100%;
	margin:1em 0 0 0;
	outli:solid green 1px;
	}
	
.video-display-box{width:45%;
	margin:0 0 0 2%;
	padding:0 1% 0 1%;
	float:left;
	border:solid rgb(150,150,150) 1px;
	}
@media screen and (max-width:900px) 
	{.video-display-box{width:90%;
	margin:0 auto 1em auto;
	font-size:1.1em;
	float:none;
	outli:solid blue 10px;
	}}
@media screen and (max-width:500px) 
	{.video-display-box{width:98%;
	margin:0 auto 1em auto;
	font-size:1.1em;
	float:none;
	}}
.video-display-box h5{
	margin:.3em 0 .3em 0;
	outli:solid red 1px;
	}



/*********** end videos **********/
















/*********** begin forms **********/



.forms{width:98%;
	margin:1em auto 0 auto;
	padding:0 0 2em 0;
	border:solid rgb(150,150,150) 3px;
	border-radius:25px;
	}


.forms-box-headline{width:100%;
	margin-left:auto;margin-right:auto;
	outli:solid red 1px;
	}

.forms-box-headline p{width:96%;
	margin-left:auto;margin-right:auto;
	margin-top:.5em;
	margin-bottom:0;
	padding:0;
	background:rgb(71,118,189);
	background:rgb(11,58,129);
	color:white;
	font-size:1.6em;
	outli:solid black 1px;
	}




.forms p{font-size:1.7em;
	}
@media screen and (max-width: 700px) 
	{.forms p{
	margin:0 5% 0 5%;
	font-size:1.3em;
	}}
@media screen and (max-width: 400px) 
	{.forms p{
	margin:.3em 5% .3em 5%;
	font-size:1.1em;
	}}


.form-1-display{width:100%;
	margin:.5em auto 0 auto;
	padding:0;
/*	float:left;*/
	outli:solid blue 1px;*/
	}
@media screen and (max-width: 700px) 
	{.form-1-display{width:40%;
	margin:1em 0 0 6%;
	}}
@media screen and (max-width: 300px) 
	{.form-1-display{width:40%;
	margin:1em 0 0 6%;
	}}
	
.form-1-display p{
	margin:0 0 0 0;
	font-size:1.5em;
	}
@media screen and (max-width: 400px) 
	{.form-1-display p{
	font-size:1.1em;
	}}
@media screen and (max-width: 300px) 
	{.form-1-display p{
	font-size:.9em;
	}}


.form-1-display img{width:50%;
	margin:1em auto 2em auto;
	border:solid rgb(175,175,175) 2px;
/*	box-shadow:10px 10px rgb(175,175,175);   */
/*	box-shadow:0 4px 8px 0 rgba(0 0 0 1.2),0 16px 20px 0 rgba(0 0 0 0.19);*/
	box-shadow:4px 6px 10px 6px rgb(200,200,200);
	outli:solid green 1px;
	}

.form-1-display a{
	font-size:1.2em;
	display:inline;
	color:blue;
	text-decoration:underline;
	outli:solid red 1px;
	}
.form-1-display a:hover{color:rgb(50,10,10);
	}

.print-jpg{width:80%;
	background-color:red;
	}

.print-jpg img{width:80%;
	margin:0 auto 0 auto;
	outline:solid blue 1px;
	}
/*********** end forms **********/








/*********** begin print-form **********/


.printpage{width:100%;
	outline:solid red 1px;
	}

.printpage img{width:120%;
	margin:0 15% 0 0;
	outline:solid blue 1px;
	}


/*********** end print-form **********/
















/*********** begin spacer **********/
.spacer p{width:100%;
	margin:0 0 1em 0;
	}

/*********** end spacer **********/