* { padding: 0; margin: 0; }

body {
 font-family: verdana;
 font-size: 13px;

}


.wrapper { 
 margin: 0 auto;
 width: 900px;
}


#headerbg{
width:100%;
height: 121px;
background-image: url(../images/headerbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#header {
 color: #333;
 width: 900px;
 height: 131px;
 float: left;
 padding: 0px;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
}

#flashbg{
width:100%;
height: 234px;
background-image: url(../images/flashbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#flash {
 color: #333;
 width: 900px;
 height: 219px;
 background-image: url(../images/banner1.jpg);
 background-position:top;
 background-repeat: repeat-y;
 float: left;
 padding: 0px;
 margin: 5px 0px 0px 0px;

}

#sub_bannerbg{
width:100%;
height: 127px;
background-image: url(../images/sub_bannerbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#sub_banner {
 color: #333;
 width: 900px;
 height: 116px;
 float: left;
 padding: 0px;
 margin: 5px 0px 0px 0px;

}

#contentbg{
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 100%;
 float: left;
 background: #ffffff;
}

#content {
 color: #333;
 width: 900px;
 height: auto;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background-image: url(../images/contentbg.gif);
background-position:top;
background-repeat: repeat-y;
}

#leftcol {
 color: #333;
 width: 203px;
 height: auto;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #f0f6f9;
}

#centercol {
 color: #333;
 width: 480px;
 height: auto;
 float: left;
 padding:  6px 5px 10px 5px;
 margin: 0px 0px 0px 0px;

}

#centercol #text{
 color: #333;
 width: 480px;
 height: auto;
 float: left;
 padding:  6px 0px 10px 0px;
 margin: 0px 0px 0px 0px;
 background: #f0f6f9;
 border-top: 3px solid #a7c3e8;
 border-bottom: 3px solid #a7c3e8;

}

#centercol #text p{
 font-family: verdana;
 font-size: 12px;
 color: #000000;
 margin:10px 10px 0px 10px;
 padding: 0px 0px 0px 0px;
 line-height: 15pt;
}
#centercol #text a{ 
text-decoration:underline;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }
 
#centercol #text a:hover{ 
text-decoration:  none;
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }
 
 
#rightcol {
 width: 202px;
 height: auto;
 float: right;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background-color: #f0f6f9;
}

/* menu rollover */
#menu {
 color: #333;
 width: 203px;
 height: auto;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #f0f6f9;
}

a#home {
width:203px;
height:34px;
background-image:url(../images/home.gif);
display:block;
text-decoration:none;
float:left;
}

a#home:hover {
background-position:203px 0;
}

a#doctors {
width:203px;
height:38px;
background-image:url(../images/doctors.gif);
display:block;
text-decoration:none;
float:left;
}

a#doctors:hover {
background-position:203px 0;
}

a#eyecare {
width:203px;
height:37px;
background-image:url(../images/eyecare.gif);
display:block;
text-decoration:none;
float:left;
}

a#eyecare:hover {
background-position:203px 0;
}

a#services {
width:203px;
height:37px;
background-image:url(../images/services.gif);
display:block;
text-decoration:none;
float:left;
}

a#services:hover {
background-position:203px 0;
}

a#ocularconditions {
width:203px;
height:37px;
background-image:url(../images/ocularconditions.gif);
display:block;
text-decoration:none;
float:left;
}

a#ocularconditions:hover {
background-position:203px 0;
}

a#ourtechnology {
width:203px;
height:37px;
background-image:url(../images/ourtechnology.gif);
display:block;
text-decoration:none;
float:left;
}

a#ourtechnology:hover {
background-position:203px 0;
}

a#news {
width:203px;
height:37px;
background-image:url(../images/news.gif);
display:block;
text-decoration:none;
float:left;
}

a#news:hover {
background-position:203px 0;
}

a#schedule {
width:203px;
height:37px;
background-image:url(../images/schedule.gif);
display:block;
text-decoration:none;
float:left;
}

a#schedule:hover {
background-position:203px 0;
}

a#contact {
width:203px;
height:37px;
background-image:url(../images/contact.gif);
display:block;
text-decoration:none;
float:left;
}

a#contact:hover {
background-position:203px 0;
}

/* left column boxes */


#eyeonline {
	background-color:#FFF;
}


#eyeonline li {
	margin-left:1px;
	width:202px;
	background-color: #ECF1F7;
}

#eyeonline img {
	margin-top:10px;
	margin-left:10px;
}

#download{
width:203px;
height:306px;
background-image: url(../images/download.gif);
background-position:top;
background-repeat: no-repeat;
float: left;
}

#newsletter{
width:203px;
height:207px;
background-image: url(../images/newsletter.gif);
background-position:top;
background-repeat: no-repeat;
float: left;}

#form{
 margin: 10px 20px 0px 25px;
}

.text{
 color: #ffffff;
 font-size: 10px;
 margin: 55px 20px 0px 25px;

}



a#scheduleonline {
width:202px;
height:180px;
background-image:url(../images/scheduleonline.gif);
display:block;
text-decoration:none;
float:left;
}

a#scheduleonline:hover {
background-position:202px 0;
}



.text p{
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;

}


.text a{ 
text-decoration: none;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
.text a:hover{ 
text-decoration: underline;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }

.text2{
 color: #ffffff;
 font-size: 10px;
 margin: 50px 20px 0px 15px;

}


.text2 p{
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 10pt;

}

.scheduleappointment{
float: right;
}

#whychoose{
width:202px;
height:320px;
background-image: url(../images/whychoose.gif);
background-position:top;
background-repeat: no-repeat;
float: right;
}

#contactform{
width:202px;
height:338px;
background-image: url(../images/contactform.gif);
background-position:top;
background-repeat: no-repeat;
float: right;
}

/* footer */
#footerbg{
width:100%;
height: 100px;
background-color: #93add2; 
background-image: url(../images/footerbg.gif);
background-position:top;
background-repeat: repeat-x;
 float:left;
}


#footer { 
 width: 900px;
 height: auto;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;

}


#footer p{
 font-family: verdana;
 font-size: 12px;
 color: #ffffff;
 margin:10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 line-height: 15pt;
 text-align:center;
}

#footer a{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#footer a:hover{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
 
 /* list and img border */
 
 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 


ul.list1 { 
list-style-type:none;
}


li.list1   {
padding-left:20px;
background:transparent url(../images/bullet1.gif) no-repeat;
background-position:0px 1px;
}

ul.list2 { 
list-style-type:none;
}


li.list2   {
padding-left:20px;
background:transparent url(../images/bullet2.gif) no-repeat;
background-position:2px 3px;
}


ul.list3 { 
list-style-type:none;
}


li.list3   {
padding-left:20px;
background:transparent url(../images/bullet2.gif) no-repeat;
background-position:11px 5px;
}
/* headers */

h1  {
margin:0px 0px 5px 10px;
text-align:left;
position:relative;
color:#3e678a;
font-family: arial;
font-size: 1.8em;
}

h2  {
margin:3px 0px 3px 10px;
text-align:left;
position:relative;
color:#3e678a;
font-family: arial;
font-size: 1.5em;
}

h3  {
margin:3px 0px 3px 10px;
text-align:left;
position:relative;
color:#3e678a;
font-family: arial;
font-size: 1.2em;
}


/* img floats */


img.floatright { 
    float: right; 
    margin: 10px 20px 10px 15px; 
}

img.floatleft { 
    float: left; 
    margin: 10px 15px 10px 10px; 
}


/* drop downs */

#doctorsdrop
{	margin: 0;
	padding: 0;
	z-index: 30}

#doctorsdrop li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#doctorsdrop li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 71px;
	width: 60px;
	background: #transparent;

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

#doctorsdrop li a:hover
{		background: #transparent;}


#doctorsdrop div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 205px;
	padding: 0;
	border-left:7px solid #5a9aba;
	background: #cde1eb;
		z-index: 30
	}

	#doctorsdrop div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #000;
		font: 13px arial}

	#doctorsdrop div a:hover
	{		background: #5a9aba;
		color: #ffffff}
		
		
#eyecaredrop
{	margin: 0;
	padding: 0;
	z-index: 30}

#eyecaredrop li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#eyecaredrop li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 71px;
	width: 60px;
	background: #transparent;

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

#eyecaredrop li a:hover
{		background: #transparent;}


#eyecaredrop div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 205px;
	padding: 0;
	border-left:7px solid #5a9aba;
	background: #cde1eb;
		z-index: 30
	}

	#eyecaredrop div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #000;
		font: 13px arial}

	#eyecaredrop div a:hover
	{		background: #5a9aba;
		color: #ffffff}
		
		
		
		
#servicesdrop
{	margin: 0;
	padding: 0;
	z-index: 30}

#servicesdrop li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#servicesdrop li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 71px;
	width: 60px;
	background: #transparent;

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

#servicesdrop li a:hover
{		background: #transparent;}


#servicesdrop div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 205px;
	padding: 0;
	border-left:7px solid #5a9aba;
	background: #cde1eb;
		z-index: 30
	}

	#servicesdrop div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #000;
		font: 13px arial}

	#servicesdrop div a:hover
	{		background: #5a9aba;
		color: #ffffff}
		
		
#ocularconditionsdrop
{	margin: 0;
	padding: 0;
	z-index: 30}

#ocularconditionsdrop li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#ocularconditionsdrop li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 71px;
	width: 60px;
	background: #transparent;

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

#ocularconditionsdrop li a:hover
{		background: #transparent;}


#ocularconditionsdrop div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 205px;
	padding: 0;
	border-left:7px solid #5a9aba;
	background: #cde1eb;
		z-index: 30
	}

	#ocularconditionsdrop div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #000;
		font: 13px arial}

	#ocularconditionsdrop div a:hover
	{		background: #5a9aba;
		color: #ffffff}
	
		
#ourtechnologydrop
{	margin: 0;
	padding: 0;
	z-index: 30}

#ourtechnologydrop li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#ourtechnologydrop li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 71px;
	width: 60px;
	background: #transparent;

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

#ourtechnologydrop li a:hover
{		background: #transparent;}


#ourtechnologydrop div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 205px;
	padding: 0;
	border-left:7px solid #5a9aba;
	background: #cde1eb;
		z-index: 30
	}

	#ourtechnologydrop div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #000;
		font: 13px arial}

	#ourtechnologydrop div a:hover
	{		background: #5a9aba;
		color: #ffffff}

		
#ourtechnologycontact	margin: 0;
	padding: 0;
	z-index: 30}

#contactdrop
{	margin: 0;
	padding: 0;
	z-index: 30}

#contactdrop li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#contactdrop li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 71px;
	width: 60px;
	background: #transparent;

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

#contactdrop li a:hover
{		background: #transparent;}


#contactdrop div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 205px;
	padding: 0;
	border-left:7px solid #5a9aba;
	background: #cde1eb;
		z-index: 30
	}

	#contactdrop div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #000;
		font: 13px arial}

	#contactdrop div a:hover
	{		background: #5a9aba;
		color: #ffffff}