
/*	Global style sheet for Keystroke Kashbox
	Written by Brandon Pierce for Specialized Business Solutions */
			
			body {
				margin: 0;
				padding: 0;
				background: url("graphics/kb_back.jpg") repeat-x bottom left fixed #000;
				font-family: Verdana, Tahoma, Arial, sans-serif;
				font-size: 12px;
				color: #FFF;
			}

			#container {
				width: 500px;
				margin: 0 auto;
				padding: 0 20px 0 20px;
				background: url('graphics/kb_container_back.jpg') #333;
			}

			#masthead {
				height: 100px;
				margin: 0;
				padding: 0;
				/* background: url("graphics/kb_header3.jpg") no-repeat #FFF; */
			}

			#masthead a img {
				border: none;
				}

/* ##########[ NAVIGATIONAL ELEMENTS ]########## */

			#navigation {
				height: 50px;
				margin: 0;
				padding: 0;
				background: url("graphics/kb_navback.jpg") no-repeat #000;
			}

				#navigation a:link {
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: #FFF;
					text-decoration: none;
				}

				#navigation a:visited{
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					color: #FFF;
					font-size: 14px;
					text-decoration: none;
				}

				#navigation a:hover {
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					color: #FC6;
					font-size: 14px;
					text-decoration: underline;
				}

				#navigation a:active {
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
					color: #CCC;
					font-size: 14px;
					text-decoration: none;
				}

				div.outer {
					float: left;
					padding-right: 10px;
					padding-left: 10px;
					padding-top: 15px;
				}

				div.outerright {
					float: right;
					padding-top: 15px;
					padding-right: 10px;
				}

/* ##########[ CONTENT AND FOOTER ]########## */

			#content {
				margin: 0;
				padding: 0;
				color: #000;
				background: url("graphics/kb_bodyback.jpg") repeat-y #FFF;
			}
		

			#sidebar {
				margin: 0;
				padding: 0;
			}

			#copy {
				margin: 0;
				padding: 25px 50px 50px 50px;
				color: #333;
			}

				p {
					line-height: 160%
				}

				p.line-indent {
					text-indent: 30px;
				}

				p.indent {
					margin-left: 30px;
					margin-top: 0;
				}

				.phone {
					font-size: 20px;
					font-weight: bold;
				}

				#copy img {
					margin: 0 auto;
					padding: 10px 0 0px 0;
					display: block;
					}

				.imgcap {
					color: #666;
					font-size: 11px;
					font-style: italic;
					padding: 0 0 10px 0;
					text-align: center;
				}

				.imgcap2 {
					color: #000;
					font-size: 9px;
					font-style: italic;
					padding: 0 0 10px 0;
					text-align: left;
				}

				#copy li {
					font-size: 11px;
					margin-bottom: 10px;
				}
				
			#promo_banner {
				background: url('graphics/kb_promoback.jpg') top left repeat-y #CCC;
				border-bottom: 1px solid #999;
				border-top: 1px solid #999;
				color: #333;
				padding: 5px 0 5px 0;
				text-align: center;
				width: 100%;
			}
			
				#promo_banner a:link {
					color: #006;
					text-decoration: none;
				}
				
				#promo_banner a:visited {
					color: #006;
					text-decoration: none;
				}
				
				#promo_banner a:hover {
					color: #A00;
					text-decoration: underline;
				}
				
				#promo_banner a:active {
					color: #006;
					text-decoration: none;
				}

			#sbs_banner {
				width: 500px;
				margin: 0;
				padding: 0;
				background: url("graphics/bannerback2.jpg") no-repeat #333;
				color: #FFF;
				font-size: 10px;
				font-style: italic;
				}

				#sbs_banner p {
					margin: 0;
					padding: 0;
					}

				.right {
					float: right;
					padding: 0 10px 0 0;
					text-align: right;
					}

				#sbs_banner a:link {
					color: #FFF;
					text-decoration: underline;
					}

				#sbs_banner a:visited {
					color: #FFF;
					text-decoration: underline;
					}

				#sbs_banner a:active {
					color: #AAA;
					text-decoration: underline;
					}

				#sbs_banner a:hover {
					color: #DDD;
					text-decoration: underline;
					}

			#tagline {
				height: 15px;
				width: 350px;
				margin: 0 auto;
				padding: 10px;
				text-align: center;
				background: url('graphics/tagback.jpg') repeat-y 50% 0;
				color: #000;
				font-weight: bold;
				font-style: italic;
				font-size: 12px;
			}

			div.spacer {
				clear: both;
				}

			#footer {
				/* height: 20px; */
				margin: 0;
				padding: 10px 0 10px 0;
				font-size: 10px;
				text-align: center;
				color: #999;
				background: url("graphics/kb_footer.jpg") no-repeat top #FFF;
			}

/* ##########[ HEADINGS ]########## */

			h1 {
				font-size: 20px;
				font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
				color: #33528F;
			}

			h2 {
				margin-bottom: 10px;
				padding: 0;
				font-size: 13px;
				font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
				font-style: italic;
				color: #33528F;
				/* border-bottom: 1px solid #CCC; */
			}

			h3 {
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
				color: #333;
			}
			
			h4 {
				margin: 15px 0px 10px 40px;
				padding: 0;
				font-size: 16px;
				font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			}

/* ##########[ GLOBAL LINK STYLES ]########## */

			a:link {
				text-decoration: underline;
				color: #33528F;
			}

			a:visited {
				text-decoration: underline;
				color: #33528F;
			}

			a:hover {
				text-decoration: underline;
				color: #FC6;
			}

			a:active {
				text-decoration: underline;
				color: #000;
			}

/* ##########[ CONTACT FORM CRAP ]########## */

			table {
				margin: 0;
				padding: 0;
				border: none;
				width: 100%;
			}

			caption {
				display: none;
			}
	
			td {
				padding-bottom: 10px;
			}

			td.shipping {
				vertical-align: top;
			}

/* ##########[ REGISTRATION FORM JUNK ]########## */

			form {
				margin: 0 auto;
				padding: 0;
				font-family: Verdana, sans-serif;
				font-size: 11px;
				font-weight: bold;
			}
			
			form table {
				margin-top: 10px;
			}

			form table td.label {
				text-align: right;
			}

			fieldset {
				border: 1px solid #CCC;
				padding: 20px;
			}

			fieldset.sub {
				margin-top: 10px;
			}

			legend {
				font-size: 16px;
				font-family: Georgia, Times, "Times New Roman", serif;
				color: #33528F;
			}

			legend.sub {
				font-size: 12px;
				color: #333;
				font-family: Verdana, Arial, sans-serif;
			}

			input, select {
				margin-top: 5px;
				border: 1px solid #CCC;
				font-size: 13px;
			}

			input.checkbox {
				border: none;
			}

			textarea {
				border: 1px solid #CCC;
				font-size: 13px;
			}
			
			label {
				margin-right: 20px;
			}

			label span.required {
				font-size: 10px;
				color: #666;
				font-weight: normal;
			}

			label span.note {
				font-size: 11px;
				color: #666;
				font-weight: normal;
			}

			p.error {
				margin: 0;
				padding: 0;
				font-weight: bold;
				color: #A00;
			}

			p.disclaimer {
				font-size: 11px;
				/* font-style: italic; */
				color: #666;
				font-weight: normal;
			}

			p.agree {
				font-weight: normal;
				border: 1px solid #CCC;
				padding: 5px 5px 10px 10px;
				background: #FFFFF0;
			}

/* ##########[ STYLES FOR THE FAQ ]########## */

			ol {
				margin-bottom: 50px;
			}
	
			ol li {
				margin: 0 0 10px 0;
			}

			dt {
				font-weight: bold;
				margin: 0 0 5px 0;
			}

			dd {
				margin: 0 0 20px 20px;
			}

			a.faq:hover {
				color: #333;
				text-decoration: none;
			}

			a.faq_toplink {
				font-size: 10px;
			}

/* ##########[ DOWNLOAD INFO ]########## */

			#dl_info {
				margin: 0 0 30px 0;
				}

			#download {
				margin: 0 auto;
				padding: 10px;
				width: 70%;
				text-align: center;
				border: 1px dashed #CCC;
				background: #FFF;
				}

			.dl_link {
				font-size: 25px;
				font-weight: bold;
				font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
				}

			.fileinfo {
				color: #999;
				font-size: 11px;
				}

			#more_info {
				margin: 30px 0 0 0;
				text-align: center;
				}

			.ks_phone {
				padding-top: 15px;
				}

			.ks_phone, .ks_email {
				font-size: 25px;
				display: block;
				font-weight: bold;
				font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
				}

			.ks_email {
				font-size: 20px;
				}