@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000000;
}

img {
	border: none;
}

* :focus { 
	outline: 0;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 760px;
	height: 690px;
	text-align: left;
	background: url(images/content_bg.jpg) center no-repeat;
}

#seniors #container {
	background: url(images/content_bgAlt.jpg) center no-repeat;
}

h1 {
	position: absolute;
	top: 57px;
	left: 466px;
	width: 228px;
	height: 59px;
	text-indent: -8000px;
	margin: 0;
	padding: 0;
	background: url(images/header.gif) no-repeat;
}

#nav {
	position: absolute;
	top: 328px;
	left: 300px;
	height: 25px;
}

#home #nav {
	top: 333px;
	left: 470px;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin: 0 8px;
	text-indent: -8000px;
}

#seniors #nav li {
	margin: 0 15px;
}

#nav li a {
	display: block;
	height: 25px;
}

#home #nav li {
	float: none;
	margin: 5px 0;
}

#navread {
	background: url(images/navsm_read.gif) no-repeat;
	width: 49px;
}

#navread:hover, #navread .current {
	background: url(images/navsmover_read.gif) no-repeat;
}

#navread a {
	width: 49px;
}

#navlisten {
	background: url(images/navsm_listen.gif) no-repeat;
	width: 64px;
}

#navlisten:hover, #navlisten .current {
	background: url(images/navsmover_listen.gif) no-repeat;
}

#navlisten a {
	width: 64px;
}

#navlook {
	background: url(images/navsm_look.gif) no-repeat;
	width: 60px;
}

#navlook:hover, #navlook .current {
	background: url(images/navsmover_look.gif) no-repeat;
}

#navlook a {
	width: 60px;
}

#navseehear {
	background: url(images/navsm_seehear.gif) no-repeat;
	width: 112px;
}

#navseehear:hover, #navseehear .current {
	background: url(images/navsmover_seehear.gif) no-repeat;
}

#navseehear a {
	width: 112px;
}

#navcontact {
	background: url(images/navsm_contact.gif) no-repeat;
	width: 83px;
}

#navcontact:hover, #navcontact .current {
	background: url(images/navsmover_contact.gif) no-repeat;
}

#navcontact a {
	width: 83px;
}

#navhome {
	background: url(images/navsm_home.gif) no-repeat;
	width: 58px;
}

#navhome:hover, #navhome .current {
	background: url(images/navsmover_home.gif) no-repeat;
}

#navhome a {
	width: 58px;
}

#navsched {
	background: url(images/navsm_sched.gif) no-repeat;
	width: 86px;
}

#navsched:hover, #navsched .current {
	background: url(images/navsmover_sched.gif) no-repeat;
}

#navsched a {
	width: 86px;
}

#navrefs {
	background: url(images/navsm_refs.gif) no-repeat;
	width: 96px;
}

#navrefs:hover, #navrefs .current {
	background: url(images/navsmover_refs.gif) no-repeat;
}

#navsched a {
	width: 96px;
}

#home #navread {
	background: url(images/nav_read.gif) no-repeat;
	width: 120px;
	height: 53px;
}

#home #navread:hover {
	background: url(images/navover_read.gif) no-repeat;
}

#home #navread a {
	width: 120px;
	height: 53px;
}

#home #navlisten {
	background: url(images/nav_listen.gif) no-repeat;
	width: 140px;
	height: 48px;
}

#home #navlisten:hover {
	background: url(images/navover_listen.gif) no-repeat;
}

#home #navlisten a {
	width: 140px;
	height: 48px;
}

#home #navlook {
	background: url(images/nav_look.gif) no-repeat;
	width: 113px;
	height: 47px;
}

#home #navlook:hover {
	background: url(images/navover_look.gif) no-repeat;
}

#home #navlook a {
	width: 113px;
	height: 47px;
}

#home #navseehear {
	background: url(images/nav_seehear.gif) no-repeat;
	width: 254px;
	height: 56px;
}

#home #navseehear:hover {
	background: url(images/navover_seehear.gif) no-repeat;
}

#home #navseehear a {
	width: 254px;
	height: 56px;
}

#home #navcontact {
	background: url(images/nav_contact.gif) no-repeat;
	width: 188px;
	height: 51px;
}

#home #navcontact:hover {
	background: url(images/navover_contact.gif) no-repeat;
}

#home #navcontact a {
	width: 188px;
	height: 51px;
}

#seniorslink a {
	position: absolute;
	top: 480px;
	left: 60px;
	width: 139px;
	height: 44px;
	background: url(images/seniorslink.gif) no-repeat;
}

#seniorslink a:hover {
	background-position: -140px;
}

#content {
	position: absolute;
	top: 375px;
	left: 320px;
	width: 420px;
	height: 250px;
	color: #bdbdbd;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	overflow-y: auto;
	text-align: justify;
}

#content p {
	margin-right: 1.5em;
}

#content a {
	color: #8AC4E4;
}

#content a:hover {
	text-decoration: none;
}

p.center {
	text-align: center;
}

p.clientname {
	text-align: right;
	font-style: italic;
}

#look img {
	margin: 0 2px;
	border: 1px solid #fff;
}
