/* General styles */
* {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#222;
}

body {
margin: 0 auto 1em;
padding:0;
border:0;/* This removes the border around the viewport in old versions of IE */
width:100%;
/* background: #164778; */
background: #12304F;
border: 1px solid #1C5A80;
background: url('images/gradient-background-fixed.jpg') #fff top center fixed repeat-x;
min-width:600px;/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:12px;
width:980px;
}

p {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin-top: 0;
}

a, a:link, a:visited {
font-size:12px;
color:#026288;
text-decoration:none;
} 

a:hover, a:active {
font-size:12px;
color:#c2b985;
text-decoration:none;
}

ul, ul li, ul li a:link, ul li a:visited {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#026288;
}
ul li a:hover, ul li a:active {
color:#c2b985;
}

h1, h1 a, h1 a:link, h1 a:visited {
/* font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#026288; */
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#94714E;
font-style:normal;
font-weight:normal;
margin: 1em 0 0.25em;
text-decoration:none;
}
/* h1 a:hover, h1 a:active { font-size: 16px; color:#c2b985; } */
h1 a:hover, h1 a:active { font-size: 20px; color: #026288; }

h2, h2 a, h2 a:link, h2 a:visited {
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#94714E;
font-style:normal;
font-weight:normal;
margin: 1em 0 0.25em;
text-decoration:none;
}
h2 a:hover, h2 a:active { font-size: 20px; color: #026288; }

h3, h3 a, h3 a:link, h3 a:visited {
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#94714E;
font-style:normal;
font-weight:normal;
margin: 1em 0 0.25em;
text-decoration:none;
}
h3 a:hover, h3 a:active { font-size: 20px; color:#c2b985; }

h4, h4 a, h4 a:link, h4 a:visited {
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
font-style:normal;
font-weight:normal;
margin: 1em 0 0.25em;
text-decoration:none;
}
h4 a:hover, h4 a:active { font-size: 16px; }

h5, h5 a, h5 a:link, h5 a:visited {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#033B7E;
font-style:normal;
font-weight:normal;
margin: 1em 0 0.25em;
text-decoration: none;
}
h5 a:hover, h5 a:active { font-size: 14px; }

h6, h6 a, h6 a:link, h6 a:visited {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#453E38;
font-style:normal;
font-weight:normal;
margin: 1em 0 0.25em;
text-decoration:none;
}
h6 a:hover, h6 a:active { font-size: 14px; }

/* Header styles */
#header {
clear:both;
float:left;
width:100%;
background:#fff;
border-bottom:1px solid #000;
}

#header-banner-left {
float:left;
width:440px;
padding-left:40px;
padding-top:40px;
text-decoration:none;
}
#header-banner-left img {
margin-bottom: 1em;
border:0;
}

#header-banner-right {
float:right;
width:500px;
}
#header-menu {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#header p,
#header h1,
#header h2 {
padding:0; /*.4em 15px 0 15px;*/
margin:0;
}
#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#header ul li a:hover {
background:#369;
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
/*font-weight:bold; */
}
#header ul li a span {
display:block;
}
#header p.topmenu { 
background:#79a1a9;/* background:#f0f0f0; */
	text-align:center; padding: 0.5em; }
#header p.topmenu a, #header p.topmenu a:link, #header p.topmenu a:visited { color:#026288; color:#ddd; font-size: 11px; margin: 0 0.5em; }
#header p.topmenu a:hover, #header p.topmenu a:active { color:#c2b985; color:#fff; font-size: 11px; margin: 0 0.5em; }

/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:4px 15px !important;
text-align:center;
}

#left-menu, #left-menu ul, #left-menu ul li, #left-menu ul li a.active, #left-menu ul li a.active:hover, #left-menu ul li a.visited, #left-menu ul li a {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* column container */
.colmask {
position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;/* width of whole page */
overflow:hidden;/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
background:#79a1a9;/* background:#f0f0f0; */
background:#fff;
padding-bottom: 2em;
}
.leftmenu .colright {
float:left;
width:980px; /* original 200%*/
position:relative;
left:200px; /* original 200 */
background:#fff;
border-left: 2px solid #000;
}
.leftmenu .col1wrap {
float:right;
width:760px; /* original 50% */
position:relative;
right:200px; /*original 200 */
padding-bottom:1em;
}
.leftmenu .col1 {
margin:0 10px 0 0px; /* original 0 15 0 215 */
position:relative;
right:0px; /* orig 100% */
overflow:hidden;
}
.leftmenu .col2 {
/* padding-top: 8px; */
float:left;
position:relative;
width:170px;
right:185px;
/* original numbers
width:170px;
right:185px;
*/
}

.bio {
	padding-bottom: 2em;
	margin-right: 2em;
}
.bio p {
	clear: both;
}
.bio h2 span {
	float: right;
	margin-right: 2em;
}
.bio h2 span img {
	vertical-align: middle;
}

.eye-doctor-bio {height:360px;
border-bottom:solid 1px gray;
}

.logo {
height:70px;
}

.c {
text-align:center;
}

.eye-doctor-office-top {
height:280px;
}


/* Footer styles */
#footer {
clear:both;
font-size:11px;
width:980px;
padding-top:10px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
color:#000000;
color:#222;
text-align:center;
background:#79a1a9;/* background:#dbdbdb; */
background:#ffffff;/* background:#dbdbdb; */
}

#footer p {
padding:11px;
margin:0;
font-size:11px;
color:#000000;
color:#222;
text-align:center;
}

#footer p a:link, 
#footer p a:visited {
font-size:11px;
/* color:blue; */
text-decoration:none;
white-space: nowrap;
}

#footer p a:hover, 
#footer p a:active {
/* color:#5891A0; */
text-decoration:underline;
white-space: nowrap;
}
p.totop { 
	clear: both; text-align: center; 
}

/* INDEX */
#index {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#index1 {
	position: relative;
	float: left;
	width: 460px; /* or 50% */
	margin: 0;
	padding: 0;
}
#index2 {
	position: relative;
	float: right;
	width: 240px; /* or 45%; */
	margin: 0;
	padding: 0 1em;
}
#index1 ul li {
/*text-align:center;*/
font-size:16px;
list-style-type:none;
line-height:1.5em;
}

div .designer-brand-list {text-align:center;margin-bottom:1.5em;}

div .designer-brand-list .brand-list li{
display:inline;
padding:.5em;
padding-right:30px;
line-height:1.5em;
}

table.optometry-home img {border:none;}

table.optometry-home tr {height:186px;}

img.clr {display:none;}

h2.home-eye-care-value {
text-align:center;
}

p.home-eye-care-value {
font-size:16px;
line-height:1.6em;
text-align:center;
}

/* FEATURED HOME PAGE LINKS */
hr { margin: 1em auto; clear: both; }
table.home {
	margin: 0.5em auto;
	clear: both;
}
table.home td {
	text-align: center;
	width: 33%;
	padding: 0 0.5em;
}
a.featured {
	display: block;
	height: 184px;
	width: 228px;
}
a.family-eyecare-services {
background: url('images/home-complete-family-eyecare.gif') no-repeat 0 0;
}
a.family-eyecare-services:hover {
background: url('images/home-complete-family-eyecare.gif') no-repeat -228px 0;
}
a.fashion-eyewear {
background: url('images/home-designer-fashion-eyewear-boutique.gif') no-repeat 0 0;
}
a.fashion-eyewear:hover {
background: url('images/home-designer-fashion-eyewear-boutique.gif') no-repeat -228px 0;
}
a.contact-lenses {
background: url('images/home-contact-lenses.gif') no-repeat 0 0;
}
a.contact-lenses:hover {
background: url('images/home-contact-lenses.gif') no-repeat -228px 0;
}
a.optometrist-eye-doctors {
background: url('images/home-experienced-eyecare-optometric-doctors.gif') no-repeat 0 0;
}
a.optometrist-eye-doctors:hover {
background: url('images/home-experienced-eyecare-optometric-doctors.gif') no-repeat -228px 0;
}
a.eyecare-technology {
background: url('images/home-leading-eyecare-technology.gif') no-repeat 0 0;
}
a.eyecare-technology:hover {
background: url('images/home-leading-eyecare-technology.gif') no-repeat -228px 0;
}
a.lasik-laser-cataract-surgery {
background: url('images/home-lasik-laser-cataract-surgery.gif') no-repeat 0 0;
}
a.lasik-laser-cataract-surgery:hover {
background: url('images/home-lasik-laser-cataract-surgery.gif') no-repeat -228px 0;
}

div.halves-wrapper {
	margin: 0 auto;
	width: 100%;
	clear: both;
}
div.halves {
	width: 48%;
	padding: 1em 2% 1em 0;
	float: left;
}
div.halves h2 {
	margin-top: 0;
}
div.thirds-wrapper {
	margin: 1em auto;
	width: 100%;
	clear: both;
}
div.thirds {
	width: 30%;
	padding: 1em 3% 1em 0;
	float: left;
}
div.thirds h2 {
	margin-top: 0;
}