/** CSS GLOBAL RESET **/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/** BEGIN CUSTOM STYLES **/

html, body {width:100%;
			height: 100%;
			padding:0px;
			margin:0px;
 			background-color: #E6E6E6;
			font-family: arial, verdana, sans-serif;
			font-size: 12px;
			color: #666;
			text-align: center;
			
			}

#preload {position:absolute;
			top: -1000px;
			
			} 

				
#wrapper {text-align:left;
		min-width: 960px; 
		width: 100%;
		}

#header {background: url(../images/headerbg.gif) repeat-x;
		height: 107px;
		width: 100%;
 		}


#logo {position:absolute;
			left:80px;
			top: 65px;
			height: 122px;
			width: 222px;
			z-index:100;
			 
			}

#logo h1 a{background: url(../images/VisionToday.gif) no-repeat;
			display:block;
			height: 122px;
			width: 222px;
			text-indent:-1000em;
			}

#nav {}

#masthead {background: url(../images/drlaurie.gif) no-repeat;
			position:absolute;
			right: 10px;
			top: 25px;
			height: 21px;
			width: 484px;
			text-indent:-1000em;
 
			}
			
			
			
			
			
#scheduleonline, #schedulelaurie a, #schedulelowenstein a {
	background: url(../images/schedule_sprite.gif) no-repeat;
 	}
#scheduleonline, #schedulelaurie a, #schedulelowenstein a
			{text-indent: -1000em;
			float:left;
			display:block;
			}


#schedule {width: 290px;}

#scheduleonline {width: 130px;
				height: 41px;
				xborder: 1px solid #000;
				}
				
#schedulelaurie a{width:150px;
				height: 21px;
				background-position:-130px 0px;
				}
#schedulelowenstein a{width:150px;
						height: 20px;
						background-position:-130px -21px;
						}

#schedulelaurie a:hover{background-position:-130px -41px;
				}
#schedulelowenstein a:hover{width:150px;
						height: 20px;
						background-position:-130px -62px;
						}			
			

#main p, #main li,
#content p, #content li {font-size: 12px;
			line-height: 16px;
			
			}

#main p, #content p {margin-bottom: 10px;}


#content h2 {margin-bottom: 10px;
			font-size: 16px;
			color:#879DC2;}

#content a, #main a{text-decoration: none;
			color:orange;
			}
			
#content a:hover, 
#main a:hover
			{text-decoration: none;
			color:#879DC2;
			}

#content a:visited, 
#main a:visited
			{text-decoration: none;
			color:#DBAF62;
			}

#content a:visited:hover, 
#main a:visited:hover
			{text-decoration: none;
			color:#879DC2;
			}


 

#main h1 {font-size: 32px;	
			color:#879DC2;
			line-height: 32px;
			margin-bottom:16px;
			letter-spacing: -1px;
			}
		
#main h3 {font-size: 20px;	
			color:#879DC2;
			line-height: 32px;
			margin-bottom:0px;
			letter-spacing: -1px;
			}	
			
#main h4 {font-size: 13px;	
			color:#879DC2;
			font-weight: bold;
			line-height: 16px;
			margin-bottom:0px;
			margin-top: 16px;
 			}
 			
 #main ul {list-style: circle;
 			padding-left: 20px;}
 			
 #main ol {list-style: decimal;
 			padding-left: 20px;
 			margin-bottom:16px;}			

#main blockquote {padding-left: 30px;
					}

#main blockquote p{color:#333; 
				
					font-size: 13px;}

/* SUPERNAV */

#supernav {position:absolute;
			right: 10px;
			top:66px;
			z-index: 50;
 			}

#supernav li {float:left;}			


			
#schedulenav {float:left;}
			
#schedulenav a,
#directionsnav a,
#callusnav {text-indent: -1000em;
			display:block;
			height: 41px;
			}
			
#schedulenav a{background: url(../images/schedule.gif) no-repeat;
				width: 280px;
				}

#directionsnav a{background: url(../images/directions.gif) no-repeat;
		width: 119px;
		} 
	
#callusnav {background: url(../images/callus.gif) no-repeat;
			width: 145px;
			}


#schedulenav a:hover, #directionsnav a:hover{background-position: 0px -41px;}
				}



#teaser,
#teasertop,
#teaserbottom {}


#teaser {background: url(../images/randomimages/rotator.php) right 14px no-repeat;
			background-color: #A8BBDA;
			background-color: #A3B7D8;
			width: 100%;
			height: 380px;
			top:107px;	 
				}

#teasertop {background: url(../images/teasertop.gif) repeat-x;
			width: 100%;
			height: 380px;
			}

#teaserbottom {background: url(../images/teaserbottom.gif) bottom left repeat-x;
			width: 100%;
			height: 380px;
			}


#teasercopy {width: 30%;
			padding-top: 70px;
			float:left;
			}
			
#teasercopy p{color: #fff;
			font-size: 13px;
			line-height: 18px;
			}

#teasercopy h2{font-size: 20px;
			color:#fff;			
			line-height: 18px;
			margin-bottom: 10px;
			}

#content {background-color:#fff;
		height: auto;
		padding: 20px;
		padding-right: 0px;
		padding-top:0px;
		}


#canvas {background: url(../images/canvasbg.gif) left repeat-y;
		 
			background-color: #9EB3D4;
			width: 100%;
			height: auto;
			top:107px;	 
				}


#canvastop {background: url(../images/teasertop.gif) repeat-x;
			width: 100%;
			height: auto;
			}



#footer {background: url(../images/footerbg.gif) top repeat-x;
			width: 100%;
			height: auto;
			font-family: arial, verdana, sans-serif;
			font-size: 11px;
			line-height: 18px;
			color: #666;
			text-align:left;
			}
			
#footer a{color:#336699;
		text-decoration:none;
		}

#footer a:hover{color:#CC9900;
 					}

#footerpad {padding: 20px;}




/*  Sub colums  */

#col1,
#col2,
#col3 {float:left;
		margin-right: 5px;
		height: 201px;
		width: 32.5%;
		position:relative;
		}

 
.submiddle {background: url(../images/submiddle.gif) top repeat-x;
			height: 201px;
			width:100%;}

.subleft {background: url(../images/subleft.gif) left no-repeat;
			height: 201px;
			width:inherit;}

.subright {background: url(../images/subright.gif) right no-repeat;
			height: 201px;
			width:inherit;
			}
			
#col3pad {background:url(../images/contactlens_indexfinger.gif) bottom right no-repeat;
		height: inherit;}

.subcolpad {padding: 20px; } 
			

#col2teaser {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/teaserglasses.png, sizingMethod='scale');
 		width: 279px;
 		height: 128px;
 		position: absolute;
		z-index:100;
		top: 120px;
		right: 10px;
		}
			
html>body #col2teaser {background: url(../images/teaserglasses.png) no-repeat;
 
		}
			


			
/*  Clear Both  */
#nav {background: url(../images/navbg.gif) 0px 0px no-repeat;
	height: 372px;
	width:388px;
	float:left;
	margin-right: -40px;
	}

#navcap {background: url(../images/navcap.gif) bottom left no-repeat;
	height: 380px;
	width:388px;
	}

#navtopcap {background: url(../images/navtopcap.gif) 0px 0px no-repeat;
			width: 388px;
			height: 107px;
			}
			
#insidenav {background: url(../images/navbginside.gif) 0px 0px no-repeat;
	height: 398px;
	width:348px;
	float:left;
 	}			
			
			

#main {width: auto;
		margin-top:31px;
		background: url(../images/maintop.gif) #fff top repeat-x ;
		position:relative;
 
		}
			
			
#maintr {background: url(../images/maintr.gif) top right no-repeat;
		}			
		
#mainbl {background: url(../images/mainbl.gif) bottom left no-repeat;
		}			
		
#mainbr {background: url(../images/mainbr.gif) bottom right no-repeat;
		}			

.mainpad {padding: 40px;
		 padding-top: 60px;
		 padding-right: 10%;
		 }

#serviceshead,
#contactushead,
#documentshead,
#shophead,
#insurancehead,
#educationhead,
#galleryhead{text-indent: -1000em;
			 height: 30px;
			 width: 136px;
			position:absolute;
			top: -2px;
			left: 25px
		 

			 }
			 
#serviceshead   {background: url(../images/serviceshead.gif) bottom right no-repeat;
		}			

#documentshead   {background: url(../images/documentshead.gif) bottom right no-repeat;
		}		

#shophead   {background: url(../images/shophead.gif) bottom right no-repeat;
		}			
	
#insurancehead   {background: url(../images/insurancehead.gif) bottom right no-repeat;
		}			

#galleryhead   {background: url(../images/galleryhead.gif) bottom right no-repeat;
		}
		
#educationhead   {background: url(../images/educationhead.gif) bottom right no-repeat;
		}		

#contactushead   {background: url(../images/contactushead.gif) bottom right no-repeat;
		}		

/*  Clear Both  */
.clearboth {clear:both;}			


#menu {position:relative;
	top: 90px;
	left: 44px;}

#homenav a,
#servicesnav a,
#educationnav a,
#insurancenav a,
#documentsnav a,
#shopnav a,
#gallerynav a,
#contactusnav a {text-indent:-1000em;
				display:block;
				width: 216px;
				height: 27px;
				cursor: hand;
				}
				
 

#homenav {margin-left:28px;}
#servicesnav {margin-left:24px;}
#educationnav {margin-left:20px;}
#insurancenav {margin-left:17px;}
#documentsnav {margin-left:11px;}
#shopnav  {margin-left:9px;}
#gallerynav  {margin-left:5px;}
#contactusnav li {margin-left:1px;}


#homenav a {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/homenav.png, sizingMethod='scale');}
#servicesnav a {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/servicesnav.png, sizingMethod='scale');}
#educationnav a {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/educationnav.png, sizingMethod='scale');}
#insurancenav a {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/insurancenav.png, sizingMethod='scale');}
#documentsnav a {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/documentsnav.png, sizingMethod='scale');}
#shopnav a {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shopnav.png, sizingMethod='scale');}
#gallerynav a {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallerynav.png, sizingMethod='scale');}
#contactusnav a	 {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/contactusnav.png, sizingMethod='scale');}

	
html>body #homenav a {background: url(../images/homenav.png) 0px 0px no-repeat;}
html>body #servicesnav a {background: url(../images/servicesnav.png) 0px 0px no-repeat;}
html>body #educationnav a {background: url(../images/educationnav.png) 0px 0px no-repeat;}
html>body #insurancenav a {background: url(../images/insurancenav.png) 0px 0px no-repeat;}
html>body #documentsnav a {background: url(../images/documentsnav.png) 0px 0px no-repeat;}
html>body #shopnav a {background: url(../images/shopnav.png) 0px 0px no-repeat;}
html>body #gallerynav a {background: url(../images/gallerynav.png) 0px 0px no-repeat;}
html>body #contactusnav a	 {background: url(../images/contactusnav.png) 0px 0px no-repeat;}		
	


#homenav a:hover {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/homenav_over.png, sizingMethod='scale');}
#servicesnav a:hover {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/servicesnav_over.png, sizingMethod='scale');}
#educationnav a:hover {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/educationnav_over.png, sizingMethod='scale');}
#insurancenav a:hover {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/insurancenav_over.png, sizingMethod='scale');}
#documentsnav a:hover {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/documentsnav_over.png, sizingMethod='scale');}
#shopnav a:hover {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shopnav_over.png, sizingMethod='scale');}
#gallerynav a:hover {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/gallerynav_over.png, sizingMethod='scale');}
#contactusnav a:hover	 {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/contactusnav_over.png, sizingMethod='scale');}


html>body #homenav a:hover {background: url(../images/homenav_over.png) 0px 0px no-repeat;}
html>body #servicesnav a:hover {background: url(../images/servicesnav_over.png) 0px 0px no-repeat;}
html>body #educationnav a:hover {background: url(../images/educationnav_over.png) 0px 0px no-repeat;}
html>body #insurancenav a:hover {background: url(../images/insurancenav_over.png) 0px 0px no-repeat;}
html>body #documentsnav a:hover {background: url(../images/documentsnav_over.png) 0px 0px no-repeat;}
html>body #shopnav a:hover {background: url(../images/shopnav_over.png) 0px 0px no-repeat;}
html>body #gallerynav a:hover {background: url(../images/gallerynav_over.png) 0px 0px no-repeat;}
html>body #contactusnav a:hover {background: url(../images/contactusnav_over.png) 0px 0px no-repeat;}	

				
#shades {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shades.png, sizingMethod='scale');
 		width: 337px;
 		height: 176px;
 		position: absolute;
		z-index:20;
		top: 335px;
		left: 15%;
		}
			
html>body #shades {background: url(../images/shades.png) no-repeat;
 
		}
		
		
#insideshades {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shades.png, sizingMethod='scale');
 		width: 337px;
 		height: 176px;
 		position: absolute;
		z-index:20;
		top: 420px;
		left: 30px;
		}
			
html>body #insideshades {background: url(../images/shades.png) no-repeat;
 
		}	
		
		
#layouttable {border-collapse: collapse;
 			 
 			}
 
 
#navcell {width: 348px;
			vertical-align: top;
			}
#contentcell {padding-right: 10px;
			padding-bottom: 10px;}
			
			
#contactform li{list-style: none;
				margin:0px;
				padding:0px;}	
				
#contactform li label {width: 100px;
					float:left;
					text-align:right;
					display:block;}				
			
			
#contactemail,
#contactname,
#contactmessage {border:1px solid #ccc;
				width: 200px;
				padding:3px;
				font-size: 12px;
				font-family:arial;
				color:#666;
				margin-left: 4px;
				}
				
#submitcontact {margin-left: 100px;
				margin-top: 10px;
				}
.required {color: maroon;}
hr {display:none;}
.hr {border-bottom: 1px solid #ccc;
	margin-bottom: 10px;}
#contactmessage {height: 100px;}		


#ewlistmain {border-top: 2px solid #cccccc;
			width: 100%;
			}

#ewlistmain td {padding:3px;
				font-size: 11px;
				border-bottom:1px solid #f1f1f1;
				}
				
#ewlistmain th a{color:#000000;
				font-size: 14px;
				font-weight: bold;}

#ewlistmain th {background-color:#f1f1f1;
				width: 50%;
				padding: 4px;
				}