@charset "utf-8";
/* CSS Document */

body {
	width:auto;
	background-image:url(../images/body-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
	background-color:#FFFFFF;
        margin: 0 0 0 0px;
}

div {
	padding:0px;
	margin:0px;
}

img {
	border: none;
}

.wrapper {
	width : 1000px;
	height: auto;
        margin-left: auto;
        margin-right: auto;
}

.menu-container {
	width:1000px;
	height:32px;
}

#nav1 {width:56px; height:32px; background-image:url(../images/home.jpg); display:block;}
#nav2 {width:102px; height:32px; background-image:url(../images/about-drlee.jpg); display:block;}
#nav3 {width:128px; height:32px; background-image:url(../images/vision-correction.jpg); display:block;}
#nav4 {width:109px; height:32px; background-image:url(../images/eye-screening.jpg); display:block;}
#nav5 {width:101px; height:32px; background-image:url(../images/ourservices.jpg); display:block;}
#nav6 {width:56px; height:32px; background-image:url(../images/media.jpg); display:block;}
#nav7 {width:88px; height:32px; background-image:url(../images/contactus.jpg); display:block;}

#nav1 a {width:56px; height:32px; background-image:url(../images/home.jpg); display:block;}
#nav2 a {width:102px; height:32px; background-image:url(../images/about-drlee.jpg); display:block;}
#nav3 a {width:128px; height:32px; background-image:url(../images/vision-correction.jpg); display:block;}
#nav4 a {width:109px; height:32px; background-image:url(../images/eye-screening.jpg); display:block;}
#nav5 a {width:101px; height:32px; background-image:url(../images/ourservices.jpg); display:block;}
#nav6 a {width:56px; height:32px; background-image:url(../images/media.jpg); display:block;}
#nav7 a {width:88px; height:32px; background-image:url(../images/contactus.jpg); display:block;}

a#nav1:hover {width:56px; height:32px; background-image:url(../images/home-active.jpg); display:block;}
a#nav2:hover {width:102px; height:32px; background-image:url(../images/about-drlee-active.jpg); display:block;}
a#nav3:hover {width:128px; height:32px; background-image:url(../images/vision-correction-active.jpg); display:block;}
a#nav4:hover {width:109px; height:32px; background-image:url(../images/eye-screening-active.jpg); display:block;}
a#nav5:hover {width:101px; height:32px; background-image:url(../images/ourservices-active.jpg); display:block;}
a#nav6:hover {width:56px; height:32px; background-image:url(../images/media-active.jpg); display:block;}
a#nav7:hover {width:88px; height:32px; background-image:url(../images/contactus-active.jpg); display:block;}

#active_nav1 {width:56px; height:32px; background-image:url(../images/home-active.jpg); display:block;}
#active_nav2 {width:102px; height:32px; background-image:url(../images/about-drlee-active.jpg); display:block;}
#active_nav3 {width:128px; height:32px; background-image:url(../images/vision-correction-active.jpg); display:block;}
#active_nav4 {width:109px; height:32px; background-image:url(../images/eye-screening-active.jpg); display:block;}
#active_nav5 {width:101px; height:32px; background-image:url(../images/ourservices-active.jpg); display:block;}
#active_nav6 {width:56px; height:32px; background-image:url(../images/media-active.jpg); display:block;}
#active_nav7 {width:88px; height:32px; background-image:url(../images/contactus-active.jpg); display:block;}

#active_nav1 a {width:56px; height:32px; background-image:url(../images/home-active.jpg); display:block;}
#active_nav2 a {width:102px; height:32px; background-image:url(../images/about-drlee-active.jpg); display:block;}
#active_nav3 a {width:128px; height:32px; background-image:url(../images/vision-correction-active.jpg); display:block;}
#active_nav4 a {width:109px; height:32px; background-image:url(../images/eye-screening-active.jpg); display:block;}
#active_nav5 a {width:101px; height:32px; background-image:url(../images/ourservices-active.jpg); display:block;}
#active_nav6 a {width:56px; height:32px; background-image:url(../images/media-active.jpg); display:block;}
#active_nav7 a {width:88px; height:32px; background-image:url(../images/contactus-active.jpg); display:block;}

.menu-seperator {
	width: 2px;
	height: 32px;
	background-image: url(../images/menu-seperator.jpg);
	background-repeat:no-repeat;
	display:block;
}

.logo-container {
	width: 1000px;
	height: 95px;
}

.logo-container-left {
	width: 410px;
	height: 95px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-left:20px;
}

.logo-container-right {
	width: 325px;
	height: 95px;
	background-image:url(../images/hotline-btm.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:20px;
}

.content-container {
	width: 1000px;
	height:auto;
}

.content-left-container {
	width: 473px;
	float:left;
}

.flash-container {
	width: 453px;
	height: 532px;
	display: block;
	float: left;
	margin-left: 20px;
}

.content-right-container {
	width: 527px;
	height: auto;
	float:left;
}

.welcome-container {
	width: 470px;
	height: 24px;
	background-image:url(../images/welcome.jpg);
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-right:50px;
}

.content-text-container {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#58595b;
	text-align: justify;
}

.index-content {
	width: 400px;
	margin-left: 50px;
	margin-top: 40px;
}

.index-small-banner {
	width: 414px;
	height: 243px;
	background-image:url(../images/index-pic01.png);
	background-repeat:no-repeat;
	display:block;
	margin-left: 20px;
	margin-top: 50px;
}

.footer {
	width: 1000px;
	height: 100px;
	margin-bottom: -10px;
}

.footer-left {
	width: 610px;
	height: 100px;
	display: block;
	float: left;
	color:#000000;
}

.footer-right {
	width: 390px;
	height: 100px;
	background-image: url(../images/footer-right.jpg);
	background-repeat:no-repeat;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	color:#FFFFFF;
	float:left;
}

a.footer-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:#666666;
	text-decoration: none;
}

a.footer-link:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:#666666;
	text-decoration: underline;
}

a.phh {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#00aee6;
	text-decoration: none;
}

a:hover.phh {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#00aee6;
	text-decoration: underline;
}

a.banner-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #999999;
	text-decoration: none;
}

a:hover.banner-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #00aee6;
	text-decoration: underline;
}


a.phh-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.phh-link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #0066FF;
	text-decoration: underline;
}

/*span {
	color:#FF0000;
}*/

.left-photos {
	width: 400px;
	height: 480px;
	display: block;
	float: left;
	padding-left: 45px;
	padding-top:10px;
}

.content-texts {
	width: 490px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-align:justify;
	padding-left: 30px;
	padding-right: 10px;
	margin-bottom: 10px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#008fd5;
	text-align: left;
	padding-left:20px;
	margin: 0px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#008fd5;
	margin: 0px;
}

td {
	padding:3px;
	border: 1px solid;
}

.form {
	padding:3px;
	border: 1px solid #FFFFFF;
}

.media-containers {
	border-bottom: 1px dashed #999999;
	padding-bottom: 10px;
	padding-top: 10px;
}

.media-by-year {
	background-image:url(../images/past-medias-by-year.jpg);
	background-repeat: no-repeat;
	display: block;
	height:30px;
	background-position: right;
	margin-top:5px;
}
.media-by-year-inside {
	padding-top: 5px;
	float: right;
	padding-right: 10px;
}

.media-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#008fd5;
	text-decoration: none;
}

a.media-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#008fd5;
	text-decoration: none;
}

a.media-link:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#008fd5;
	text-decoration: underline;
}

services-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#666666;
	text-decoration: none;
}

a.services-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#666666;
	text-decoration: none;
}

a.services-links:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#0066FF;
	text-decoration: underline;
}

.link {
	font-family:Arial, Helvetica, sans-serifl;
	font-size:13px;
	text-decoration:none;
	color:#0000FF;
}

a.link {
	font-family:Arial, Helvetica, sans-serifl;
	font-size:13px;
	text-decoration:none;
	color:#0000FF;
}

a.link:hover {
	font-family:Arial, Helvetica, sans-serifl;
	font-size:13px;
	text-decoration:underline;
	color:#0000FF;
}