@charset "utf-8";
/* CSS Document */
html {
	background-color: #83878C;
	height: 100%
	font-size: 1.25em;
	color: white;
}

body {
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/repeat-bg.jpg);
	margin: 0;
	padding: 0;
	height: 100%
	font-size:90%;
}
div, p, th, td, span, h1, h2, h3, h4, img {
	margin: 0;
	padding: 0;
}
#wrapper {
	background-repeat: repeat-x;
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/bg.jpg);
	margin: 0;
	padding: 0;
	height: 100%;
}

.title {
	font-weight: bold;
/* 	font-size: 1em; */
	vertical-align: middle;
	padding-top: 20px;
}

center {
	background-repeat: repeat-x;
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/bg.jpg);
	margin: 0;
	padding: 0;
	height: 100%;
}

p {
	margin: 5px 15px 5px 0;
	padding: 2px 5px 5px 0;
/* 	font-size: 1.25em; */
	line-height: 1.6em;
}

a {
	color:#a5b7ff;
	text-decoration:none;
}

a:hover {
	color:white;
	text-decoration:underline;
}

a:hover img {text-decoration: none;}

.doctorborder {border:1px solid #a5b7ff;padding:2px;margin-bottom:1px;text-decoration:none;}
a:hover .doctorborder {border:1px solid #a5b7ff;padding:2px;margin-bottom:1px;text-decoration:none;}

#wrap {
	width: 969px;
	overflow: hidden;
}
#header-area {
	height: 104px;
	width: 969px;
}
#logo {
	height: 104px;
	width: 236px;
	float: left;
}
#search-area {
	float: right;
	height: 76px;
	width: 320px;
	padding-top: 22px;
}
.search {
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/search.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 97px;
	border: 0px;
}
.search:hover {
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/search-rollover.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 97px;
	border: 0px;
}
.search-input {
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/search-input.jpg);
	background-repeat: no-repeat;
	height: 21px;
	width: 198px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	border: 0px;
}

ul.mainnav { width: 970px;height:57px;text-indent: -99999px;margin: 0;padding: 0;list-style: none;}
ul.mainnav li { float:left;width: 97px;height:57px;margin: 0;padding: 0;}
ul.mainnav li a {display:block;width:97px;height:57px;margin: 0;padding: 0;background: url(http://www.aioeyesurgeons.com/themes/aio//images/aio_navbar.png) no-repeat;}

ul.mainnav li.home a {background-position: 0px 0px;}
ul.mainnav li.home a:hover {background-position: 0px -57px;}

ul.mainnav li.about a {background-position: -97px 0px;}
ul.mainnav li.about a:hover {background-position: -97px -57px;}

ul.mainnav li.doctors a {background-position: -194px 0px;}
ul.mainnav li.doctors a:hover {background-position: -194px -57px;}

ul.mainnav li.services a {background-position: -291px 0px;}
ul.mainnav li.services a:hover {background-position: -291px -57px;}

ul.mainnav li.in-the-media a {background-position: -388px 0px;}
ul.mainnav li.in-the-media a:hover {background-position: -388px -57px;}

ul.mainnav li.locations a {background-position: -485px 0px;}
ul.mainnav li.locations a:hover {background-position: -485px -57px;}

ul.mainnav li.surgery-center a {background-position: -582px 0px;}
ul.mainnav li.surgery-center a:hover {background-position: -582px -57px;}

ul.mainnav li.patients a {background-position: -679px 0px;}
ul.mainnav li.patients a:hover {background-position: -679px -57px;}

ul.mainnav li.research a {background-position: -776px 0px;}
ul.mainnav li.research a:hover {background-position: -776px -57px;}

ul.mainnav li.contact a {background-position: -873px 0px;}
ul.mainnav li.contact a:hover {background-position: -873px -57px;}

ul.mainnav li ul {text-indent:0;width:auto;height:auto;}
ul.mainnav li ul li {float:none;width:150px;height:20px;}
ul.mainnav li ul li a {background-image:none;height:20px;}
ul.mainnav li ul li a:hover {}

		#jsddm li ul
		{
			padding-left: 1px;
			padding-bottom: 0;
			padding-right: 0;
			padding-top: 0;
			margin: 0px;
			width: 236px;
			top: -1px;
			position: relative;
			visibility: hidden;
			border-top: 1px solid gray;
			z-index: 99999;
		}
		
		#jsddm li ul li
		{	
			float: none;
			display: inline;
		}
		
		#jsddm li ul li a
		{
			padding-left: 28px;
			padding-bottom: 8px;
			padding-right: 8px;
			padding-top: 8px;
			font-style: normal;
			font-size: 11px;
			font-weight: normal;
			text-transform: uppercase;
			width: 200px;
			wrap:nowrap;
			background: #626674;
			text-align: left;
			font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
			text-decoration: none;
			color: #fff;
			vertical-align: middle;
			height: 12px;
			border-bottom: 1px solid gray;
			border-left: 1px solid gray;
		}
		
		#jsddm li ul li a:hover
		{
			background: #535a81;
		}

#menu {
	height: 57px;
	width: 969px;
	text-align: left;
}
#home {
	height: 57px;
	width: 96px;
	float: left;
}
.menu-bar {
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/menu-bar.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 57px;
	width: 2px;
}
#about {
	float: left;
	height: 57px;
	width: 95px;
}

#Doctors {
	height: 57px;
	width: 95px;
	float: left;
}
#Services {
	float: left;
	height: 57px;
	width: 95px;
}
#InTheMedia {
	float: left;
	height: 57px;
	width: 95px;
}

#Locations {
	height: 57px;
	width: 95px;
	float: left;
}
#Testimonials {
	float: left;
	height: 57px;
	width: 95px;
}

#Patients {
	float: left;
	height: 57px;
	width: 95px;
}

#Information {
	height: 57px;
	width: 95px;
	float: left;
}
#contact {
	float: left;
	height: 57px;
	width: 95px;
}
#content-area {
	width: 969px;
	overflow: hidden;
	float: left;
	background-color: #000000;
}
#banner {
	height: 317px;
	width: 947px;
	margin-top: 10px;
}

input:focus { outline: none; }
a:focus { outline: none; }

#text-content-area {
	width: 969px;
	overflow: hidden;
}
#left-content {
	width: 201px;
	overflow: hidden;
	float: left;
	padding-left: 10px;
}
#side-link {
	width: 201px;
	overflow: hidden;
}
#UsefulLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/UsefulLinks.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 191px;
	padding-top: 9px;
	padding-left: 10px;
	text-align: left;
}
#link-area {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}

#link-area ul {
	margin: 0;
	padding-top: 0;
	padding-left: 25px;
	list-style-image: url(http://www.aioeyesurgeons.com/themes/aio//images/bullet.gif);
	padding-bottom: 15px;
}
#link-area li {
	line-height: 20px;
}
#link-area a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#link-area a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

#right-content {
	float: left;
	width: 689px;
	padding-left: 45px;
	overflow: hidden;
}

#full-content {
	width: 900px;
	padding-left: 0;
	overflow: hidden;
}

#head-line {
	text-align: left;
	height: auto;
	width: 689px;
	padding-top: 14px;
}
.text-area {
	font-family: Arial, Helvetica, sans-serif;
/* 	font-size: 12px; */
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	width: 689px;
	padding-top: 16px;
	padding-bottom: 25px;
	text-align: left;
}

.full-area {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	width: 900px;
	padding-top: 16px;
	padding-bottom: 25px;
	text-align: left;
}
#foot-area {
	width: 969px;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}
#foot-left {
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/foot-left.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 9px;
}
#foot-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/foot-bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 56px;
	width: 953px;
}
#foot-link-left {
	height: 20px;
	width: 496px;
	padding-top: 25px;
	padding-left: 10px;
	float: left;
	text-align: left;
	
}
#foot-link-left a {
	font-family: Arial, Helvetica, sans-serif;
/* 	font-size: 1em; */
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#foot-link-left a:hover {
	font-family: Arial, Helvetica, sans-serif;
/* 	font-size: 1em; */
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
#copyright {
	float: right;
	height: 20px;
	width: 258px;
	padding-top: 20px;
}


#foot-right {
	background-image: url(http://www.aioeyesurgeons.com/themes/aio//images/foot-right.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 56px;
	width: 7px;
}
.list {
	line-height: 25px;
	margin: 0px;
	padding-top: 15px;
	padding-left: 25px;
	list-style-type: none;
}
#inner-banner {
	height: 150px;
	width: 950px;
	margin: 10px 10px 0 10px;
	padding: 0;
}

.list li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#contact-add-bg {
	height: 154px;
	width: 199px;
}


/* VENDOR LOGOS
-------------------------------------- */
#cataractLogos {
	display: block;
	width: 200px;
}
	#cataractLogos p {margin: 25px 0 0 0; padding: 0;font-weight: bold;font-size:1.25em; text-align: center;}
	#cataractLogos div a {background: url(http://www.aioeyesurgeons.com/themes/aio//images/vendor_logos.png) no-repeat;width:200px;height:80px;display:block;border:none;outline:none;text-indent:-9999px;}
	
	#cataractLogos #toric {margin: 20px 0 20px 0;}
	#cataractLogos #toric a {background-position: top left;}
	#cataractLogos #toric a:hover {background-position: top right;}
	
	#cataractLogos #crystalens a {background-position: 0 -80px;}
	#cataractLogos #crystalens a:hover {background-position: -200px -80px;}
	
	#cataractLogos #restor {margin: 20px 0 20px 0;}
	#cataractLogos #restor a {background-position: 0px -160px;}
	#cataractLogos #restor a:hover {background-position: -200px -160px;}
	
	#cataractLogos #carecredit {position: relative; top: -2px;}
	#cataractLogos #carecredit a {background-position: bottom left; height: 56px;}
	#cataractLogos #carecredit a:hover {background-position: bottom right;}