/* CSS Document */

body {
			background-image: url(assets/bg_3.gif);
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

h3 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 18pt;
			color: #6699CC;
			letter-spacing: .5em;
}

p#opto {
	text-align: justify;
	padding-left: 0px;
	margin: 0in;
}
div#heading_top {
			background-image: url(assets/header_top.gif);
			position: absolute;
			height: 139px;
			width: 700px;
			left: 100px;
			top: 10px;
}
div#bg_nav {
			position: absolute;
			height: 73px;
			width: 398px;
			left: 100px;
			top: 149px;
			background-color: 003300;
			background-image: url(assets/nav_bg.gif);
}

div#nav {
			position: absolute;
			height: 60px;
			width: 398px;
			left: 110px;
			top: 163px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			color: #FFFFFF;
			margin-top: 10px;
			z-index: 2;
}
div#heading_bottom {
			position: absolute;
			height: 73px;
			width: 302px;
			top: 149px;
			left: 498px;
}

div#bg_container {
			position: absolute;
			height: 800px;
			width: 700px;
			left: 100px;
			top: 222px;
			z-index: 1;
			background-color: #FFFFCC;
}
div#bg_contact { 
			position: absolute;
			height: 300px;
			width: 700px;
			left: 100px;
			top: 219px;
			z-index: 1;
			background-color: #FFFFCC;
			text-align: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			margin: 0px;
}
div#bg_about { 
			position: absolute;
			height: 500px;
			width: 700px;
			left: 100px;
			top: 222px;
			z-index: 1;
			background-color: #FFFFCC;
}

#bg_opto {
			position: absolute;
			height: 420px;
			width: 700px;
			left: 100px;
			top: 219px;
			z-index: 1;
			background-color: #FFFFCC;
			text-align: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			margin: 0px;
}

div#specialoffer {
			position: absolute;
			height: 65px;
			width: 300px;
			text-align: center;
			left: 368px;
			top: 510px;
			z-index: 3;
			border: thin groove;
			padding: 3px;
}

#contact_container {
			position: absolute;
			height: 100px;
			width: 550px;
			left: 82px;
			top: 83px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			text-align: center;
			word-spacing: 0em;
			letter-spacing: 0.1em;
}

div#textbox_1 {
			position: absolute;
			height: 60px;
			width: 650px;
			left: 120px;
			top: 268px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			text-align: justify;
			z-index: 3;
}

div#textbox_2 {
			position: absolute;
			height: 150px;
			width: 220px;
			text-align: center;
			left: 408px;
			top: 351px;
			z-index: 3;
}

div#textbox_3 {
			position: absolute;
			height: 50px;
			width: 650px;
			text-align: center;
			left: 130px;
			top: 627px;
			z-index: 3;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;		
			border: thin inset;
}

div#textbox_4 {
			position: absolute;
			width: 650px;
			left: 122px;
			top: 697px;
			z-index: 3;
			height: 310px;
}

div#container_home {
			z-index: 3;
			height: 231px;
			width: 173px;
			position: absolute;
			left: 150px;
			top: 344px;
}
div#aboutus_box {
			position: absolute;
			height: 400px;
			width: 650px;
			left: 123px;
			top: 260px;
			z-index: 2;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			text-align: justify;
}

div#bg_eyewear {
			position: absolute;
			height: 1000px;
			width: 700px;
			left: 100px;
			top: 219px;
			z-index: 1;
			background-color: #FFFFCC;
			text-align: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			margin: 0px;
}
div#eyewear {
	position: absolute;
	height: 1000px;
	width: 684px;
	z-index: 2;
	left: 0px;
	top: 26px;
	padding: 9px 9px 9px 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}

#opto_content {
	position: absolute;
	height: 377px;
	width: 500px;
	left: 112px;
	top: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;


}
img#opMortelliti  {
	float: left;
	border: 2px solid #000000;
	padding: 0px;
	clear: none;
}
#sunglasses {}

#contactlenses {}
#left {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px 5px 5px 15px;
	text-align: left;
}
#right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 5px 11px 5px 15px;
	text-align: left;
}
div#split_1 {
			font-size: 12pt;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0px;
			padding: 0px;
			width: 200px;
			position: absolute;
			left: 132px;
			top: 133px;
			text-align: center;
}

div#eye_box {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			font-weight: bolder;
			position: absolute;
			width: 500px;
			left: 111px;
			top: 315px;
			text-align: center;
}

div#split_2 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12pt;
			width: 172px;
			position: absolute;
			left: 369px;
			top: 110px;
			height: 142px;
}

a.box {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
}
a.box:visited {
	color: #FFFFFF;
}
a.box:hover {
  	color: #003300;
	text-decoration: none;
	background-color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#footer {
	background-color: #003300;
	position: absolute;
	height: 40px;
	width: 700px;
	left: 100px;
	top: 1021px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	text-align: center;
	z-index: 4;
}


div#footer_about { 
	background-color: #003300;
	position: absolute;
	height: 40px;
	width: 700px;
	left: 100px;
	top: 714px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	text-align: center;
	z-index: 4;}

#more_eyewear {
	position: absolute;
	height: auto;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	left: 0px;
	top: 346px;
	font-size: 14pt;


}

div#footer_eyewear {
	background-color: #003300;
	position: absolute;
	height: 40px;
	width: 700px;
	left: 100px;
	top: 1210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	text-align: center;
	z-index: 4;}	
#footer_contact {  
	background-color: #003300;
	position: absolute;
	height: 40px;
	width: 700px;
	left: 100px;
	top: 496px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	text-align: center;
	z-index: 4;}
#footer_optometrist {
	background-color: #003300;
	position: absolute;
	height: 40px;
	width: 700px;
	left: 100px;
	top: 636px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	text-align: center;
	z-index: 4;}				
}	

a:link {

}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
}
a.hidden {
	color: #000000;
	text-decoration: underline;

}

a.hidden:visited {
	color: #000000;
	text-decoration: underline;

}

a.hidden:hover {
	color: #0000CC;
}

a.hidden:active {
  color: #000000;
}
