/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, fieldset, form, label, legend,
select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;
font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00357B; }

/* base layout */
body { }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
p { padding: 5px 0; margin: 0; }
img { border: 0; }
a { color: #00357B; }
a:hover { color: #00357B; }

h1 { color: #003679; font-size: 12px; }
/* common classes 
---------------------------------*/

.fl-left { float: left; }
.fl-right { float: right; }
.container { overflow: hidden; width: 100%; }

span.required { color: #DD0000; }
span.note { font-style: italic; font-size: 10px; }

/*shared*/
#body { background: #BEE4FF; }

#header { height: 64px; width: 908px; background: url(../images/header-bg.gif) no-repeat #FFF; padding: 27px 0 0 58px; margin: 4px 0 5px 0; }
#header a { display: block; width: 420px; height: 44px; text-decoration: none; float: left; background: url(../images/logo.gif) no-repeat; }
#header img { display: inline; float: right; margin: 21px 30px 0 0; }

#nav { width: 692px; float: left; height: 23px; background: #00357B; position:relative; z-index: 20; padding: 9px 0 0 59px; }

/*NAV*/
#nav ul { height: 17px; list-style:none; margin:0; padding: 0; }
#nav a { display: block; height: 17px; text-indent: -6000px; background-image:url(../images/nav.png); padding:0 10px; background-repeat: no-repeat;  }
#nav li.menu-cat { float: left; display: block; padding: 0 0 0 1px; background:url(../images/nav.png) -595px -70px no-repeat; }/*menu category styling*/
#nav li.menu-cat:first-child { padding-left: 0; background:none; }
#nav li:hover { position:relative; } /*hold flyout positioning*/

/*dropdown*/
#nav li ul { height: auto;}
#nav li ul a { padding: 3px 3px 3px 5px; color: #00357B; text-indent: 0; height: auto; text-decoration: none; background:none; } /*reset for dropdown */
#nav li ul a:hover { color: #00357B; } /*reset for dropdown */
#nav ul ul { position: absolute; top: 17px;left: 15px; width: 210px; z-index: 20; } /*dropdown properties*/
#nav li ul li {background: url(../images/dropdown-li-bg.png); border-bottom: 1px solid #DBE2EC; } /*needs border for ie6 fix??*/
#nav li ul li:hover {background: #FFF; }
#nav li.flyout { background: url(../images/dropdown-li-bg-flyout.png) no-repeat; }
#nav li.flyout:hover { background: url(../images/dropdown-li-bg-flyout-over.png) no-repeat; }
#nav li ul li ul {position: absolute; top: 2px; left: 160px; } /*flyout positioning *//*display/don't display*/
#nav ul ul,
#nav li:hover ul ul{display: none;} /*hide dropdown*/
#nav li:hover ul,
#nav ul ul li:hover ul{display: block; background: url(../images/dropdown-li-bg.png); } /*dropdown item properties NEEDS bg for IE 7 ??*/

#nav li#nav-services a{ background-position: 10px 2px; width: 60px; } 
#nav li#nav-services a:hover {background-position: 10px -15px; }
#nav li#nav-hearingaids a{ background-position: 10px -34px;  width: 93px; } 
#nav li#nav-hearingaids a:hover {background-position: 10px -51px; }
#nav li#nav-fmald a{background-position: 10px -70px; width: 80px; } 
#nav li#nav-fmald a:hover {background-position: 10px -87px; }
#nav li#nav-balanceanddizziness a{background-position: 10px -106px; width: 140px; } 
#nav li#nav-balanceanddizziness a:hover {background-position: 10px -123px; }
#nav li#nav-pediatrics a{background-position: 10px -142px; width: 67px; } 
#nav li#nav-pediatrics a:hover {background-position: 10px -159px; }
#nav li#nav-industrialtesting a{background-position: 10px -178px; width: 120px; } 
#nav li#nav-industrialtesting a:hover {background-position: 10px -195px; }

/*SIDENAV*/
#side-nav ul { margin:0;padding:0; list-style: none; } /*nav properties*/
#side-nav li.menu-cat { border-top: 1px solid #E6E9EB; padding: 8px 0 8px 30px; background:url(../images/nav.png) -575px 9px no-repeat; } /*menu category 
styling */
#side-nav li.menu-cat:first-child { }
#side-nav a { display: block; height: 16px; text-indent: -6000px; background-image:url(../images/nav.png); background-repeat: no-repeat; }

#side-nav li ul { height: auto; }
#side-nav li ul a { height: 17px; padding: 3px 3px 3px 5px; color: #00357B; text-indent: 0; text-decoration: none; background:none; } /*reset for dropdown */
#side-nav li ul a:hover { color: #00357B; } /*reset for dropdown */

#side-nav li ul li { border: solid #DFF1FD; border-width: 0 0 1px 0; }
#side-nav li ul li:hover { background: #FFF; }
#side-nav li:hover { position:relative; } /*hold flyout positioning*/
#side-nav ul ul { position: absolute;top: 10px;left: 120px; width: 190px; } /*dropdown properties*/
#side-nav ul ul ul { position: relative; top: 0px;left: 100%; width: 190px; } /*subsequent dropdown properties*/

#side-nav ul ul,
#side-nav li:hover ul ul{display: none;} /*hide dropdown*/

#side-nav li:hover ul,
#side-nav ul ul li:hover ul{display: block; background: #DFF1FD; } /*dropdown item properties*/

#side-nav li#nav-home a { background-position: -551px -149px; }
#side-nav li#nav-home a:hover { background-position: -551px -165px; }
#side-nav li#nav-aboutus a {  background-position: -528px -185px; }
#side-nav li#nav-aboutus a:hover {  background-position: -528px -201px; }
#side-nav li#nav-ourstaff a{ background-position: -530px -220px; }
#side-nav li#nav-ourstaff a:hover {  background-position: -530px -236px; }
#side-nav li#nav-newsletters a{ background-position: -513px -257px; }
#side-nav li#nav-newsletters a:hover { background-position: -513px -273px; }
#side-nav li#nav-forms a{ background-position: -551px -293px; }
#side-nav li#nav-forms a:hover { background-position: -551px -309px; }
#side-nav li#nav-annstadelmaier a { background-position: -320px -329px; }
#side-nav li#nav-annstadelmaier a:hover { background-position: -320px -345px; }
#side-nav li#nav-contactus a{ background-position: -516px -365px; }
#side-nav li#nav-contactus a:hover { background-position: -516px -381px; }

#search-blank { float: left; width: 162px; height: 25px; padding: 7px 0 0 52px; background: #00357B; }
/*search*/
form#search { float: left; width: 162px; height: 25px; padding: 7px 0 0 52px; background: #00357B url(../images/search-bg.gif) no-repeat 0 10px; }
form#search input.text { width: 114px; height: 13px; padding: 2px; background: #DBE2EC; vertical-align: top; }
form#search input.image { margin: 3px 0 0 6px; vertical-align: top; }

#footer { width: 932px; background: url(../images/footer-bg.gif) no-repeat right #FFF; height: 26px; padding: 0 0 0 34px; margin: 0 0 7px 0; }


/*shell home*/
#shell-home { text-align: left; width: 966px; }
#shell-home div#content-top { clear: both; overflow: hidden; margin: 0 0 6px 0; background: #FFF; border-bottom: 1px solid #FFF; }
#shell-home div#content-top div#side-nav { float: left; width: 310px; margin: 16px 0 0 17px; border-bottom: 1px solid #E6E9EB; }
/*#shell-home img#photo { float: right; width: 567px; height: 258px; border: 1px solid #FFF; }*/
#shell-home ul#portfolio { float: right; width: 567px; height: 258px; border: solid #FFF; border-width: 1px 1px 0 0; padding: 0; margin: 0; list-style: none; }
#shell-home div#welcome { background: url(../images/welcome-bg.gif) no-repeat #5F7280; height: 23px; padding: 7px 0 0 396px; width: 570px; }
#shell-home div#content { width: auto; min-height: 180px; overflow: hidden; background: url(../images/content-bg.png) no-repeat 27px 25px #FFF; padding: 25px 30px 0 0; }
* html #shell-home div#content { height: 180px; }
#shell-home div#content div.text { width: 539px; float: right; }

.addresses { width:302px; float: left; }
.home-address { display: block; text-indent: -6000px; width: 302px; height: 65px; }

/*shell internal */
#shell-internal { text-align: left; width: 966px; }
#shell-internal div#content { clear: both; overflow: hidden; width: 966px; background: #FFF; }
#shell-internal div#content div.left { float: left; display: inline; width: 266px; margin: 18px 0 0 11px; }
#shell-internal div#content div#side-nav { margin: 0 0 19px 0; border-bottom: 1px solid #E6E9EB; }
#shell-internal div#content div.right { float: right; display:inline; width: 682px; margin: 0 2px 0 0; background: #FFF; padding: 2px 0 18px 0; line-height: 150%; }
#shell-internal div#content div.right div.title { color: #FFF; font-size: 24px; font-family: Arial, Helvetica, sans-serif; margin: 2px 0 0 0; background: #5F7280; height: 28px; padding: 5px 0 0 15px; line-height: 100%; }
#shell-internal div#content div.right div.text { margin: 17px 13px 0 0; padding: 0px 20px;min-height: 483px; }
* html #shell-internal div#content div.right div.text { height: 483px; }
div.text img{ padding: 6px 6px 6px 0px; }

.text li{
	margin-left: 25px;
	line-height: 150%;
}

.text p
{ 
line-height: 150%;
}  

/*forms */
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #D0D9E2; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #D0D9E2; }
#content-form input.button { padding: 2px; background: #00357B; color: #FFF; }

/*SIDE NAVIGATION */
/*
#side-nav h2 { text-indent: -6000px; margin: 0;background: url(../images/nav-bg.gif) no-repeat 8px 9px; border-bottom: 1px solid #E6E9EB; padding: 8px 0 0 31px; position:relative; z-index: 1; }
#side-nav ul { list-style: none; }
#side-nav li { position: relative; padding: 0 0 0 3px;margin:0; height: 21px; }
#side-nav li ul li a { font: bold 11px/16px; padding: 0;margin:0; display: block; background: #330000; }
#side-nav li ul li a:hover {}

#side-nav ul li ul { position: absolute; z-index: 200; top: 5px; left: 50px; width: 200px; background:#eeeeee; }

#side-nav ul li ul,
#side-nav ul li ul ul,
#side-nav ul li ul li:hover ul ul{display: none;}

#side-nav ul li:hover ul,
#side-nav ul li ul li:hover ul,
#side-nav ul li ul ul li:hover ul{display: block;}
*/