body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #efefef; font-size: 12px; background: #000; margin: 0; padding: 0;}
#container {margin: 0 auto; padding: 0; width: 800px; background: url(../img/nav-bg.gif) top no-repeat; border-left: 1px #6a47bd solid; border-right: 1px #6a47bd solid; border-bottom: 1px #6a47bd solid;}
#nav {float: right; height: 44px; width: 502px; margin: 48px 0 0 0; padding: 0;}
#nav ul{margin: 0; padding: 0;}
#nav li {float: left; display: block; list-style: none;}
.home a:link, .home a:visited {width: 54px; height: 29px; display: block; background: url(../img/home-1.gif) top no-repeat; overflow: hidden; text-indent: -9999px; padding: 0; margin: 5px 24px 7px 10px;}
.about a:link, .about a:visited {width: 55px; height: 29px; display: block; background: url(../img/about-1.gif) top no-repeat; overflow: hidden; text-indent: -9999px; padding: 0; margin: 5px 24px 7px 10px;}
.portfolio a:link, .portfolio a:visited {width: 70px; height: 29px; display: block; background: url(../img/portfolio-1.gif) top no-repeat; overflow: hidden; text-indent: -9999px; padding: 0; margin: 5px 24px 7px 10px;}
.news a:link, .news a:visited {width: 48px; height: 29px; display: block; background: url(../img/news-1.gif) top no-repeat; overflow: hidden; text-indent: -9999px; padding: 0; margin: 5px 24px 7px 10px;}
.next a:link, .next a:visited {width: 82px; height: 29px; display: block; background: url(../img/next-1.gif) top no-repeat; overflow: hidden; text-indent: -9999px; padding: 0; margin: 5px 0px 7px 10px;}
.home a:hover {background: url(../img/home-3.gif) top no-repeat;}
.about a:hover {background: url(../img/about-3.gif) top no-repeat;}
.portfolio a:hover {background: url(../img/portfolio-3.gif) top no-repeat;}
.news a:hover {background: url(../img/news-3.gif) top no-repeat;}
.next a:hover {background: url(../img/next-3.gif) top no-repeat;}
#logo {margin: 0; padding: 0; width: 235px; height: 92px; border: none; display: block; background: url(../img/accesslinx-logo.gif) top no-repeat; overflow: hidden; text-indent: -9999px;}
h1 {margin: 0; padding: 0; height: 92px;}
.content {margin: 0 0 28px 0; padding: 0; display: block; clear: both; width: 800px; height: 287px; /*background: url(../img/impact-1.jpg) top no-repeat;*/ text-indent: -9999px;}
/*.content2 {margin: 0 0 28px 0; padding: 0; display: block; clear: both; width: 800px; height: 287px; background: url(../img/impact-2.jpg) top no-repeat; text-indent: -9999px;}
.content3 {margin: 0 0 28px 0; padding: 0; display: block; clear: both; width: 800px; height: 287px; background: url(../img/impact-3.jpg) top no-repeat; text-indent: -9999px;}
.content4 {margin: 0 0 28px 0; padding: 0; display: block; clear: both; width: 800px; height: 287px; background: url(../img/impact-4.jpg) top no-repeat; text-indent: -9999px;}*/
#foot {text-align: center; background: #a186d8 url(../img/foot-bg.gif) top repeat-x; border-top: 2px #cc8a0a solid; color: #000; margin: 40px 0 0 0; line-height: 20px; clear: both;}
#foot-content {margin: 10px auto 0; width: 700px;}
#foot a:link, #foot a:visited {color: #fff; text-decoration: underline;}
#foot a:hover {color: #000; text-decoration: none;}
a:link, a:visited {color: #93F; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
#quotebox, #aboutbox {width: 345px; background: #000 url(../img/box-bg.gif) top no-repeat; padding: 12px; margin-top: 28px; margin-bottom: 12px; line-height: 19px;}
#quotebox {float: right; margin-left: 13px; margin-right: 16px; width: 370px; background: none;}
#aboutbox {float: left; margin-left: 16px; margin-right: 13px;}
#aboutbox ul {padding: 0; margin: 0;}
#aboutbox ul li {list-style: square; margin: 3px 0 5px 0; padding: 0; list-style-position: inside;}
#quotebox blockquote {margin: 0; padding: 0; font-style: italic; background: url(../img/quote.gif) top left no-repeat; text-indent: 36px; line-height: 21px;}
#skip {text-indent: -9999px; height: 0;}

/* portfolio */
.vid {background: url(../img/video-link.jpg) no-repeat left top;}
.web {background: url(../img/web-link.jpg) no-repeat left top;}
.braille {background: url(../img/braille-link.jpg) no-repeat left top;}
.special {background: url(../img/events-link.jpg) no-repeat left top;}
.train {background: url(../img/training-link.jpg) no-repeat left top;}
.other {background: url(../img/other-link.jpg) no-repeat left top;}

.webpage {display: block; height: 191px; padding: 0 0 0 230px; margin: 0 0 15px 0;}
.top {font-size: 11px; margin-top: 26px;};

.offscreen {display: none; background: url(../img/home-2.gif); background: url(../img/home-1.gif); background: url(../img/portfolio-2.gif); background: url(../img/portfolio-3.gif); background: url(../img/about-2.gif); background: url(../img/about-3.gif); background: url(../img/news-2.gif); background: url(../img/news-3.gif); background: url(../img/next-2.gif); background: url(../img/next-3.gif)}