@charset "UTF-8";
/* CSS Document */

/**
------------------------------------------------------------------------------------------------------
@project   : 
@version   : 0.01
@author    : 
------------------------------------------------------------------------------------------------------
*
* BODY
* NOTE: Set the font size in % for a consistent change in size according to user settings
*/
*{
margin:0;
padding:0;
}

body, html{margin:0;padding:0;width:100%;background: #e6e7eb url(images/bg_top_banner.png) repeat-x;font:100% arial, sans-serif;min-height: 100%;height: auto !important;height: 100%;}

/**
 * LINE-HEIGHT (LEADING)
 * Default line-height based on font-size rather than "computed-value"
 * @see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.6em; margin:0px; padding:0px;}


/**
 * -------------------------------------------------------------------------
 *
 * COMMON ELEMENTS
 *
 * -------------------------------------------------------------------------
 */


/**
 * HEAD
 */
h1, h2, h3, h4, h5{margin:0;padding:0;}


/* Base font sizes */
h1{font:197% verdana, arial, sans-serif;} /* 26px equiv */
h2{font:182% verdana, arial, sans-serif;} /* 24px equiv */
h3{font:167% verdana, arial, sans-serif;} /* 22px equiv */
h4{font:152% verdana, arial, sans-serif;} /* 20px equiv */
h5{font:136% verdana, arial, sans-serif;} /* 18px equiv */


/**
 * P, TABLE, TH, TR, TD
 */
p, table, th, tr, td, form{margin:0;padding:0;border:0;}


/**
 * A
 */
a{color:#000;}


/**
 * A:HOVER
 */
a:hover{color:#000;}


/**
 * IMAGE
 * Remove border from image, rollover border for image a tags
 */
img{border:0;}


/**
 * FORM ELEMENTS
 * 99% for safari; 100% is too large
 */
select, input, textarea{font:99% sans-serif;}


/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code{font:115% monospace;}


.cleaner{clear:both;}

.hide{
position:absolute;
left:-9999px;
}


/**
 * -------------------------------------------------------------------------
 *
 *  ELEMENTS
 *
 * -------------------------------------------------------------------------
 */
 
#wrapper { width: 940px; margin: 0 auto; background: transparent; height:100%; height: auto !important; min-height: 100%;}
#header { width: 940px; margin: 0 auto; height:86px;}
#header h1 {font:140% verdana, arial, sans-serif; margin:0 0 0 10px;}
#header h1 a { text-decoration:none;}
#header h1 a:hover { text-decoration:none; color:#3399FF;}
#header h2{font:120% verdana, arial, sans-serif; }
#title { float:left; margin-top:8px;}
.title { font-size:87%;}
#phone { width: 240px; margin: 18px 24px 0 0 ; float: right; font-size: 90%; text-align:right;}
#phone  img { vertical-align:middle; }
.clear { clear: both;}


#slides { width: 940px; margin: 0 auto;background: #e6e7eb url(images/bg_slides.png) repeat-x; height:290px; margin-top:20px;}
#pace { height:270px; width: 352px; float:left; padding-top:20px;}
#texto { padding-left:145px;margin-top:5px;font-family:Arial, Helvetica, sans-serif;}
#top { font-size:380%; color:#FFFFFF;}
#bottom { font-size:230%;  color:#FFFFFF; }
#mySlides {margin-top:20px; margin-left:40px;}


#mainContent {text-align:left;margin:20px 0px 0px 0px;padding:0px;border:0;width: 940px;min-height:200px;background: url(images/bg_trio.png);font-size:90%;}
#side-a { float: left; width: 312px; margin:0px; height:140px; min-height:140px; } #side-a p { margin:15px 30px 0px 100px;min-height:130px; }
#side-b { float: left; width: 312px; margin:0px; height:140px; min-height:140px;} #side-b p { margin:15px 30px 0px 100px; min-height:130px;}
#side-c { float: right;width: 312px; margin:0px; height:140px; min-height:140px;} #side-c p {  margin:15px 30px 0px 100px;min-height:130px;}
#more { width:80px; height:23px; margin:0px 20px 0px 200px; background:url(images/Learn_More.png); font-size:80%; padding-left:10px; padding-top:7px; }
#more a { text-decoration:none; text-align:center;  }
#more a:hover { color:#3399ff; text-decoration:none;  }

#footer {width: 940px; margin: 0 auto;background: url(images/bg_footer.png); height:38px; margin-top:11px;margin-bottom:60px;}
#footer a { color:#3399FF; text-decoration:none;}
#footer a:hover { color:#000000;}
#footerLeft { font-size:70%; text-align:left; padding:10px 0px 0px 18px; float: left;}
#footerRight {font-size:70%; text-align: right; padding:10px 18px 0px 0px; float: right;}

#lefttabs { width:300px; height:450px; margin-top:20px; margin-right:0px; float:left; font-size:90%; z-index:1;}
#lefttabs div.one a {background:url(images/bg_panel_1_off.png); height:135px; display:block; text-decoration:none;padding:15px 30px 0px 100px;}
#lefttabs div.one a:hover {background:url(images/bg_panel_1_on.png);}
#lefttabs div.one .this {background:url(images/bg_panel_1_on.png); }
#lefttabs div.two a {background:url(images/bg_panel_2_off.png); height:135px;display:block; text-decoration:none;padding:15px 30px 0px 100px;}
#lefttabs div.two a:hover, #lefttabs div.two .this {background:url(images/bg_panel_2_on.png);}
#lefttabs div.three a {background:url(images/bg_panel_3_off.png); height:135px;display:block; text-decoration:none;padding:15px 30px 0px 100px;}
#lefttabs div.three a:hover, #lefttabs div.three .this {background:url(images/bg_panel_3_on.png);}
#lefttabs div.four {height:360px; width:300px; margin:20px;}
#lefttabs div.four a img {opacity:1;filter:alpha(opacity=100);outline: none;}
#lefttabs div.four a:hover img { opacity:.50;filter:alpha(opacity=50);outline: none;}
#lefttabs #sidetop { width:301px;margin-top:0px; background: url(images/bg_side_top.png) no-repeat; height:11px;}
#lefttabs #sidemain { width:230px;margin-top:0px; background: url(images/bg_side_mid.png) repeat-y; padding:20px 30px 20px 40px;}
#lefttabs #sidebottom { width:301px;margin-top:0px; background: url(images/bg_side_bottom.png) no-repeat; height:11px;}
#lefttabs #sidemain div.notes { font-size:75%; font-weight:normal; margin: 0px 0px 60px 40px;} 
#lefttabs #sidemain div.notes h3 { color:#FF6600; font-size:130%;  font-weight:normal; margin-bottom:5px;}
#lefttabs #sidemain div.notes ul { margin-bottom:15px;}
#lefttabs #sidemain div.notes li { list-style-type:square; margin-left:15px;}
#lefttabs #sidemain div.notes a {text-decoration:none;}

#content { width:640px;margin-top:20px; margin-left:300px; margin-bottom:60px;font-family:Arial, Helvetica, sans-serif;background: url(images/bg_inside.png) repeat; height:100%; height: auto !important; min-height: 100%; z-index:2;  }


#contenttext { float:right;width:560px;margin-top:20px; margin-right:40px; font-weight:normal; height:100%; height: auto !important; min-height: 100%;}
#contenttext p { font-size:75%; font-weight:normal; margin-bottom:20px;} 
#contenttext h3 { color:#FF6600; font-size:110%;  font-weight:normal; margin-bottom:10px;}
#contenttext h4 { color:#41A317; font-size:90%;  font-weight:normal; margin-bottom:10px;}
#contenttext h5 { color:#FF6600; font-size:85%;  font-weight:normal; margin-bottom:10px;}
#contenttext ul, #contenttext ol { font-size:75%; font-weight:normal;margin-bottom:15px;}
#contenttext li { list-style-type:square; margin-left:15px;}

#contenttext div.notes { font-weight:normal; margin: 0px 0px 60px 0px;} 
#contenttext div.notes h3 { color:#FF6600;   font-weight:normal; }
#contenttext div.notes ul { margin-bottom:15px;}
#contenttext div.notes li { list-style-type:square; margin-left:15px;}
#contenttext h1 { color:#0066cc; font-size:130%; margin-bottom:30px; }
#contenttext h1 a { text-decoration:none;}
#contenttext .post small {font-size:75%;font-style:italic;color:#3399FF;}
#contenttext .post h1 { color:#0066cc; font-size:120%; margin-bottom:10px; }
#contenttext .post h1 a { text-decoration:none;}
#contenttext .post h1 a:hover { text-decoration:none; color:#3399FF;}


#contenttext .studies { width:560px; float:right; margin-bottom:40px; background: url(images/bg_studies.png) repeat;}
#contenttext .studiesbg { width:520px;padding:20px ;background: url(images/bg_studies_top.png) top no-repeat;}
#contenttext .studiesbottom { width:560px; background: url(images/bg_studies_bottom.png) bottom no-repeat; height:13px;}
#contenttext .date {color:#333333;}
#contenttext .case {color:#0066cc;font-size:130%; line-height:30px; margin-bottom:5px;}
#contenttext .logo {float:right; border:#CCCCCC 1px solid; margin-left:40px;}
#contenttext .story {font-size:75%; font-weight:normal; margin-bottom:0px;}
#contenttext #italic { font-style:italic; font-size:105%;color:#000;} 
.story blockquote p {font-size:125%;}
 
 
#contentop { width:640px;margin-top:0px; background: url(images/bg_inside_contentop.png) no-repeat; height:13px;}
#contentbottom { width:640px;margin-bottom:0px; background: url(images/bg_inside_contenbottom.png) no-repeat; height:33px; clear:both;}

/* block quotes*/
blockquote {
	padding:5px 20px;
	border-left: 2px solid #dedede;
	background:url(images/quote.gif) no-repeat left top;
	text-indent: 15px;
}


/*- Menu Tabs --------------------------- */ 


    #tabs {
      float:right;
      width:400px;
      font-size:93%;
      line-height:normal;
	  margin-top: 0px;
	
      }
    #tabs ul {
	  margin:0;
	  padding:10px 9px 0 50px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/tabsleft.png") no-repeat left top; text-align:center;
      margin:0 2px 0 1px;
      padding:0 0 0 10px;
      text-decoration:none;
	  color: #454545;
	font-family: Tahoma, sans-serif;
	font-size: 15px;
	min-width: 70px;
      }
    #tabs a span {
      float:left;
      display:block;
      background:   url("images/tabs.png") no-repeat right top;
      padding:5px 15px 4px 6px;
     
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
     
      }
    #tabs a:hover { background-position:0% -33px; }
    #tabs a:hover span { background-position:100% -33px;  }
	  #tabs .on {  background-position:0% -33px; }
	  #tabs a span.current {  background-position:100% -33px; }

  

	  
/*- Menu Tabs  ENDS--------------------------- */


/*- SLIDES -------------------------- */

		
		
		noscript p, noscript ol { color: #fff; font-size: 13px; line-height: 1.4em; text-align: left; width:550px; }
		noscript a { color: #ffcc00; text-decoration: underline; }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
	
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw { height: 300px; overflow: hidden;}
		.csw .loading {margin: 100px 0 0 0; text-align: center; color:#FFFFFF;overflow: hidden; font-size:200%;}
		.csw img {display: none;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: 10px ;
			width: 546px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 220px; float:left;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 500px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto; float:right; margin-top: 238px; position:absolute; right:-220px; left:50%;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 140%; font-weight: bold; text-align: center; line-height: 32px; color: #fff; text-decoration: none; display: block; padding: 0px; }
		
		.stripNav li.tab1 a { background:url(images/bt_1_off.png); width:55px; margin:0px; height:30px;}
		.stripNav li.tab1 a:hover {  background:url(images/bt_1_on.png);}
		.stripNav li.tab2 a { background:url(images/bt_2_off.png); width:55px; margin:0px; height:30px;}
		.stripNav li.tab2 a:hover { background:url(images/bt_2_on.png);}
		.stripNav li.tab3 a { background:url(images/bt_3_off.png); width:55px; margin:0px; height:30px;}
		.stripNav li.tab3 a:hover { background:url(images/bt_3_on.png);}
		
		.stripNav li a:hover { color:#000000;	}
		
		.stripNav li a.current {color: #fff;	}
		.stripNav li.tab1 a.current {background:url(images/bt_1_on.png);}
		.stripNav li.tab2 a.current {background:url(images/bt_2_on.png);}
		.stripNav li.tab3 a.current {background:url(images/bt_3_on.png);}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;display: none;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: none;
			height: 40px;
			width: 40px;
		}