* { padding: 0; margin: 0; outline: 0; }



body { 

	margin: 0 auto;

	padding: 0;

	min-width: 912px;

	font-family: Arial, Tahoma, Helvetica, sans-serif;

	text-align: left;

	background: #999999 url(../images/body-bg.gif) repeat-x 0 0;
	font-size: 14px;
}


input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

textarea { overflow: hidden; } 



a { color: # font-weight: 500; text-decoration: underline; cursor: pointer; }

a:hover { }

a img { border: 0; }



h1, h2, h3, h4, li {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	;
	;
}



.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 0; }



.ar { text-align: right; display: block; }

.al { text-align: left; display: block; }

.ac { text-align: center; display: block;}



.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }



.no-text { font-size: 0; line-height: 0; text-indent: -4000px;}



#shell { width: 950px; margin: 0 auto; }

#page-bg { background: url(../images/shadow-bg.png) repeat-y 0 0; padding: 0 6px; width: 925px; margin: 0 auto; }



#header { position:relative; background: url(../images/header-bg.gif) no-repeat 0 0; height: 178px; }



h1#logo { width: 351px; padding: 10px 0 0 111px;}

h1#logo a { display: block; background: url(../images/logo.gif); height: 129px; }



#contacthead {position: relative; float:left;}

#contacthead a { color:#009999; text-decoration: none;font-size:10px; }



#navigation { background: url(../images/navigation-bg.gif) no-repeat 0 0; height: 32px; padding: 1px 0 5px 1px;}

#navigation ul { list-style-type: none; height: 32px; vertical-align: top;}

#navigation ul li { float: left; display: inline;  }

#navigation ul li a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/navigation.gif) no-repeat 0 -200px; height: 32px; margin-right: 2px; }

#navigation ul li a.staff { background-position: 0 0; width: 90px; }

#navigation ul li a.testimonials { background-position: -90px 0; width: 170px; }

#navigation ul li a.faqs { background-position: -274px 0; width: 108px; }

#navigation ul li a.about { background-position: -386px 0; width: 114px; }

#navigation ul li a.videos { background-position: -520px 0; width: 115px; }

#navigation ul li a.resources { background-position: right 0; width: 131px;; }



#main { background: url(../images/main-bg.gif) repeat-y 0 0; height: 100%; }



#sidebar { 
float: left; 
display: inline; 
width: 220px; 
border-right: 1px solid #107373; 
background-color: #0f6d6c;
background-image: url(../images/sidebar-bg.gif) repeat-x;
padding: 3px 10px 0 6px; min-height: 734px; } 



ul.side-nav { list-style-type: none; }

ul.side-nav li { background: url(../images/side-nav-border.gif) no-repeat 0 bottom; padding-bottom: 1px; }

ul.side-nav li.last { background: transparent; }

ul.side-nav li a { display: block; background-repeat: no-repeat; background-position: 0 0; height: 32px; width: 217px; font-size: 0; line-height: 0; text-indent: -4000px; }

ul.side-nav li a.bone { background-image: url(../images/bone.png); }

ul.side-nav li a.developmental { background-image: url(../images/developmental.png); }

ul.side-nav li a.interactive { background-image: url(../images/interactive.gif); }

ul.side-nav li a.oral { background-image: url(../images/oral.png); height:48px;}

ul.side-nav li a.listening { background-image: url(../images/listening.png); }

ul.side-nav li a.voice { background-image: url(../images/voice.png); }

ul.side-nav li a.learningears { background-image: url(../images/learningears.gif); }

ul.side-nav li a.articulation { background-image: url(../images/articulation.gif); }

ul.side-nav li a.socialskills { background-image: url(../images/socialskills.gif); }



#sideinfo

{

	margin: 50px 0 0 15px;

	padding: 0;

	color: #fff;

}



#sideinfo ul

{

	margin: 0 0 20px 0;

	padding: 0;

	list-style-type: none;

}



#sideinfo a { font-size: 14px; line-height: 16px; color: #fff; text-align: center; padding: 0; }

#sideinfo a { color: #fff; } 



p.question { background: url(../images/questions.gif) no-repeat 0 0; margin-top: 18px; font-size: 0; text-indent: -4000px; width: 218px; height: 89px; display: block;}



#content { float: right; display: inline; width: 587px; padding: 20px 45px 40px 30px; position: relative; text-align: left; }

#content h1 { text-indent: -2000px; font-size: 0.7em; font-weight: normal; letter-spacing: -0.02em; line-height: 1em; margin: 0; padding: 0; }



#content h2 { color: #099; font-size: 1.45em; font-weight: normal; line-height: 1.1em; margin: 0 0 20px; padding: 0; }

#content h3 { color: #006666; font-size: 1.3em; font-weight: normal; line-height: 1.1em; margin: 0 0 13px; padding: 0; }

#content h4 { line-height: 1.1em; margin: 0 0 10px; padding: 0; }

#content p { color: #666; font-size: 14px; line-height: 1.8em; margin: 0 0 13px; padding: 0; }

#content a { color: #099; font-weight: 500; text-decoration: underline; cursor: pointer; }

#content a:hover { color: #FFF; background: #099; }

#content a img { border: 0; }



#content ul {

list-style-type: square;

margin:0 0 10px 20px;

padding:0;

font-size: 1em;

color: #666;

}



#content ol {

margin:0 0 10px 30px;

padding:0;

font-size: 1em;

color: #666;

}



#content ul li, #content ol li {

	line-height: 1.85em;

	margin: 0 15px 7px 0;

	padding: 0;

}







.mainintro

{

	width: 587px;

	position: relative;

	left: 0px;

	margin: 0 0 10px 0;

	padding: 0;

}



.mainintro div.firstone {

float: left;

width: 256px;

margin: 0 16px 10px 0;

border-right: 0px;

padding: 0;

}



#homescroll {

float: right;

width: 315px; 

height: 211px; 

margin: 0 0 15px 0;

padding: 0px;

background-color:#009999;

}



.slideshow {

margin: 0px;

padding: 0px;

width: 315px;

height: 211px;

overflow: hidden;

}



.two-columnwrap {

width: 587px;

position: relative;

left: 0px;

margin: 0 0 40px 0;    

padding: 0 0 0 0;

}



.two-columnwrap div {

float: left;

width: 275px;

margin: 0 30px 20px 0;

border-right: 1px dotted #5D3C1D;

padding: 0;

}



.two-columnwrap div ul {

list-style-type: square;

margin:0 0 10px 20px;

padding:0;

}



.two-columnwrap div ul li

{

	font-size: 14px;

	line-height: 1.25em;

	margin: 0 15px 7px 0;

	padding: 0;

}



#content .two-columnwrap div p {

padding: 0;

}



.two-columnwrap div.lastone {

float: left;

width: 262px;

margin: 0 0 0 0;

border: 0px;

padding: 0;

}



.two-columnwrap-about {

width: 587px;

margin: 0 0 45px 35px;    

padding: 15px 0 0 0;

}



.content .two-columnwrap-about h2 {

font-size: 1.2em;

line-height: 1.4em;

margin: 0 0 4px 0;

padding: 5px 0 0 0;

color: #663B67;

}



.two-columnwrap-about p {

font-size: .75em;

line-height: 1.6em;

color: #707070;

margin: 0 15px 10px 0;

padding: 0;

}



.two-columnwrap-about h3 {

font-size: 1em;

line-height: 1.3em;

color: #7e8750;

margin: 0 0 8px 0;

padding: 0;

}



.f-left {

background-color:#009999;

border:0 none;

float:left;

margin:0 15px 10px 0;

padding:5px;

}



#main #content blockquote {
margin: auto;
padding:15px;
}



.quote { margin: auto; width:100%; }

p.quote1 { margin: 0; font-size: 0; line-height: 0; text-indent: -2000px; background: url(../images/quote1.gif) no-repeat 0 0; width: 520px; height: 63px; } 

p.quote2 { margin: 0; font-size: 0; line-height: 0; text-indent: -2000px; background: url(../images/quote2.gif) no-repeat 0 0; width: 520px; height: 63px; } 

p.quote3 { margin: 0; font-size: 0; line-height: 0; text-indent: -2000px; background: url(../images/quote3.gif) no-repeat 0 0; width: 520px; height: 63px; } 

p.quote4 { margin: 0; font-size: 0; line-height: 0; text-indent: -2000px; background: url(../images/quote4.gif) no-repeat 0 0; width: 520px; height: 63px; } 

p.quote5 { margin: 0; font-size: 0; line-height: 0; text-indent: -2000px; background: url(../images/quote5.gif) no-repeat 0 0; width: 520px; height: 63px; } 

.page-img { padding: 22px 0 0 90px; }

.page-img img { text-align: center; display: block; }



.page-title { position: absolute; left: 11px; top: 290px; }

.page-title h2 { background: url(../images/about-title.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; width: 106px; height: 95px; }



#page-bottom { background: url(../images/page-bottom.png) no-repeat 0 0; width: 917px; height: 7px; font-size: 0; line-height: 0; text-indent: -4000px; padding: 0 6px; align:left; float:left;}



#footer { font-size: 14px; line-height: 16px; color: #fff; text-align: left; padding: 10px 0 20px 10px; }

#footer a { color: #fff; } 

#footer span { padding-left: 5px; }



#contactform { 

			padding: 0;    

			margin: 0;

			font-size: 14px;

			line-height: 1.8em;

			color: #666;

	} 







.button

{

	border: thin #999 solid;

	height: 35px;

	width: 150px;

	margin-top: 15px;

	vertical-align: top;

	cursor: pointer;

	color: #333;

	font-weight: bold;

}

#contentwrap{
	width:100%;
}
#contentleftcol {
	width:50%;
	float: left;
}
#contentrightcol {
	width:50%;
	float: right;
}
.clientname{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-weight: bold;
font-style:italic;
margin: 10px 0;
color: #099;
}


.opentestimonial{ /*class added to contents of 2nd demo when they are open*/
font-style:italic;
font-weight:bold;
}

.closedtestimonial{ /*class added to contents of 2nd demo when they are closed*/
font-style:italic;
font-weight:bold;
}
.testimonial {
	margin-left:20px;
}
.headertestimonial h2 { color: #099; font-size: 1.45em; font-weight: normal; line-height:none; }
.accordion a {font-size: 8px; padding:0px; margin:0px;}