/* css */


html {
	margin:0px;
	padding:0px;
}

body {
background: url(images/eyegen-bg.gif) repeat-y top center;	
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0;
}
img {
border:0;
}
h1 {
color:#aaa;
font-weight:normal;
font-size:2.2em;
line-height:1.4em;
}
h2 {
color:#777;
font-weight:normal;
font-size:1.8em;
line-height:1.4em;
}
h3 {
font-size:1.85em;
font-weight:normal;
padding: 6px 0 18px 0;
margin:0;
}
h4 {
font-size:1.25em;
font-weight:bold;
padding: 12px 0 12px 0;
margin:0;
}
em {
padding:0;
margin:0;
}
p {
padding: 2px 5px;
}
a {
color:#777;
}
img {
padding: 4px 12px 8px 12px;
}
.right {
float:right;
}

#wrap {
width:1064px;
margin: 0 auto;
border-left:1px solid #777;
border-right:1px solid #777;
border-bottom:1px solid #777;

}
#header {
		height:130px;
width:100%;
	margin:0;
padding:0;
border-top: 8px #aaa solid;
	}
#narrow_display_fix { 
width:1064px;
height:130px;
} 
.logo { margin: 34px 0 0 0}
	#section_title {
float:right;	
	margin: 70px 20px 0 0;
}
	#phone {
	float:right;	
	margin: 75px 0px 0 0;
	}
	#header em {
	color:#aaa;
	line-height:0.7em;
	}
	#header h2 {
	color: #eee;
	font-family: georgia, serif;
	font-size: 1.8em;
	margin:0;
	padding:0;
	}
#topmenu {
float:right;
text-align:left;
margin: 28px 30px 0px 0px;
list-style:none;
width:188px;
padding-left:-10px;
background: url(images/line-dots.png) no-repeat 32px -6px;
}
#topmenu li {
font-size:.85em;
line-height:1.2em;

}
#topmenu li a {
color:#fff;
text-decoration:none;
padding-right:8px;
}
#topmenu li a:hover {
text-decoration:underline;
}

#menubar {
width:1024px;
margin: 0px 10px 10px -10px;
margin: -9px 10px 0px -10px\9; /* IE8 and below */
padding-top:10px;
float:left;

background-color:transparent;
}
#menubar ul {
text-align:left;
}
#menubar li {
display:inline;
list-style-type: none;
font-size:1.2em;
font-weight:normal;
color:#777;
margin:0;
float:left;
text-transform:uppercase;
}
#menubar li a {
padding:0 8px 4px 8px;
margin:0;
color:#777;
text-decoration:none;
}
#menubar li a:hover  {
padding-top:7px;

}
#menubar li em {
display:block;
color:#999;
font-size:0.75em;
font-weight:bold;
margin:2px 0 0 0px;
padding-left:18px;
line-height:12px;
}

#contentwrap {
width:1044px;
margin: 0px 10px 0px 10px;
background: #fff url(images/snellen_chart.gif) repeat-x 0 -10px;
min-height:75px;
}
#content {
width:825px;
float:left;
min-height:400px;
padding: 0px 10px 35px 25px;
margin:0 0 0 1px;

}
#content h2 {
padding: 4px 75px 4px 0px;
font-size:1.8em;
clear:both;
color:#eee;
margin: 10px 0px 25px -36px;
text-indent:38px;
display:block;
line-height:1.6em;
border-bottom: 4px #c2c2c4 solid;
border-top:1px #c2c2c4 solid;
border-right:1px #999 solid;
}
#content h2 a {
font-size:.6em;
color:white;
float:right;
text-decoration:none;
}
#content h2 img {

margin: 0px -65px 0 0;
}
#content h3 {
margin-top:20px;
}
#content img.right {
padding-right:0px;
padding-left:18px;

}
#content p {
font-size:1.25em;
line-height:1.45em;
}
#content ol {
margin: 10px 0 0 20px;
padding: 0;
font-size:1.15em;
line-height:1.6em;
}
#content ul {
margin: 10px 0 0 20px;
padding: 0;
font-size:1.15em;
line-height:1.3em;
}

#content ul li {
margin: 8px;
list-style-position: outside;
border: 0px none; padding: 0px 15px 0px 5px; 
} 
#content ul ul {
font-weight:bold; font-size:0.9em;
}
.floatlist {
float:left;
width:320px;
padding-bottom:20px;
}
.clear {
clear:both;
}
.right {
float:right;
}
.centre {
text-align:center;
}
#blueboxes {
float:left;
padding-bottom:30px;

}
.lbluebox {
background: #66ccff;
padding: 8px 12px;
margin:8px;
float:left;
text-align:center;
color:#fff;
font-size:1.6em;
}
.section{
    margin:20px 0px;  
    width:100%;
    float:left;
   }
#sidebar {

width:175px;
min-height:400px;
float:right;
text-align:center;
padding: 0px;
margin: 30px 0px 0 0px;

}
#sidebar img {
padding: 2px 0px 8px 0px;
}
#sidebar p
{
padding: 10px 20px;
}
#content h3.greycenter {color:#8d8d8d; text-align:center; font-size:3.2em; margin-top:0px; }
#content h3.bluecenter  {color:#09C; text-align:center; font-size:2em; margin-bottom:0px; margin-top:20px;}
#footer {

width:994px;
margin: 20px 0 0 0;
padding: 14px 35px 5px 35px;
clear:both;
border-top: 4px #aaa solid;
border-bottom: 14px #aaa solid;
color:#eee;
}
#footer  p {
padding-left:20px;
}
