/* design notes -------
xhtml and css by:	Nick Smithson for Audiology
project began:		2008.10.29
last updated:		2008.10.30
stylesheet-type:		development | all
------- design notes */

/* ------- style_position_begin ------- */
/* root */
html {
	margin:0;
	padding:0;
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	font-size:14px;
	font-family: tahoma, san-serif;
	color:#555555;
	background:#ffffff url(../images/bgi/body.jpg) repeat scroll 0 0;
}
body.sml {
	font-size:14px;
}  
body.med {
	font-size:16px;
} 
body.lrg {
	font-size:18px;
} 
div.root_matrix {
	margin:0 auto;
	padding:0;
	width:840px;
	height:100%;
	width:100%;
}
div.root {
	margin:0 auto;
	padding:0;
	min-width:840px;
}
/* root */

/* header */
div.header_matrix {
	margin:0 auto;
	padding:0;
	width:100%;
	height:130px;
	overflow:hidden;
	background:url(../images/bgi/header_matrix.jpg) repeat-x scroll 0 0;
}
div.header {
	margin:0 auto;
	width:840px;
	height:130px;
	overflow:hidden;
}
div.header_logo {
	position:absolute;
	top:0;
	left:10px;
	margin:0;
	padding:0;
	width:250px;
	height:130px;
	overflow:hidden;
	background:url(../images/bgi/header_logo.jpg) no-repeat scroll 0 0;
}
div.header_banner {
	position:absolute;
	top:0;
	right:20px;
	margin:0;
	padding:0;
	width:500px;
	height:130px;
	overflow:hidden;
	background:url(../images/bgi/header_banner.jpg) no-repeat scroll 0 0;
}
div.header_banner img {
	margin:0;
	padding:0;
}
/* header */

/* text-size */
div.text-size {
	position:absolute;
	bottom:5px;
	right:20px;
	width:110px;
	height:24px;
	font-family: tahoma, sans-serif;
	float:right;
	overflow:hidden;
}
div.text-size p {
	width:50px;
	height:18px;
	margin:0;
	padding:6px 0 0 0;
	font-size:10px;
	overflow:hidden;
	color:#bbbbbb;
	background:transparent;
}
div.text-size a {
	font-weight:normal;
	text-decoration:none;
	outline:none;
	color:#dddddd;
	background-color:transparent;
	border:1px solid #dddddd;
}
div.text-size a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#777777;
	background-color:transparent;
	border:1px solid #777777;
}
a.text-sml {
	position:absolute;
	top:0;
	right:40px;
	width:18px;
	height:18px;
	padding:4px 0 0 0;
	font-size:14px;
	text-align:center;
}
a.text-med {
	position:absolute;
	top:0;
	right:20px;
	width:18px;
	height:20px;
	padding:2px 0 0 0;
	font-size:16px;
	text-align:center;
}
a.text-lrg {
	position:absolute;
	top:0;
	right:0;
	width:18px;
	height:22px;
	padding:0 0 0 0;
	font-size:18px;
	text-align:center;
}
/* text-size */

/* info */
div.info_matrix {
	margin:10px 0 0 0;
	padding:0;
	width:250px;
}
div.info {
	margin:0;
	padding:0;
	width:250px;
}
div.info-dynamic {
	margin:10px 0 0 0;
	padding:30px 10px 50px 10px;
	width:250px;
	font-size:0.8em;
	text-align:left;
	color:#61a8ae;
	background:transparent url(../images/bgi/column_left.jpg) repeat-x scroll 0 bottom;
}
div.info-brace {
	margin:0;
	padding:0;
	width:0;
	height:50px;
	float:left;
}
/* info */

/* nav */
div.nav_matrix {
	margin:0;
	padding:0;
	width:270px;
}
div.nav {
	margin:0;
	padding:0;
	width:270px;
	overflow:hidden;
	border-top:2px solid #ffffff;
}
div.nav_main {
	margin:0;	
	padding:0;
	width:270px;
	font-size:14px;
	text-align:left;
	overflow:hidden;
}
div.nav_main a:link, div.nav_main a:visited, div.nav_main a:active {
	margin:0;
	padding:0;
	width:270px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	text-decoration:none;
	color:#ffffff;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 0;
	border-bottom:2px solid #ffffff;
}
div.nav_main a span {
	margin:0;
	padding:6px 0 7px 20px;
	width:250px;
	height:17px;
	display:block;
	overflow:hidden;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	color:#ffffff;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 0;
}	
div.nav_main a:hover {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -30px;
}
div.nav_main a:hover span {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -30px;
}
div.nav_main a.current:link, div.nav_main a.current:visited, div.nav_main a.current:active {
	text-decoration:none;
	color:#dddddd;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 0;
}
div.nav_main a.current span {
	text-decoration:none;
	color:#dddddd;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 0;
}
div.nav_main a.current:hover {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -30px;
}
div.nav_main a.current:hover span {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -30px;
}
div.nav_sub {
	margin:0;	
	padding:0;
	width:270px;
	font-size:12px;
	text-align:left;
	overflow:hidden;
}
div.nav_sub a:link, div.nav_sub a:visited, div.nav_sub a:active {
	margin:0;
	padding:0;
	width:270px;
	height:25px;
	overflow:hidden;
	outline:none;
	float:left;
	text-decoration:none;
	color:#ffffff;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -60px;
}
div.nav_sub a span {
	margin:0;
	padding:5px 0 8px 25px;
	width:105px;
	height:12px;
	outline:none;
	cursor:pointer;
	float:left;
	text-decoration:none;
	color:#ffffff;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -60px;
}
div.nav_sub a:hover {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -85px;
}
div.nav_sub a:hover span {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -85px;
}
div.nav_sub a.current:link, div.nav_sub a.current:visited, div.nav_sub a.current:active {
	text-decoration:none;
	color:#dddddd;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -60px;
}
div.nav_sub a.current span {
	text-decoration:none;
	color:#dddddd;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -60px;
}
div.nav_sub a.current:hover {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -85px;
}
div.nav_sub a.current:hover span {
	text-decoration:none;
	color:#61a8ae;
	background:transparent url(../images/bgi/nav.jpg) no-repeat scroll 0 -85px;
}
/* nav */

/* column_banner */
div.column_banner {
}
/* column_banner */

/* column_top */
div.column_top {
}
/* column_top */

/* columns */
div.columns_matrix {
	margin:auto;
	padding:0;
	width:840px;
	background:url(../images/bgi/columns_matrix.jpg) repeat-y scroll 0 0;
}
div.columns_top {
	position:absolute;
	top:0;
	left:0;
	width:840px;
	height:20px;
}
div.columns_end {
	position:absolute;
	bottom:0;
	left:0;
	width:840px;
	height:20px;
}
div.columns_brace {
	margin:0;
	padding:0;
	width:0;
	height:500px;
	float:left;
}
div.columns {
	margin:0 auto;
	padding:20px 0 30px 0;
	width:840px;
}
/* columns */

/* column_left */
div.column_left {
	margin:0;
	padding:0;
	width:270px;
	float:left;
}
div.column_left-dynamic {
	margin:10px 0 0 0;
	padding:30px 10px 50px 10px;
	width:250px;
	font-size:0.8em;
	text-align:left;
	color:#61a8ae;
	background:transparent url(../images/bgi/column_left.jpg) repeat-x scroll 0 bottom;
}
div.column_left-brace {
	margin:0;
	padding:0;
	width:0;
	height:50px;
	float:left;
}
div.column_left h1 {
	margin:10px 0 15px 0;
	padding:0;
	width:250px;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	color:#55959a;
	background:transparent;
}
div.column_left h2 {
	margin:10px 0 5px 0;
	padding:2px 0 0 0;
	width:250px;
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	color:#55959a;
	background:transparent;
}
div.column_left h3 {
	margin:5px 0;
	padding:0;
	width:250px;
	font-size:1.1em;
	font-weight:600;
	text-align:left;
	color:#55959a;
	background:transparent;
}
div.column_left h4 {
	margin:5px 0;
	padding:0;
	width:250px;
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	color:#55959a;
	background:transparent;
}
div.column_left h5 {
	margin:5px 0;
	padding:0;
	width:250px;
	font-size:0.9em;
	font-weight:600;
	text-align:left;
	color:#55959a;
	background:transparent;
}
div.column_left h6 {
	margin:5px 0;
	padding:0;
	width:250px;
	font-size:0.8em;
	font-weight:600;
	text-align:left;
	color:#55959a;
	background:transparent;
}
/* column_left */

/* column_right */
div.column_right {
	margin:0;
	padding:0;
	width:540px;
	float:right;
}
div.column_right-dynamic {
	margin:0 auto;
	padding:0;
	width:500px;
	font-size:1.0em;
	text-align:left;
	color:#808285;
	background:transparent;
}
div.column_right h1 {
	margin:10px 0 20px 0;
	padding:0;
	width:500px;
	font-size:32px;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
	color:#468896;
	background:transparent;
}
div.column_right h2 {
	margin:10px 0 5px 0;
	padding:2px 0 0 0;
	width:500px;
	font-size:1.3em;
	font-weight:600;
	text-align:left;
	color:#468896;
	background:transparent;
}
div.column_right h3 {
	margin:5px 0;
	padding:0;
	width:500px;
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	color:#468896;
	background:transparent;
}
div.column_right h4 {
	margin:5px 0;
	padding:0;
	width:500px;
	font-size:1.1em;
	font-weight:600;
	text-align:left;
	color:#636466;
	background:transparent;
}
div.column_right h5 {
	margin:5px 0;
	padding:0;
	width:500px;
	font-size:1.0em;
	font-weight:600;
	text-align:left;
	color:#636466;
	background:transparent;
}
div.column_right h6 {
	margin:5px 0;
	padding:0;
	width:500px;
	font-size:0.9em;
	font-weight:600;
	text-align:left;
	overflow:hidden;
	color:#636466;
	background:transparent;
}
/* column_right */

/* column_base */
div.column_base {
}
/* column_base */

/* footer */
div.footer_matrix {
	margin:0;
	padding:0;
	width:100%;
	height:110px;
	background:url(../images/bgi/footer_matrix.jpg) repeat-x scroll 0 0;
}
div.footer {
	margin:0 auto;
	padding:0;
	width:840px;
	height:110px;
}
p.footer_nav {
	position:absolute;
	top:30px;
	left:20px;
	margin:0;
	padding:0;
	width:800px;
	height:12px;
	text-align:center;
	font-size:12px;
	color:#777777;
	background-color:transparent;
}
p.footer_info {
	position:absolute;
	top:45px;
	left:20px;
	margin:0;
	padding:0;
	width:800px;
	height:12px;
	text-align:center;
	font-size:9px;
	color:#aaaaaa;
	background-color:transparent;
}
div.footer a {
	font-weight:normal;
	text-decoration:none;
	color:#777777;
	background-color:transparent;
}
div.footer a:hover {
	text-decoration:none;
	color:#333333;
	background-color:transparent;
}
/* footer */

/* ------- style_position_end ------- */

/* ------- style_element_begin  ------- */

/* anchors */
a:link, a:visited, a:active {
	font-weight:normal;
	text-decoration:underline;
	color:#355d60;
	background-color:transparent;
}
a:hover {
	text-decoration:underline;
	color:#000000;
	background-color:transparent;
}
a span {
}
h1 a:link, h1 a:visited, h1 a:active {
	font-weight:600;
	text-decoration:none;
}
h1 a:hover {
	font-weight:600;
	text-decoration:none;
}
a.button:link, a.button:visited, a.button:active {
	position:absolute;
	bottom:13px;
	left:10px;
	margin:10px 0 0 0;
	padding:0;
	height:29px;
	float:left;
	overflow:hidden;
	font-size:11px;
	font-weight:normal;
	outline:none;
	text-decoration:none;
	color:#000000;
	background:transparent url(../images/bgi/button.jpg) no-repeat scroll 0 0;
}
a.button:hover {
	text-decoration:none;
	color:#487e82;
	background:transparent url(../images/bgi/button.jpg) no-repeat scroll 0 -29px;
}
a.button span {
	margin:0 0 0 20px;
	padding:7px 30px 10px 0;
	height:12px;
	float:left;
	overflow:hidden;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	color:#000000;
	background:transparent url(../images/bgi/button-span.jpg) no-repeat scroll right 0;
}
a.button:hover span {
	text-decoration:none;
	color:#487e82;
	background:transparent url(../images/bgi/button-span.jpg) no-repeat scroll right -29px;
}
/* anchors */

/* div */
div {
	position:relative;
	margin:0;
	padding:0;
}
div.float_clear {
	height:0;
	clear:both;
}
div.float_clear-right {
	height:0;
	clear:right;
}
div.float_clear-left {
	height:0;
	clear:left;
}
/* div */

/* text */
p {
	margin:0;
	padding:0 0 10px 0;
}
/* text */

/* lists */
ul, ol {
	margin:0;
	padding:10px 10px 10px 15px;
}
li {
	margin:0;
	padding:0;
	text-align:left;
	color:#000000;
	background-color:transparent;
}
/* lists */

/* imgs */
img {
	margin:10px;
	padding:0;
	border:0;
}
img.float-left {
	margin:10px;
	padding:0;
	border:0;
	float:left;
}
img.float-right {
	margin:10px;
	padding:0;
	border:0;
	float:right;
}
div.frame {
	margin:10px;
}
div.frame-left {
	margin:3px 10px 10px 0;
	width:175px;
	float:left;
}
div.frame-right {
	margin:3px 10px 10px 10px;
	width:175px;
	float:right;
}
div.frame img, div.frame-left img, div.frame-right img, div.frame_column-left img {
	margin:0 0 10px 0;
	display:block;
	border:1px solid #333333;
}
div.frame p, div.frame-left p, div.frame-right p, div.frame_column-left p {
	margin:-8px 0 10px 0;
	padding:2px 10px;
	text-align:center;
	font-size:0.7em;
	overflow:hidden;
	color:#888888;
	background-color:#eeeeee;
	border:1px solid #dddddd;
}
/* imgs */

/* forms */
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:0;
	border:0;
}
input {
	margin:0;
	padding:2px 3px;
	font-size:12px;
}
label {
	margin:0;
	padding:0;
	font-size:10px;
}
label span {
	display:none;
}
/* forms */

/* tables */
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}
tr {
	margin:0;
	padding:2px 0;
}
td {
	margin:0;
	padding:2px 5px;
}
/* tables */

/* ------- style_element_end  ------- */
