body{
	padding:0; margin:0;
	background:#111;
	font-family:Helvetica,Arial;
	font-size:0.8125em;
	line-height:1.25em;
	text-align:center;
}
a {	color:#0065a4; }
a:active { outline:none; }
a:hover { color:#00446f;}
	a img { border:none; }
ul{
	padding:0; margin:0;
}
	li{
		list-style:none;
		padding:0; margin:0;
	}
h4{
	font-size:123.1%;
	color:#0065a4;
	margin:0; padding:0;
}
	h4 a{
		text-decoration:none;
	}
h3{
	font-size:123.1%;
	font-weight:bold;
	color:#222;
	margin:0; padding:0;
}
h2{
	margin:0px 0px 15px 0px; padding:0;
	color:#0065a4;
	font-size:138.5%;
}
h1{
	font-size:232%;
	font-weight:bold;
	letter-spacing:-1pt;
	color:#fff;
	margin:15px 0px;
}
tt{
	font-size:85%;
	font-family:'Helvetica','Arial';
	font-weight:bold;
	color:#999;
}
input, textarea{
	display:block;
	margin:0px;
	padding:5px 10px;
	border:1px #ccc solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color:#666;
	font-size:85%;
}
.submit{
	border:1px #1778b2 solid;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background:#1778b2 url(../images/sub-nav-bg.gif) repeat-x 0px -2px;
	color:#fff;
	font-weight:bold;
}
div.clear{
	line-height:0px;
	height:0px;
	clear:both;
}
body.about div.column{
	margin-left:30px;
}
div.column{
	position:relative;
	float:left;
	margin-left:15px;
}
p{
	margin:0 0 1em 0;
}
#content div.tiny{
	width:170px;
}
#content div.sma{
	width:220px;
}
#content div.sma-med{
	width:250px;
}
#content div.med{
	width:460px;
}
#content div.big{
	width:690px;
}
#TB_window {
    padding: 15px;
}
#content div.life-a{
	width:611px;
}
#content div.life-b{
	width:318px;
}
.column.first{
	margin-left:0px !important;
}
#container{
	text-align:left;
	margin:auto;
	width:974px;
}

#hd, #ft{
	color:#666;
}
	#hd a, #ft a{
		color:#fff;
		text-decoration:none;
	}

#hd{
	position:relative;
	height:87px;
}
	#logo{
		display:block;
		position:absolute;
		top:25px; left:0px;
		width:269px; height:42px;
		background:url(../images/clarity-logo.png) no-repeat;
		text-indent:-9999px;
		z-index:3000;
	}
	#top-links{
		position:absolute;
		top:24px; right:0px;
		font-size:85%;
/*		font-weight:bold;*/
	}
		#top-links li{
			float:right;
			margin:0 0 0 14px;
		}
		
	#top-nav{
		position:absolute;
		top:54px; right:0px;
	}
		.top-tab{
			display:block;
			float:right;
			margin:0 0 0 3px;
		}
			#hd .top-tab a{
				display:block;
				padding:9px 10px 8px 10px;
				background:url(../images/top-tab-bg.gif) repeat-x;
				color:#666;
				-moz-border-radius-topleft: 3px;
				-webkit-border-top-left-radius: 3px;
				border-radius-topleft: 3px;
				-moz-border-radius-topright: 3px;
				-webkit-border-top-right-radius: 3px;
				border-radius-topright: 3px;
/*				border-radius: 3px;*/
				border-bottom:1px #cdcdcd solid;
				font-size:100%;
				color:#666;
				font-weight:bold;
			}
			#hd .top-tab a:hover, #hd .top-tab a:active{
				border-bottom:1px #eee solid;
			}
			#hd .top-tab.selected a{
				border-bottom:1px #fff solid;
			}
			#hd .top-tab.selected a, #hd .top-tab a:hover, #hd .top-tab a:active{
				background:#fff;
			}
			
	
#bd{
	position:relative;
	background:#fff;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-radius-bottomright: 7px;
	padding:15px 0px;
}
	#sub-nav {
		padding:0px 15px;
		height:30px;
		margin:0 0 15px 0;
	}
		#bd .sub-nav{
			display:block;
			float:left;
		}
			#bd .sub-nav a{
				display:block;
				padding:7px 10px 6px 10px;
				margin:0 5px 0 0;
				border:1px #ddd solid;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				color:#666;
				font-size:108%;
				text-decoration:none;
				font-weight:bold;
			}
		
			#bd .sub-nav.selected a{
				border:1px #1778b2 solid;
				color:#fff;
				background:#1778b2 url(../images/sub-nav-bg.gif) repeat-x;
			}
			
		#search-box{
			display:block;
			position:relative;
			float:right;
			width:318px;
			padding:2px 0 0 0;
		}
			#search-box .text{
				display:block;
				position:absolute;
				top:0px; left:2px;
				width:232px;
				-moz-border-radius:0px;
				-webkit-border-radius:0px;
				-moz-border-radius-topleft: 2px;
				-moz-border-radius-bottomleft: 2px;
				-webkit-border-top-left-radius: 2px;
				-webkit-border-bottom-left-radius: 2px;
			}
			#search-box .submit{
				display:block;
				position:absolute;
				top:0px; left:256px;
				cursor:pointer;
				float:right;
				padding:4px 8px;
				line-height:15px;
			}
	.hero{
		margin-bottom:12px;
		height:320px;
		overflow:hidden;
	}
	
	#bd h1{
		background:#111 url(../images/header-bg.png) repeat-x;
		border-bottom:3px #ccc solid;
	}
		#bd h1 span{
			width:100%;
			display:block;
			padding:32px 20px 30px 20px;
			background:url(../images/header-bg-waves.png) no-repeat 754px 0px;
		}
	
	#content{
		font-family:'Lucida Grande','Verdana';
		padding:0px 15px;
	}
		#content .teaser{
			font-weight:bold;
		}
		#content .copy{
			margin:16px 0px 32px 0px;
		}
	#content-boxes{
		height:196px;
	}
		.content-box{
			position:relative;
			width:304px;
			float:left;
			margin-left:15px;
		}
			.content-box h3{
				margin:0; padding:0 0 6px 0;
				border-bottom:1px #ccc solid;
			}
			
		.content-box.first{
			margin-left:0px;
		}
			.updates-box{
				margin-bottom:8px;
			}
				.updates-box li{
					border-bottom:1px #ccc dotted;
				}
					.updates-box li a{
						display:block;
						padding:8px 0px;
						background:url(../images/updates-arrow.gif) no-repeat 293px 9px;
						font-size:93%;
						color:#666;
						text-decoration:none;
					}
		.happy{
			display:block;
			width:304px; height:34px;
			background:url(../images/happy.png);
			text-indent:-9999px;
		}
		
		.side-nav{
			border:1px #ccc solid;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			margin-bottom:16px;
		}
			.side-nav h4{
				padding:7px;
			}
			.side-nav li{
				padding:7px 0px 7px 0px;
				border-top:1px #dedede solid;
			}
			.side-nav li.first{
				border:none;
			}
				.side-nav li a{
					display:block;
					padding-left:7px;
					font-size:85%;
					color:#333;
					font-weight:bold;
					text-decoration:none;
				}
				.side-nav li.selected a, .side-nav li a:hover{
					color:#0065a4;
				}
		.news-nav{
			position:relative;
			text-align:center;
			border-top:1px #bbb solid;
			padding:16px 0px 0px 0px;
			font-size:85%;
			font-weight:bold;
			color:#666;
		}
			.news-nav .prev, .news-nav .next{
				text-decoration:none;
				color:#000;
				font-weight:bold;
			}
			.news-nav .prev{
				position:absolute;
				top:16px; left:0px;
			}
			.news-nav .next{
				position:absolute;
				top:16px; right:0px;
			}
			
		#news-frame{
			width:960px; height:1110px;
			overflow:hidden;
			border:none;
			margin-left:-6px;
		}
		
		.testimonial{
			margin:0px 0px 15px 0px;
			padding:15px;
			background:#ddd;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
			.testimonial p{
				font-size:123.1%;
				margin-bottom:0px;
			}
			.testimonial .name{
				display:block;
				color:#0065a4;
				font-size:108%;
				font-weight:bold;
				margin-top:1em;
			}
			.testimonial .location{
				font-size:93%;
			}
		
            .testimonial-form button {
                padding: 4px;
            }
		.share-box{
			text-align:right;
			margin-bottom:10px; }
			
		.blurb{
			padding:0 0 15px 0;
			margin:0 0 9px 0;
			border-bottom:1px #ddd solid;
		}
		
		.contact-a{
			width:342px;
			padding-top:9px;
		}
			.contact-a h2{
				font-weight:bold;
				font-family:'Helvetica','Arial';
				font-size:20px;
			}
			.contact-a label{
				display:block;
				padding:0 0 4px 0;
			}
			.contact-a input, .contact-a textarea{
				width:310px;
				margin:0 0 12px 0;
			}
			.contact-a textarea{
				height:135px;
			}
			.contact-a button{
				float:right;
				padding:4px 4px;
			}
		.contact-b{
			width:162px;
		}
		.contact-c{
			width:124px;
		}
		.contact-d{
			width:196px;
		}
		.contact-b, .contact-c, .contact-d{
			background:url(../images/contact-separator.png) no-repeat left top;
			padding:7px 0px 0px 21px;
		}
			.contact-b h3, .contact-c h3, .contact-d h3{
				font-size:100%;
				color:#0065a4;
			}
	.product-box{
		float:left;
		width:220px; height:165px;
		border:1px #aaa solid;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	
	
	.workflows{
		width:302px;
		margin-left:18px !important;
		padding:20px 0px;
		background:#060606 url(../images/workflow-bg.png) repeat-x;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
		.workflows h2{
			margin-bottom:10px; padding:0;
			font-size:182%;
			color:#fff;
			font-family:Helvetica, Arial;
		}

		.workflows h5{
			margin:0px 0px 20px 0px; padding:0;
			font-family:Helvetica,Arial;
			font-size:100%;
			color:#999;
		}
		
		.workflows .this-pains-me{
			height:634px;
			margin:0px 10px;
		}
		.workflows .workflow-box{
			margin-bottom:10px;
			background:#fff;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
		}
			.workflow-box h3{
				padding:10px 10px 10px 35px;
				border-bottom:1px #ccc solid;
				font-family:Helvetica,Arial;
				font-size:108%;
				font-weight:bold;
				background:url(../images/workflow-checkbox.png) no-repeat 10px 10px;
				cursor:pointer;
			}
			.workflow-box h3.selected{
				background-position:10px -22px;
			}
			.workflow-box ul{
				margin-top:10px;
				padding-bottom:10px;
			}
				.workflow-box li{
					padding:3px 10px 3px 35px;
					font-size:85%;
					background:url(../images/workflow-checkbox.png) no-repeat 10px 3px;
					cursor:pointer;
				}
				.workflow-box li.selected{
					background-position:10px -29px;
				}
			
				.workflow-box .workflow-image{
					text-align:center;
					margin:20px auto 0px auto;
					padding-bottom:20px;
				}
				.workflow-box .price-monthly{
					padding:10px 10px 5px 10px;
					font-weight:bold;
				}
			 .workflow-box .price-details{
					padding:0px 10px 10px 10px;
					font-size:93%;
				}
		
		.workflows button{
			float:right;
			clear:both;
		}

	.prod-hd{
		background:#0065a5;
		padding:30px;
	}
		#bd .prod-hd h1{
			background:transparent none;
			border:none;
			font-size:369%;
		}
			#bd .prod-hd h1 sup{
				font-size:30%;
			}
		#bd .prod-hd h4{
			font-size:138.5%;
			color:#fff;
		}
		
	body.product-detail #content{
		padding:36px;
		background:#000;
		height:600px;
		-moz-border-radius-bottomleft:6px;
		-moz-border-radius-bottomright:6px;
		-webkit-border-bottom-left-radius:6px;
		-webkit-border-bottom-right-radius:6px;
	}
	body.product-detail #bd{
		padding-bottom:0px;
	}
 		#huge-phone{
			position:absolute;
			top:104px; right:0px;
		}
			
			.product-blurb{
				font-size:108%;
				line-height:19px;
				color:#fff;
				width:560px;
			}
	
			.product-features h3{
				color:#0065a4;
				font-family:Helvetica,Arial;
				font-size:167%;
				margin-top:40px;
			}
			.product-features ul{
				color:#0065a4;
				padding-left:10px;
				margin-bottom:40px;
			}
				.product-features li{
					list-style:disc inside;
					margin-top:12px;
				}
					.product-features li span{
						color:#fff;
					}
					
			.big-buy-butt{
				display:block;
				width:89px; height:30px;
				background:url(../images/big-buy.gif) no-repeat;
				text-indent:-9999px;
			}
	
	.needs{height:230px;}
	.needs li{
		display:block;
		width:326px; height:67px;
		float:left;
		margin:0 7px 7px 0;
	}
		.needs li a{
			display:block;
			width:326px; height:67px;
			text-indent:-9999px;
		}
			.need-mid-to-moderate-hearing-loss{
				background:url(../images/need-mtmhl.png) no-repeat;
			}
      .need-low-speech{
				background:url(../images/need-ls.png) no-repeat;	
			}
      .need-moderate-hearing-loss{
				background:url(../images/need-mhl.png) no-repeat;
			}
      .need-low-vision{
				background:url(../images/need-lv.png) no-repeat;
			}
      .need-limited-mobility{
				background:url(../images/need-lm.png) no-repeat;
			}
			
	.products-a{
		width:667px;
	}
		.products-a h2{
			color:#111;
			font-family:Helvetica, Arial;
			font-size:189%;
			clear:both;		
		}	
		.products-a ul{
			margin-bottom:29px;
		}

		#bd ul.categories{
		 	display:block;
			margin-bottom:30px;
			clear:both;
		}
			ul.categories li{
				display:block;
				float:left;
				width:323px;
				margin:0px 8px 5px 0px;
				border:1px #ccc solid;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
			}
				ul.categories li a{
					display:block;
					padding:5px;
					font-size:93%;
					color:#333;
					text-decoration:none;
					width:100%;
					background:url(../images/category-arrow.gif) no-repeat 308px 9px;
				}
	#bd .products-b{
		width:244px;
		margin-left:33px;
	}
	
	
	table.plans{
		width:940px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		border-radius:7px;
		border-collapse:collapse;
		overflow:hidden;
		margin-bottom:12px;
	}
		.plans tr{
			background:#000 url(../images/plan-bg.png) repeat-x;
			height:53px;
		}
		.plans tr.plan-header{
			background:#292929 url(../images/plan-header-bg.png) repeat-x;
		}
			.plans td, .plans th{
				color:#fff;
				padding:15px; margin:0px;
				border-bottom:1px #666	 solid;
			}
			.plans td{
				font-weight:normal;
				font-size:131%;
			}
				.plans td a.choose-plan{
					display:block;
					font-size:82%;
					color:#fff;
					text-decoration:none;
					text-align:center;
					padding:5px 0px;
					background:#7f7f7f url(../images/choose-button.png) repeat-x;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
				}
			.plans th{
				font-size:93%;
				font-family:'Helvetica', 'Arial';
				text-transform:uppercase;
			}
			.plans th.plan-type{
				font-size:116%;
			}
			.plans td.plans-include{
				font-size:108%;
				text-transform:uppercase;
				font-family:'Helvetica', 'Arial';
			}
				.plans .plans-include .blue-feature{
					padding-left:12px;
					color:#0065a4;
				}
				
	.press{
		background:#ededed url(../images/press-bg.png) repeat-x top;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:1px #ccc solid;
		font-size:11px;
		height:318px;
		margin-bottom:15px;
	}
		.press h3{
			font-family:Arial, Sans-Serif;
			font-size:16px;
			font-weight:bold;
			color:#333333;
			margin:15px 15px 0px 15px;
			padding-bottom:6px;
			border-bottom:1px #ccc solid;
		}
		.press ul{
			margin:0px 15px;
		}
			.press li{
				padding:9px 0px;
				border-top:1px #ccc dotted;
			}
				.press li a{
					font-size:13px;
					color:#666;
					text-decoration:none;
				}
			.press li.first{
				border:none;
			}
	.life-a h2{
		font-size:24px;
		color:#333;
		margin-bottom:8px;
	}
	.life-a p{
		font-size:12px;
		margin-bottom:14px;
	}
	.life-a .hero{
		width:611px;
		margin-bottom:15px;
	}
	.life-b .featured{
		margin-bottom:15px;
	}
	
#ft{
	position:relative;
	height:96px;
	font-size:93%;
}
	#bottom-nav{
		position:absolute;
		top:16px; left:0px;
	}
		#bottom-nav li{
			float:left;
			margin:0 14px 0 0;
		}
			#ft #bottom-nav li a{
				color:#9c9c9c;
				font-size:116%;
			}
	#bottom-links{
		position:absolute;
		top:16px; right:0px;
	}
		#bottom-links li{
			float:right;
			margin:0 0 0 16px;
		}
			#bottom-links li a{
				color:#999;
			}
	#copyright{
		position:absolute;
		top:39px; right:16px;
		font-size:85%;
	}


.presentation {
	position:relative; }
	
.presentation a.next, .presentation a.prev {
	display:block;
	display:none;
	position:absolute;
	width:66px; height:91px;
	top:113px;
	text-indent:-9999px;
	outline:none; }
.presentation a.next {
	left:879px;
	background:url(../images/heroshot-arrow-right.png) no-repeat; }
.presentation a.prev {
	left:0px;
	background:url(../images/heroshot-arrow-left.png) no-repeat; }