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

@import url("reset.css");

body {
	margin: 0;
	padding: 0;
	background: transparent url(../imgs/body-bg.jpg) repeat-x 0 0;
	behavior: url(csshover.htc);
}
a {
	color: #57B8C3;
	text-decoration: underline;
}
a:hover {
	color: #57B8C3;	
	text-decoration: none;
}
strong {
font-weight: bold;	
}
#wrapper {
	width: 867px;
	margin: 0 auto;
}
/* Dropdown Menu */
div#nav {
	width: 867px;
	height: 43px;
	background-image: url(../imgs/nav-bar-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#nav ul {
	margin: 0; 
	padding: 0; 
	background-color:#E8F3F4;
}
div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0;
	float: left; 
	/*width: 7em; */
	text-transform: uppercase;
}
div#nav li a {
	color:#27686E;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	text-decoration:none;
}
div#nav li a:hover {
	color:#FFFFFF;
}
div#nav li.submenu {
	background: url(imgs/dropmenu.gif) 95% 46% no-repeat;
}
div#nav li.submenu a:hover {
	color: #000033;
}
div#nav li a {
	display: block; 
	padding: 10px 0 14px;
	text-decoration: none; 
	/*width: 7em; */
}
div#nav li.home a {
	padding: 10px 25px 8px 38px;
}
div#nav li.about a {
	padding: 10px 48px 8px 26px;
}
div#nav li.locations a {
	padding: 10px 22px 8px 46px;
}
div#nav li.contact a {
	padding: 10px 25px 8px 25px;
}
div#nav li.sitemap a {
	padding: 10px 25px 8px 30px;
}
div#nav>ul a {
	width: auto;
}
div#nav ul ul {
	position: absolute; 
	display: none;
	border-left: 1px solid #C6E2E6;
	border-right: 1px solid #C6E2E6;
	border-bottom: 1px solid #C6E2E6;
	width: 170px;
}
div#nav ul ul li {
	width: 170px;
	text-transform: none;
	border-top: 1px solid #C6E2E6;
	padding: 0px;
}

div#nav ul ul li a{
	padding: 0 0 0 8px;
	color: #37929D;
	font-size: 12px;
}
div#nav li.submenu li.submenu {
	background: url(imgs/submenu.gif) 95% 50% no-repeat;
}
div#nav li.submenu li.submenu a:hover {
	color: #000033;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display:block;
}
div#nav ul.level2 {
	left:-22px;
	top:3.2em;
	width: 170px;
}
#header {
	width: 867px;
	height: 202px;
	background-image: url(../imgs/header-img-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#logo {
	width: 242px;
	height: 93px;
	padding:50px 0 0 80px
}
#content {
	background-image:url(../imgs/content-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	min-height:430px;
	padding:0;
	width:867px;
}
#home-text {
	float:left;
	padding:20px 0 0 40px;
	width:300px;
}
#service-text h2 {
	color:#338591;
	font-family:"Times New Roman",Times,serif;
	font-size:16px;
	font-weight:bold;
	padding:0 0 15px 20px;
	line-height:24px;
}
#home-text h1 {
	font-family:"Times New Roman", Times, serif;
	color: #338591;
	font-size: 28px;
	font-weight: bold;
	padding: 0 0 15px 0;
}
#home-text h1 span{
	font-family:"Times New Roman", Times, serif;
	color: #57B8C3;
	font-size: 16px;
}
#home-text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
	padding: 0 0 15px 0;
}
#about-text {
	float:left;
	padding:20px 30px 0 40px;
	width:370px;
}
#about-text ul{
padding-left:15px;
}
#about-text ul ul{
padding:5px 20px;
}
#about-text li{
color:#57B8C3;
font-size:14px;
line-height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}
#about-text h1 {
	font-family:"Times New Roman", Times, serif;
	color: #338591;
	font-size: 28px;
	font-weight: bold;
	padding: 0 0 15px 0;
}
#about-text h1 span{
	font-family:"Times New Roman", Times, serif;
	color: #57B8C3;
	font-size: 16px;
}
#about-text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
	padding: 0 0 15px 0;
}
#submenu {
	float:left;
	height:420px;
	margin:10px 0 0 30px;
	width:150px;
}
#submenu ul {
	margin:0;
	padding: 10px 0 0 15px ;
	line-height: 18px;
}
#submenu li {
	margin:0;
	padding: 0;
}
#submenu li a {
	text-decoration: none;
}
#submenu li a:hover {
	text-decoration: underline;
}
#submenu.orange {
	background-image: url(../imgs/submenus/orange.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#submenu.orange a {
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#submenu.blue {
	background-image: url(../imgs/submenus/blue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#submenu.blue a {
	color: #3999CD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#submenu.pink {
	background-image: url(../imgs/submenus/pink.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#submenu.pink a {
	color: #FF4EA6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#submenu.green {
	background-image: url(../imgs/submenus/green.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#submenu.green a {
	color: #339933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#submenu.purple {
	background-image: url(../imgs/submenus/purple.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#submenu.purple a {
	color: #996699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


#service-text {
	float:left;
	height:400px;
	margin:10px 0 0;
	overflow:auto;
	width:390px;
}
#service-right-picture {
	float:left;
	height:420px;
	margin:10px 0 0 20px;
	width:250px;
}
#service-text h1 {
	color:#338591;
	font-family:"Times New Roman",Times,serif;
	font-size:20px;
	font-weight:bold;
	padding:15px 0 15px 20px;
}

#service-text h1 span{
	font-family:"Times New Roman", Times, serif;
	color: #57B8C3;
	font-size: 16px;
}
#service-text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
	padding: 0 15px 15px 20px;
}
#service-text table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #338591;
	font-weight: bold;
	line-height: 20px;
	padding: 0 15px 15px 20px;
	border-spacing: 1;
}
#service-text table td {
	padding: 5px;
}

#right-picture {
	float:left;
	height:420px;
	padding:5px 0 0;
	width:400px;
}

#home-services {
	float:right;
	height:420px;
	padding:5px 0 0;
	width:500px;
}
#home-services h1 {
	font-family:"Times New Roman",Times,serif;
	font-size:18px;
	padding:8px 0 0 10px;
}
#home-services a {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
#home-services a:hover {
	text-decoration: none;
}
#home-services ul {
}
#home-services li {

}
.frames-box {
	width: 234px;
	height: 129px;
	float: left;
	background-image: url(../imgs/frames-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 10px 10px 0;
}
.frames-box h1 {
	color: #FF9900;
}
.frames-box ul {
	padding: 0 0 0 0px;
	margin: 20px 0 0 30px;
	line-height: 22px;
}
.frames-box li {
	color: #FF9900;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	float: left;
	width: 100px;
}
.frames-box li a {
	color: #FF9900;
}
.contacts-box {
	width: 234px;
	height: 129px;
	float: left;
	background-image: url(../imgs/contacts-bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin:0 0 10px 0;
}
.contacts-box h1 {
	color: #FF4EA6;
}
.contacts-box ul {
	padding: 0 0 0 0px;
	margin: 20px 0 0 30px;
	line-height: 22px;
}
.contacts-box li {
	color: #FF4EA6;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	float: left;
	width: 100px;
}
.contacts-box li a {
	color: #FF4EA6;
}

.home-box {
	width: 234px;
	height: 129px;
	float: left;
	background-image: url(../imgs/eyecare-home-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 10px 10px 0;
}
.home-box h1 {
	color: #3999CD;
}
.home-box ul {
	padding: 0 0 0 0px;
	margin: 20px 0 0 30px;
	line-height: 22px;
}
.home-box li {
	width:150px;
	color: #3999CD;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
}
.home-box li a {
	color: #3999CD;
}
.exam-box {
	width: 234px;
	height: 129px;
	float: left;
	background-image: url(../imgs/exam-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 0 10px 0;
}
.exam-box h1 {
	color: #339933;
}
.exam-box ul {
	padding: 0 0 0 0px;
	margin: 20px 0 0 30px;
	line-height: 22px;
}
.exam-box li {
	width:150px;
	color: #339933;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
}
.exam-box li a {
	color: #339933;
}
.eyelid-box {
	width: 234px;
	height: 129px;
	float: left;
	background-image: url(../imgs/eyelid-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 10px 10px 0;
}
.eyelid-box h1 {
	color: #FFFFFF;
}
.eyelid-box ul {
	padding: 0 0 0 0px;
	margin: 20px 0 0 30px;
	line-height: 22px;
}
.eyelid-box li {
	width:150px;
	color: #996699;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
}
.eyelid-box li a {
	color: #996699;
}
.offers-box {
	width: 234px;
	height: 129px;
	float: left;	
}

#footer {
	width: 867px;
	height: 80px;
	border-top: 1px solid #C6E2E6;
	padding:15px 0 0;
}
.address {
	float: left;	
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	line-height: 16px;
	padding: 0 20px 0 0;
}
.address span{
	font-family:"Times New Roman", Times, serif;
	color: #57B8C3;
	font-size: 12px;
}
.links {
	float: right;
	color: #57B8C3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.links a {
	font-family:"Times New Roman", Times, serif;
	color: #57B8C3;
	font-size: 12px;
	text-decoration: underline;
}
.links a:hover {
	text-decoration: none;;
}
#map p {
	line-height: 16px;
}
#map p span {
	color: #57B8C3;
}
form{
	width: 370px;
	clear: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
form p{
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.5em;
}
.boxes form p{ padding-bottom: 0; }


label{
	width: 160px;
	float: left;
}

.fbutton{
	width: 80px;
	float: right;
	margin: 10px 20px 0px 0px;
}

input, textarea, select{ /* for the text boxes and textarea */
	width: 194px;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
margin-bottom: 5px;
}

.gbox, .gbuttn{ /* for the text boxes and textarea */
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.glabel{
	width: 100px;
	float: left;
}

.gbox{ width: 200px; }

.gbuttn{ 
	width: 120px; 
	margin: 0 0 0 20px;
}
#app-text {
	float:left;
	height:400px;
	margin:10px 0 0;
	overflow:auto;
	width:660px;
}

#app-text h1 {
	color:#338591;
	font-family:"Times New Roman",Times,serif;
	font-size:20px;
	font-weight:bold;
	padding:15px 0 15px 20px;
}

#app-text h1 span{
	font-family:"Times New Roman", Times, serif;
	color: #57B8C3;
	font-size: 16px;
}
#app-text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
	padding: 0 15px 15px 20px;
	width:380px;
}
#app-text table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #338591;
	font-weight: bold;
	line-height: 20px;
	padding: 0 15px 15px 20px;
		border-spacing: 1;
}
#app-text table td {
	padding: 5px;
}