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

body, html {padding:0px; margin:0px; background: #585858; font-family:Arial, Helvetica, sans-serif; height:100%; }

.left {float:left;}
.right {float:right}
.clear {clear:both;}

h1 {color: #006699; font-weight: bold; font-size: 22px; font-family:Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 10px 0px;}
h2 {color: #000000; font-weight: bold; font-size: 18px; font-family:Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 10px 0px;}
h3 {color: #000000; font-weight: bold; font-size: 14px; font-family:Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 10px 0px;}

p {color: #000000; font-weight: normal; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px; line-height:16px;}

ol li { font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
ul {list-style-type:square; margin: 0px 0px 5px 15px;} 
ul li { font-size: 12px; font-family:Arial, Helvetica, sans-serif; line-height:16px;}

#tabs{width: 262px; height:182px; display:block; float: right; margin: 0px 28px 0px 0px; clear:both;}
#red-tab{background: url(../images/red-tab.jpg) top left no-repeat; height:152px; width:103px; display:block; float:left; padding : 20px 10px 10px 10px;}
#red-tab b, #red-tab strong{color:#FFFFFF; font-size:14px; font-weight:bold;}
#red-tab p {color:#FFFFFF; font-size:12px;}
#red-tab a.red-btn {margin: 28px 0px 0px 0px; color: #FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; display: block; height: 33px; width: 103px; background: url(../images/red-btn.jpg) top left #FF0000; text-align:center; padding: 5px 0px 0px 0px;} 

#blue-tab{background: url(../images/blue-tab.jpg) top left no-repeat; height:152px; width:103px; display:block; float:right;  padding : 20px 10px 10px 10px;}
#blue-tab b, #blue-tab strong{color:#FFFFFF; font-size:14px; font-weight:bold;}
#blue-tab p {color:#FFFFFF; font-size:12px;}
#blue-tab a.blue-btn {margin: 28px 0px 0px 0px; color: #FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; display: block; height: 33px; width: 103px; background: url(../images/blue-btn.jpg) top left #FF0000; text-align:center; padding: 5px 0px 0px 0px;} 

#header{background: #000000; height: 100px; width:auto;}
#headercontainer {width: 748px; height: 100px; margin: 0px auto; padding: 0px 0px 0px 0px;} 
#logo {background: url(../images/logo.jpg) 0px 22px no-repeat; height:100px; width:398px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#content{background: url(../images/content-grad.jpg) top left repeat-x #FFFFFF; height: auto; width: auto;}
#contentcontainer {width: 748px; height: auto; margin: 0px auto; padding: 0px 0px 0px 0px;} 

#menu {display: block; height: 100px ; width: 440px;}

#contentback{width: 748px; height: 226px; margin: 0px auto; background: url(../images/pagecontent-back.jpg) bottom right no-repeat; padding: 0px 0px 0px 0px;}

#footer{background: url(../images/footer-grad.jpg) top left repeat-x #666666; height: auto; width:auto;}
#footercontainer {width: 748px; height: 360px; margin: 0px auto; }
#footer-pointer {height: 22px; width:59px; display:block; background: url(../images/footer-pointer.jpg) top left no-repeat;}
#footer-content p {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 5px 0px 10px 0px; line-height:16px;}
#footer a {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}

#menu-pointer-p1 {height: 22px; width:59px; display:block; background: url(../images/menu-pointer.jpg) top left no-repeat; margin: 0px 0px 0px 15px;}
#menu-pointer-p2 {height: 22px; width:59px; display:block; background: url(../images/menu-pointer.jpg) top left no-repeat; margin: 0px 0px 0px 115px;}
#menu-pointer-p3 {height: 22px; width:59px; display:block; background: url(../images/menu-pointer.jpg) top left no-repeat; margin: 0px 0px 0px 230px;}
#menu-pointer-p4 {height: 22px; width:59px; display:block; background: url(../images/menu-pointer.jpg) top left no-repeat; margin: 0px 0px 0px 325px;}

#menu-biglinks ul {margin: 0px; list-style-type:none; padding: 0px;}
#menu-biglinks ul li {float: left; margin: 0px 20px 0px 0px; padding: 0px;}
#menu-biglinks ul li a {color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}
#menu-biglinks ul li a:hover {color: #006699;}
#menu-biglinks ul li a.selected {color: #006699;}

#menu-smalllinks ul {margin: 5px 0px 0px 0px; list-style-type:none; padding: 0px;}
#menu-smalllinks ul li {float: left; margin: 0px 20px 0px 0px; padding: 0px;}
#menu-smalllinks ul li a {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; text-transform:uppercase;}
#menu-smalllinks ul li a:hover {color: #006699;}

#page-container{background: url(../images/content-bg.jpg) top left repeat-y #FFFFFF; margin: 0px 0px 0px 0px !important;}
#pagecontent {width: 440px; height: auto; float:left; margin: 0px 0px 0px 0px;}

#pagepanel {display:block; float:right; width: 242px; height: auto; margin: 0px 28px 0px 0px; padding: 10px 10px 10px 10px;}
#pagepanel ul {margin: 0px; list-style-type:none; padding: 0px;}
#pagepanel ul li {margin: 0px 20px 0px 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#pagepanel ul li a {display: block;  width: 232px; color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding: 4px;}
#pagepanel ul li a:hover {color: #006699; background-color:#FFFFFF;}
#pagepanel ul li a.selected {color: #000000; background-color:#FFFFFF;}

#paneltitle {display: block; color:#FFFFFF; background-color:#000000; height: 15px; width: auto; font-size:12px; font-weight:bold; padding: 5px; margin: 0px 0px 0px 0px;}

#page-prompt {background:url(../images/pointertab.jpg) top left no-repeat; height:20px; width: 420px; display:block; padding: 10px; color:#FFFFFF;}
#page-prompt h1 {color: #000; font-weight: bold; font-size: 16px; font-family:Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 10px 0px;}


#contact-prompt {background:url(../images/contact-prompt.jpg) top left no-repeat; height:61px; width: 420px; display:block; padding: 10px; color:#FFFFFF;}
#contact-prompt h1 {color: #FFFFFF; font-weight: bold; font-size: 22px; font-family:Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 10px 0px;}
#contact-prompt p {color: #FFFFFF; font-weight: normal; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px; line-height:16px;}

#contact-prompt-lower {background:url(../images/contact-prompt-lower.jpg) top left no-repeat; height:75px; width: 420px; display:block; padding: 40px 10px 10px 10px; color:#FFFFFF; margin: 20px 0px 0px 0px;}
#contact-prompt-lower h1 {color: #FFFFFF; font-weight: bold; font-size: 22px; font-family:Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 10px 0px;}
#contact-prompt-lower p {color: #FFFFFF; font-weight: normal; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px; line-height:16px;}
#contact-prompt-lower a {color:#FFFFFF;}

.formSpacer {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
.formLeft {width: 120px; float:left; font:Arial, Helvetica, sans-serif; font-size:12px;}
.formRight {width: 300px; float:right; font:Arial, Helvetica, sans-serif; font-size:12px;}
.formInput {width: 306px; height: 20px; padding: 0px 5px; background: url(../images/select_bg.gif) top left no-repeat; #ECF1F2; color: #000000; border: none;}

.lighttestimonial {height: 144px; width: 400px; margin: 0px 0px 10px 0px; background: url(../images/testimonials.jpg) top left no-repeat; padding: 20px;}
.darktestimonial {height: 144px; width: 400px; margin: 0px 0px 10px 0px;  background: url(../images/darktestimonials.jpg) top left no-repeat; padding: 20px;}

#promotion {background: url(../images/brailleback.jpg) top left no-repeat #CCC; height: 142px; width: 300px; padding: 15px 10px 10px 130px; margin: 10px 0px 0px 0px;}