/****************************************************************************

Author: Dan Hoy
Development by: stirgroup.com
Last updated: 

*****************************************************************************/

/* BASE STYLE & STRUCTURE ********************************************************************/
*{
margin:0;
padding:0;
}
body{
background:#f7f7f6 url(../img/body.gif) repeat-y center center;
font:12px Helvetica, sans-serif;
color:#555864;
}
p{
line-height:20px;
}
ul{
list-style:none;
}
a{
outline:none;
}
img{
display:block;
}
.clearFix{
clear:both;
}
/* HEADER ************************************************************/
#header{
width:99.9%;
position:relative;
background:url(../img/banner.gif) repeat-x;
}
#headerContent{
width:960px;
height:97px;
margin:0 auto;
position:relative;
background:url(../img/banner.jpg) no-repeat;
left:-5px;
}
#header a{
text-indent:-9999px;
display:block;
}
#header h1 a{
position:absolute;
width:196px;
height:51px;
background:url(../img/logo.gif) no-repeat left top;
left:172px;
top:20px;
}
#header a#pdf{
position:absolute;
width:187px;
height:18px;
line-height:18px;
background:url(../img/calls_to_action/download_igs_brochure.gif) bottom;
right:196px;
top:30px;
}
#header a#pdf:hover{
background-position:top;
}
#header a#consan{
position:absolute;
width:236px;
height:21px;
line-height:21px;
background:url(../img/calls_to_action/download_consanguinity_chart.gif) bottom;
right:196px;
top:51px;
}
#header a#consan:hover{
background-position:top;
}
#header a#phone{
position:absolute;
width:145px;
height:35px;
background:url(../img/calls_to_action/toll_free.gif);
right:9px;
top:33px;
}

/* CONTENT ************************************************************/
#wrap{
width:960px;
margin:0 auto;
position:relative;
left:-5px;
background:url(../img/wrap.gif) repeat-y center center;
}
/*Main Navigation*/
div#cat_403327_divs{
margin-top:40px;
float:left;
}
#nav_403327{
float:left;
}
#nav_403327 a{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#11546e;
display:block;
width:156px;
padding-left:11px;
height:41px;
line-height:41px;
background:url(../img/nav/mainNav.gif) no-repeat bottom center;
text-decoration:none;
}
#nav_403327 li#navHome a{
background:url(../img/nav/mainNav_home.gif);
}
#homePg #nav_403327 li#navHome a, #nav_403327 li#navHome a:hover{
background:url(../img/nav/mainNav_active_home.gif);
}
#nav_403327 li.selected a, #nav_403327 a:hover{
background:url(../img/nav/mainNav_active.gif);
}
#nav_403327 ul{
display:none;
}
#nav_403327 li.selected ul{
background:url(../img/nav/mainNavWSub_UL.gif) bottom;
padding:8px 0 10px 0;
margin-top:-2px;
display:block;
}
#cat_403327_divs #nav_403327 ul li a{
font-size:11px;
background:none;
height:18px;
line-height:18px;
display:block;
width:149px;
padding:1px 4px;
margin-left:10px;
}
#cat_403327_divs #nav_403327 ul li a:hover{
text-decoration:underline;
}
#content{
width:775px;
float:right;
margin:10px 0 30px 0;
}
#homePg #content{
margin-top:30px;
}
#tabbedContent{
width:749px;
float:right;
margin:38px 10px 30px 0;
}
/*FEATURE SLIDESHOW*/
#featureNav{
width:100px;
height:20px;
position:absolute;
bottom:20px;
left:50px;
z-index:3;
}
#featureNav a{
text-decoration: none;
width:17px;
height:17px;
line-height:16px;
text-indent:-9999px;
display:block;
float:left;
background:url(../img/since_02.gif) no-repeat 100px top;/*ie6&7 need a bg for the hover to work*/
}
#featureNav a.activeSlide{
width:23px;
}
#featureNav a:focus{
outline: none;
}
#features{
width:775px;
height:251px;
background:url(../img/feature_bg.jpg);
position:relative;
}
#features p#since{
width:84px;
height:71px;
position:absolute;
z-index:2;
text-indent:-9999px;
background:url(../img/since_02.gif);
}
#features p.hContent{
text-indent:-9999px;
position:absolute;
}
#slideshow{
position:absolute;
width:775px;
height:251px;
z-index:1;
}
#slideshow img{
margin:9px 0 0 14px;
}
p a{
outline:none;
color:#d27333;
border-bottom:1px dotted #e0a57c;
text-decoration:none;
}
p a:hover{
border-bottom:1px solid #d27333;
}

/*Main Content*/
#homePg #mainContent{
margin:28px 0 0 12px;
}
#mainContent{
width:490px;
float:left;
margin:28px 0 0 14px;
display:inline;
}
#mainContent p.introHeading{
font-size:16px;
color:#11546e;
line-height:22px;
margin-bottom: -2px;
}
#mainContent p.introHeading strong{
font-size:17px;
background:#E1F8FE;
padding:0 3px;
}
a.learnMore{
font-size:12px;
margin-left:4px;
}
#homePg #mainContent h2{
font-size:15px;
margin:24px 0 7px 0;
background:none;
}
#mainContent h2, #tabbedContent h2{
font-size:20px;
color:#11546e;
font-weight:normal;
padding-bottom:5px;
margin:0 0 20px 0;
background:url(../img/wide_dot.gif) repeat-x bottom;
}
#mainContent h3{
font-size:16px;
color:#11546e;
font-weight:normal;
margin:22px 0 10px 0;
}
#mainContent p{
margin-bottom:10px;
}
#mainContent li{
padding-left:20px;
background:url(../img/arrow_bullet_01.gif) no-repeat 2px 9px;
line-height:26px;
}
#mainContent li a{
color:#177597;
border-bottom:1px dotted #9DB1D0;
text-decoration:none;
}
#mainContent li a:hover{
border-bottom:1px solid #448FA6;
}
/*Sub Content*/
#subContent{
width:247px;
float:right;
margin:28px 0 0 0;
}
#subContent a.actionLinks{
display:block;
text-indent:-9999px;
width:247px;
height:58px;
margin-bottom:12px;
}
#subContent a.actionLinks:hover{
background-position:bottom;
}
#subContent .quote{
width:235px;
padding:10px 0 0 12px;
margin:-10px 0 8px -2px;
font: italic 18px Goergia, "Times New Roman", Times, serif;
color:#8b8b8b;
color:#9A9A9A;
line-height:26px;
background:url(../img/quote.gif) no-repeat left top;
}
.quoteInfo{
font:normal 11px Arial, Helvetica, sans-serif;
color:#8b8b8b;
text-align:right;
margin:6px 11px 20px 0;
}
.quoteInfo em{
font-size:13px;
}
#subContent .quoteInfo a{
color:#d27333;
text-decoration:none;
border:none;
margin-left:4px;
background:url(../img/lil_arrow.gif) no-repeat right 5px;
padding-right:6px;
}
#subContent .quoteInfo a:hover{
border:none;
}
a.requestQuote{
background:url(../img/calls_to_action/request_quote.gif);
}
a.caseStudies{
background:url(../img/calls_to_action/view_case_studies.gif);
}
#subContent form{
width:229px;
height:174px;
background:url(../img/calls_to_action/newsletter_box.gif) no-repeat;
position:relative;
padding:44px 0 0 22px;
}
#subContent form h3{
text-indent:-9999px;
width:203px;
height:13px;
line-height:13px;
background:url(../img/calls_to_action/subscribe_heading.gif);
position:absolute;
top:17px;
left:22px;
}
#subContent form fieldset{
width:auto;
border:none;
}
#subContent form input.fields{
width:198px;
height:17px;
padding:5px 4px 3px 4px;
border:1px solid #B6D4D2;
border:1px solid #AFD0DA;
background:#fff url(../img/text_fields.gif) repeat-x;
margin-bottom:8px;
color:#666666;
font-size:14px;
}
#subContent form input.fields:focus{
border:1px solid #94C0CD;
border:1px solid #8EBCCA;
background:#fff;
}
#subContent label{
line-height:16px;
color:#3F8AA7;
}
form #submitBtn{
display:block;
padding:6px 4px;
border:1px solid transparent;
position:absolute;
top:150px;
right:20px;
}
form #submitBtn:hover{
border:1px solid #94C0CD;
background:#fff;
}
/* FOOTER ********************************************************************/
#secondaryContentWrap{
width:99.9%;
height:217px;
background:#F2F0F1 url(../img/footer_info.gif) repeat-x;
position:relative;
clear:both;
padding:0 0 10px 0;
}
#secondaryContent{
width:960px;
margin:0 auto;
height:227px;
background:url(../img/footer_divider.gif) no-repeat 162px center;
}
#secondaryContent h4{
background:#fdfbfc;
color:#868485;
font-size:15px;
font-weight:normal;
display:inline;
padding:2px;
}
#secondaryContent #clients{
float:left;
display:inline;
margin:0 0 0 162px;
border-right:none;
height:192px;
width:524px;
padding:35px 0 0 28px;
}
#clients img{
margin:22px 0 0 -4px;
}
#secondaryContent #search{
float:left;
display:inline;
padding:35px 0 0 16px;
border-left:none;
height:192px;
width:212px;
background:url(../img/footer_divider.gif) no-repeat left center;
position:relative;
}
#search form{
position:relative;
width:212px;
border:1px solid #F2F0F1;
}
#search fieldset{
border:none;
}
#search form input.fields{
width:164px;
height:17px;
padding:5px 4px 3px 4px;
border:1px solid #CFCDCE;
background:#fff url(../img/text_fields.gif) repeat-x;
margin-bottom:8px;
color:#666666;
color:#D65D18;
font-size:14px;
margin-top:24px;
}
#search form input.fields:focus{
border:1px solid #A1A1A1;
background:#fff;
}
#search input#searchBtn{
position:absolute;
right:5px;
top:25px;
}
#search a{
display:block;
text-indent:-9999px;
float:left;
border:none;
margin:14px 11px 0 2px;
}
a#aba{
width:36px;
height:39px;
background:url(../img/aba.gif);
}
a#bbb{
width:24px;
height:38px;
background:url(../img/bbb.gif);
}
#search a#aba:hover, #search a#bbb:hover{
background-position:bottom;
}
#footerWrap{
width:99.9%;
height:96px;
border-top:1px solid #9C9A9B;
background:#acacac;
}
#footer{
width:960px;
height:90px;
margin:0 auto;
position:relative;
}
#footer p{
color:#dfdfdf;
font-size:11px;
margin:14px 0 0 180px;
float:left;
display:inline;
}
#footer a{
color:#dfdfdf;
font-size:11px;
border-bottom:1px dotted #DBDBDB;
margin-left:8px;
}
#footer a:hover{
border-bottom:1px solid #dfdfdf;
}
#footer #stirLink{
position:absolute;
right:94px;
top:14px;
display:block;
width:135px;
height:18px;
background:url(../img/stirsuite.gif) no-repeat;
text-indent:-9999px;
border:none;
}
#footer #stirLink:hover{
background-position:bottom;
}


/* TABBED INTERFACE ********************************************************************/


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
width:749px;
height:39px;
background:url(../img/service_tabs/tabs_nav_bg.gif) no-repeat;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li{
float:left;
}
.ui-tabs-nav a.firstTabLink{
margin-left:5px;
}
.ui-tabs-nav a{
float:left;
display: inline;
width:120px;
height:39px;
line-height:40px;
margin:0 0 0 4px;
color: #27537a;
font-weight: bold;
text-align: center;
white-space: nowrap; /* required in IE 6 */ 
text-decoration:none;
}
.ui-tabs-nav .ui-tabs-selected a {
color: #fff;
background:url(../img/service_tabs/tabs_active_2.gif) no-repeat left 5px;
cursor:default;
}
.ui-tabs-nav a:hover{
text-decoration:underline;
}
.ui-tabs-nav .ui-tabs-selected a:hover {
text-decoration:none;
}
.ui-tabs-panel {
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
margin-top:20px;
}
#services{
position:relative;
}
.servicesTable{
border:none;
width:749px;
}
.servicesTable td{
width:145px;
height:70px;
background:url(../img/service_tabs/cel-02.gif) no-repeat center center;
text-align:center;
font-size:13px;
color:#939393;
}
.servicesTable td.activeCel{
/*font-weight:bold;*/
color:#27537a;
background:url(../img/service_tabs/active_cel.gif) no-repeat center center;
}
.servicesTable td#decedent{
font-weight:bold;
font-size:14px;
color:#27537a;
background:url(../img/service_tabs/cel_decedent.gif) no-repeat center center;
}
.servicesTable td.noStyle{
background:none;
}
#services p{
color:#BD3C15;
font-size:14px;
position:absolute;
top:78px;
left:7px;
}
#services a.consanChart{
display:block;
width:239px;
height:45px;
background:url(../img/service_tabs/consanguinity.gif) no-repeat left top;
text-indent:-9999px;
position:absolute;
top:148px;
left:7px;
}
#services a.consanChart:hover{
background-position:bottom;
}
#services{
min-height:500px;
height:auto !important;
height:580px;
}