/*****  FONT AND TYPE STYLES  *****/

body, input {font: 100%/1.4 verdana,geneva,lucinda,arial,sans-serif; color: #000;}
body {background: #266e9d url(/images/backgrounds/page_bg.jpg) repeat-x;}

/***********************************************************************************************************/
/**********************                                             GLOBAL STLES                                                           *******************/
/***********************************************************************************************************/
a {text-decoration: none; color: #056d9a;}
a:hover, a:focus {text-decoration: underline;}

body, form, label, input, h1, h2, h3, h4, ul, li, p {margin: 0; padding: 0;}
img a {border: 0;}

/*ul {list-style: none;}*/


/***********************************************************************************************************/
/**********************                                             FRAME/LAYOUT                                                          *******************/
/***********************************************************************************************************/
#frame {
 position: absolute; 
 top: 8px; left: 50%; 
 width: 992px; 
 margin-left: -496px; 
 background: #fff; 
 border: 1px solid #040f16; 
 text-align: center;
 }

#wrapper {
 width: 935px; 
 margin: 5px auto 0; 
 text-align: left;
 }

#wrapper {font-size: 62.5%;}
 
/***********************************************************************************************************/
/**********************                                             HEADER                                                                        *******************/
/***********************************************************************************************************/

h1.logo {
 position: absolute; 
 top: 15px; 
 left: 40px; 
 width: 175px; 
 height: 49px; 
 background: url(/images/misc/logo.gif) no-repeat; 
 text-indent: -9000px; 
 z-index: 3;
 }

h1.logo a {
 display: block; 
 height: 49px; 
 background: url(/images/misc/logo.gif) no-repeat;
 }

#banner {
 width: 935px; 
 height: 307px; 
 background: url(/images/home/home_banner_bg.jpg) no-repeat bottom; 
 position: relative;
 }

* html #banner {z-index: -1;}

#banner h2 {text-indent: -5000px;}

#banner .box {
 position: absolute; 
 top: 202px; 
 left: 31px; 
 background: url(/images/home/pearl_box_bottom.jpg) no-repeat bottom; 
 width: 392px; 
 min-height: 30px;
}

#banner .box p {
 width: 392px; w\idth: 352px; 
 color: #fff; 
 font-size: 1.6em; 
 font-weight: bold; 
 padding: 3px 10px 3px 30px; 
 text-decoration: none; 
 background: url(/images/home/pearl_box_top.jpg) no-repeat top;
 }
 
#banner .box a {
 color: #fff; text-decoration: none;
}

#banner .box a:hover {
 color: #ff9833;
}

/*utilities */
#utility {
 background: #000 url(/images/backgrounds/corner_bl.gif) no-repeat bottom left; 
 height: 3em; 
 width: 730px; 
 margin: 5px 0 10px 205px;
 color: #fc3; 
 font-weight: bold; 
 font-size: 1.1em;
 line-height: 1.0;
 }

#utility .box {
 background: url(/images/backgrounds/corner_br.gif) no-repeat bottom right; 
 height: 3em; 
 width: 730px;
 text-align: center!important;
}

#utility a, #utility label {
 color: #fff; 
 font-weight: normal;
 }

#utility a:hover {
 color: #fc3;
}

#utility a, #utility .current a{
 display: block; 
 background: #000 url(/images/navs/dots_black.gif) repeat-y right; 
 margin: 1em 0em; 
 padding: 0 2.4em;
 text-align: center;
 }
 
#utility ul li.current a {
 font-weight: bold;
 color: #fc3;
}

#utility ul {
 list-style: none; 
 margin-left: 5px;
 text-align: center !important;
 float: left;
 width: 100%;
}
 
#utility li {
 float: left; 
}

 #utility form {
 position: relative; top: 0.5em;
}

#utility .search {
 padding: 0 10px !important;
 }

#utility .search label, #header .search input {
 vertical-align: bottom;
}

#utility input {
 border: none; 
 background: #e2e2e2; 
 color: #000; 
 height: 1.5em; 
 margin-left: 0.3em; 
 padding: 0 0.2em; 
 position: relative; 
 top: 0.2em; 
 left: 0.2em;
 }

#utility .submit {
 background: #fc3;
 font-weight: bold;
 font-size: .95em;
 }

#banner {clear: both;}

/***********************************************************************************************************/
/**********************                                             BREADCRUMBS                                                          *******************/
/***********************************************************************************************************/

/* #breadcrumbs {padding: 10px 15px 20px;}*/
#breadcrumbs {font-size: 1.2em;}
#breadcrumbs, #breadcrumbs a {color: #006ec3;}
#breadcrumbs {border-bottom: 3px solid #ccc;  padding: 0 15px 12px 15px; margin-bottom: 10px;}
#breadcrumbs a.current { font-size: 1.3em; font-weight: bold; color: #000; text-decoration: none!important;}

/***********************************************************************************************************/
/**********************                                             GLOBAL NAVIGATION                                              *******************/
/***********************************************************************************************************/
* html #nav li {position: relative; top: 9px; display: inline; }

* html #nav ul li {position: static;}

* html #nav li ul ul {margin-left: 118px;}

* html #nav li.sfhover li {height: 1%}

#nav {
list-style: none!important;
 font-size: 1.4em; 
 font-weight: bold;
 list-style: none;
 height: 1.4em; 
 border-right: 2px solid #ccc; 
 border-bottom: 9px solid #ccc;
 clear: both;
 float: right;
}

#nav a {
 color: #000;
 display: block; 
 width: 120px; 
 text-align: center; 
 border-bottom: 8px solid #ccc;
}

#nav li {
float: right;
 border-left: 2px solid #ccc;
 }
 
#nav a:hover, #nav .current a, #nav li:hover a, #nav ul li:hover li a, #nav li.sfhover a, #nav ul li.sfhover li a {
 text-decoration: none; color: #0080c6;
 list-style: none!important;
}

#nav a:hover, #nav .current a, #nav li:hover a, #nav li.sfhover a {
 border-bottom: 8px solid #0080c6;
}

/***** DROPDOWN **************/
/******************************/

 #nav li ul {
 position: absolute; 
 left: -999em; background: #fff; 
 border: 2px solid #0080c6; z-index: 100;
 border-bottom: 1px solid #0080c6;
 font-size: 0.8em; 
 font-weight: normal;
 list-style: none!important;
}
 
#nav ul li {
 float: none; 
 border: none;
 font-weight:bold;
}
#nav li ul li a, #nav li.current ul li a{
   width: 200px;
   font-weight: bold;
   padding: 6px 10px;
   color: #0080c6;
   margin-bottom: 0!important;
   display: block;
   background: #fff;
   text-align: left;
   border-bottom: 1px solid #0080c6!important;
}

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

#nav ul li:hover, #nav ul li.sfhover {
 background: #0080c6;
}

#nav ul li:hover a, #nav ul li:hover a:hover, #nav ul li.sfhover a, #nav ul li.sfhover a:hover {
 color: #fff;
 background: #0080c6;
}
/*
#nav li ul ul {
 margin: -3.3em 0 0 116px;
}
*/

#nav li ul li ul {
 font-size: 1.0em;
}
/*
#nav ul a {text-align: left; width: 118px; w\idth: 108px; border: none; padding: 10px 5px;}
*/
/*
#nav ul a {text-align: left;  border: none;  border-bottom: 1px solid #0080c6!important; }
*/
#nav ul a:hover, #nav ul .current a {
 border: none;
}

#nav li:hover ul a, #nav li.sfhover ul a {
 border: none;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
 left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}

#nav li:hover ul li, #nav li li:hover ul li, #nav li.sfhover ul li, #nav li li.sfhover ul li {

}

/***********************************************************************************************************/
/**********************                                     SUB/LOCAL  NAVIGATION                                             *******************/
/***********************************************************************************************************/
/*
#subnav {
 border-top: 8px solid #fc3; 
 width: 202px; float: left; 
 margin: 8px 0 30px 0px;
}
*/
#subnav {
width: 202px;
margin-bottom: 20px;
}

#subnav h3 {
 padding: 10px !important; 
 margin: 0 !important;
 background: #f1f1f1 url(/images/navs/gradient.jpg) repeat-x top;
 color: #2e7db1; 
 font-size: 1.5em; 
 font-weight: bold; 
 line-height: 1.0;
}

#subnav .current a, #subnav a:hover {
 color: #0080c6; 
 text-decoration: none;
}

#subnav ul {
 list-style: none;
 background: #f1f1f1 url(/images/backgrounds/dots_gray.gif) repeat-x 0 0; 
 padding-top: 2px;
 /*background: #f1f1f1 url(/images/navs/dots_gray.gif) repeat-x top;*/
}

* html #subnav a {width: 202px; w\idth: 182px;} 

#subnav li:hover ul a, #subnav li.sfhover ul a {
 color: #000;
}

#subnav .current a, #subnav a:hover, #subnav li:hover ul a:hover, #subnav li.sfhover ul a:hover {
 background: #cce6f4;
}

#subnav ul li {
  display: inline; 
  line-height: 120%;
}

#subnav ul li a {
  font-size: 1.1em;
  display: block;
  background: #f1f1f1;
  padding: 8px 10px 8px 10px;
  border-bottom: 2px solid #fff;
  color: #010101;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  display: block;
}

#subnav ul li a {padding-right: 10px; voice-family: "\"}\""; voice-family:inherit; padding-right: 10px;}
html>body #subnav ul li a {padding-right: 5px;}

#subnav ul li ul {
 background: none;
 margin: 0 0 0 10px;
 padding: 0;
}

#subnav ul li ul, #subnav ul li.current ul {
 border: none;
 margin: 0!important;
 margin-top: 0px!important;
 padding: 0px;
 border-bottom: 2px solid #fff;
 background: #e4ecf1;
 background-image: none;
}

#subnav ul li ul li a, #subnav ul li.current ul li a {
  font-size: 1em;
  border: none;
  padding: 8px 0 8px 20px; 
  display: block;
  color: #0080c6;
  background: #e4ecf1 url(/images/navs/sub_arrow_off.gif) no-repeat 10px 10px;
  font-weight: normal;
  line-height: 100%;

}

#subnav ul li ul li a:hover, #subnav ul li.current ul li a:hover{
 color: #d7592f;
 font-weight: bold;
 border: none;
 background: #e4ecf1 url(/images/navs/sub_arrow_on.gif) no-repeat 10px 10px;
}

#subnav ul li ul li.current a, #subnav ul li.current ul li.current a{
 color: #d7592f;
 font-weight: bold;
 border: none; 
 background: #e4ecf1 url(/images/navs/sub_arrow_on.gif) no-repeat 10px 10px;
}


#subnav ul li ul li.current a:hover, #subnav ul li ul li a:hover{
 background: #e4ecf1 url(/images/navs/sub_arrow_on.gif) no-repeat 10px 10px !important;
}

/***********************************************************************************************************/
/**********************                                            PRIMARY CONTENT                                                     *******************/
/***********************************************************************************************************/

#content h1, #content h2, #content h3, #content h4, #content p , #content table {
 margin-bottom: 15px;
 }
 
#content ul {
 margin: 0px 0 10px 15px;
}

#content li {
 margin: 0; 
 padding: 0 0 7px 0px;
}

#twoColLayout #content h2 {
 font: bold 1.6em/1.0 helvetica,arial,verdana,geneva,lucinda,sans-serif;
 color: #c63100;
 }
 
#twoColLayout #primary {
 width: 702px; 
 float: left; 
 border-top: 8px solid #ccc; 
 margin: 8px 0;
}

#twoColLayout #content {
 width: 445px; 
 float:  left;  
 font-size: 1.2em; 
 line-height: 1.5em; 
 padding: 15px 15px 10px 15px;
}

#threeColLayout #primary #content {
 padding: 0 15px 15px 15px; 
 font-size: 1.2em; 
 line-height: 1.5em;
}

#threeColLayout #primary_wide #content {
 padding: 0 0px 15px 15px; 
 font-size: 1.2em; 
 line-height: 1.5em;
}

#threeColLayout #primary_wide #content, #threeColLayout #primary_full #content{
 padding: 0 0px 15px 15px; 
 font-size: 1.2em; 
 line-height: 1.5em;
}

#threeColLayout #primary h2, #threeColLayout #primary_wide h2, #threeColLayout #primary_full h2 {
 font-size: 1.6em;
 }
 
#threeColLayout #primary {
 width: 477px; 
 float: left; 
 margin: 20px 0 0 220px; 
 margin: 20px 0 0 15px;
 display: inline;
}

#threeColLayout #primary_wide {
 width: 715px; 
 float: right; 
 margin: 20px 0 0 0px; 
 display: inline;
}

#threeColLayout #primary_full {
 width: 100%; 
 margin: 20px 0 0 0px; 
 float: left;
 display: inline;
}

#threeColLayout #primary h2#title {
 border-bottom: 3px solid #ccc; 
 padding: 0 15px 10px 15px;
}

#threeColLayout #primary_wide h2#title, #threeColLayout #primary_full h2#title {
 border-bottom: 3px solid #ccc; 
 padding: 0 15px 10px 15px;
}

/*#threeColLayout #content img {
 float: right;
 margin: 0 10px 10px 10px;
}*/

/* ACIONON HOME PAGE */

#twoColLayout #action {
 width: 222px; 
 float: right;
}

#action {
 background: #f1f1f1 url(/images/home/action_bg.jpg) repeat-x top; 
 margin: 10px 0;
}

#action li {
 list-style: none; 
 background: url(/images/backgrounds/dots_gray.gif) repeat-x bottom; padding: 15px 0;
}

#action a {
 font: bold 2em/1.0 helvetica,arial,verdana,geneva,lucinda,sans-serif;
 display: block; 
 width:222px; w\idth: 158px; 
 padding: 10px 0 10px 64px;
 }
 
#action a:hover {
 text-decoration: none; 
}

#tools a {
 color: #063;
 background: url(/images/home/specs_bg2.gif) no-repeat 10px 50%;
}

#tools a:hover {
 background-color: #e2e2e2;
}

#process a {
 color: #036;
 background: url(/images/home/tour_bg2.gif) no-repeat 10px 50%;
}

#process a:hover {
 background-color: #e2e2e2;
}

#difference a {
 color: #4a4a77;
 background: url(/images/home/info_bg2.gif) no-repeat 10px 50%;
}

#difference a:hover {
 background-color: #e2e2e2;
}

#outcomes a {
 color: #900;
 background: url(/images/home/try_bg2.gif) no-repeat 10px 50%;
}

#outcomes a:hover {
 background-color: #e2e2e2;
}

/***********************************************************************************************************/
/**********************                                         SECONDARY     /SIDEBAR                                           *******************/
/***********************************************************************************************************/

#secondary h1, #secondary h2, #secondary h3, #secondary h4, #secondary p, #secondary table {
 margin-bottom: 15px;
}

#secondary_left h1, #secondary_left h2, #secondary_left h3, #secondary_left h4, #secondary_left p, #secondary_left table {
 margin-bottom: 15px;
}
#secondary ul {
 margin: 0px 0 10px 15px;
}

#secondary li, #secondary_left li {
 margin: 0; 
 padding: 0 0 7px 0px;
}

#secondary {
 width: 216px; 
 float: right; 
 border-top: 8px solid #2e7db1; 
 margin: 8px 0; 
 padding: 0;
 color: #2e7db1; 
 font-size: 1.1em;
}

#secondary_left{
 border-top: 8px solid #fc3; 
 width: 202px; float: left; 
 /*margin: 8px 0 30px -697px;*/
 margin: 8px 0 30px 0px;
 font-size: 1.1em;
}

#secondary a, #secondary_left a {font-weight: bold;}

#secondary .content, #secondary_left .content {
 padding: 10px 0;
}

/*sidebar items */
#secondary .content .inner, #secondary_left .content .inner {
 padding: 0 10px;
}

/* News Features  */
.news_features { 
 margin-bottom: 15px;
}

.news_features h3.subtitle {
 font: bold 1.6em/1.0 helvetica,arial,verdana,geneva,lucinda,sans-serif;
 padding: 0 10px 10px 10px; 
 background: url(/images/backgrounds/dots_white.gif) repeat-x bottom;
}

/* featured content */
.featured_content {
 margin-bottom: 15px;
}

.featured_content h3.subtitle {
 font: bold 1.6em/1.0 helvetica,arial,verdana,geneva,lucinda,sans-serif;
 padding: 0 10px 10px 10px; 
 background: url(/images/backgrounds/dots_white.gif) repeat-x bottom;
}

/*quote on the sidebar */

.quote {
 margin-bottom: 15px;
 background: url(/images/backgrounds/quote-end.gif) no-repeat 100% 100%; 
 padding: 0 0 10px 0;
 display: block;
 }

.quote h3.subtitle {
 height: 10px; 
 background: url(/images/backgrounds/dots_white.gif) repeat-x 0 100%;
 }
 
.quote .inner {
 font: 1.6em helvetica,arial,verdana,geneva,lucinda,sans-serif;
 color: #666;
 background: url(/images/backgrounds/quote-begin.gif) no-repeat 0 0; 
 padding: 12px 15px 0px 30px !important;
 }


/***********************************************************************************************************/
/**********************                                         LIST                                                                               *******************/
/***********************************************************************************************************/
ul.blue_arrow {
 margin: 5px 0 10px 0!important;
 padding: 0;
 list-style: none;
}

ul.blue_arrow li {
 list-style: none;
 background: url(/images/misc/arrow.gif) no-repeat 0 .3em;
 padding: 0 0 10px 15px !important;
 margin-left: 2px;
 text-decoration: none;
}

ul.sitemap {
 margin: 5px 0!important;
 padding: 0;
 list-style: none;
}

ul.sitemap li {
 list-style: none;
 background: url(/images/misc/arrow.gif) no-repeat 0 5px;
 padding: 0 0 10px 15px !important;
 margin-left: 2px;
 text-decoration: none;
 font-weight: bold;
}

ul.sitemap ul, ul.sitemap ul ul {
margin: 2px 0 !important;
list-style: none;
}


ul.sitemap ul ul {
margin-left: 20px;
}

ul.sitemap ul li {
 list-style: none;
 background: url(/images/misc/arrow.gif) no-repeat 0 6px;
 font-weight: normal !important;
 margin-top: 0px !important;
 padding-bottom: 3px;
}

ul.sitemap ul li  ul li {
 background: url(/images/misc/blue_dot.gif) no-repeat 0 8px;
 margin-left: 27px;
 padding-left: 30px;
 font-weight: normal !important;
 margin-bottom: 0!important;
 padding-bottom: 0!important;
 font-size: .9em;
}

/***********************************************************************************************************/
/**********************                                            FOOTER                                                                           *******************/
/***********************************************************************************************************/
#footer {
 clear: both; 
 border-top: 8px solid #000; 
 margin-top: 8px; 
 padding: 10px 0;
 }
 
#footer ul .current {
 font-weight: bold;
}
 
#footer ul {
 color: #2e7db1; 
 list-style: none;
 margin-left: 1em; 
 width: 702px; 
 float: left;
 color: #2e7db1; 
 font-size: 1.1em;
 }
 
#footer ul li {
 padding: 0 2em;
 background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;
 float: left; 
}
#footer ul li a {
 font-size: 1.2em;
}

#footer ul li.last {
 background: none;
 }
 
#footer .copy {
 width: 206px; 
 float: right;
}
.copy {
 font: bold 1.2em/1.0 helvetica,arial,verdana,geneva,lucinda,sans-serif;
}

#footer .phone {
 padding-bottom: 10px; 
 text-indent: 1.5em;
}

/***********************************************************************************************************/
/**********************                                         MISC                                                                               *******************/
/***********************************************************************************************************/
.clear {clear: both; font-size: .1em; }
/*customized for FCK Editor */
.blue_arrow_list {background: url(/images/misc/arrow.gif) no-repeat 0 5px; padding-left: 15px;}