/*	
***
	Launch Pad 3.1 common.css
	Framwork specs:
		760px wide 
		12-column grid (46px columns) 
		16px gutters and right/left margins 
		Std column widths:
			full	12-cols		728px
			xl		9-cols		542px
			l		7-cols		418px
			m		5-cols		294px
			s		3-cols		170px
***		
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
form td {
	vertical-align: middle;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @group Structure */

#container {
	width: 728px;
	margin: 0 auto;
	padding: 16px;
	text-align: left;
	background: #fff; }
	
.grid 	{ float: left; display: inline;	overflow: hidden; margin-left: 16px; }
.grid.first { margin-left: 0; }
.grid.rt	{float: right; }
* html .grid.rt { margin-left: 13px; }
.col3 	{ width: 170px; }
.col4 	{ width: 232px; }
.col5 	{ width: 294px; }
.col6 	{ width: 356px; }
.col7 	{ width: 418px; }
.col9 	{ width: 542px; }
.col12 	{ width: 728px; }

/* Set Base Styles to build off of */

/* @group Structure */
					 
#content			{clear:both;}

/* Header elements */
#header 		    {margin-bottom: 16px;display:block;}
#header:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#header  		    {*zoom: 1;}

#header_logo        {float: left; margin-right: 16px;}
#header_image_wrap, #header_nav_wrap 	{float: right;}
#header_nav_wrap a, #header_nav_wrap h5{float:left;}

#header_text_wrap	{float:right; margin-top:30px;line-height:100%;font-size:16px;width:300px; text-align:right;}

/* Pre-content element */
#pre-content	    {margin-bottom: 16px;display:block;}
#pre-content:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#pre-content	    {*zoom: 1;}
#img_760{
		margin-left:-16px;
}

/* Footer elements */
#footer             {width:  760px;margin: 10px auto 18px;position: relative;}
#footer:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#footer  		    {*zoom: 1;}

.copyright          {font-size: 10px;float: left;}
#footer_social		{ float:right;margin-left:4px;}
#footer_social .social_icon { margin-left:12px;}
#footer_links       {float: right;}
#footer_links a     {font-size: 11px;margin-left: 10px;color: #000;}
#footer_fineprint	{display:block; font-size:10px; margin-top:5px;clear:both;float:left}

#footer_banner{
	*padding-top:18px;
	_padding-top:0px;
}

/* @end */

/* @group Typography */

body      {font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	       color: #333;
		   /*padding-top: 16px;*/
	       background-color: #d6d6d6;
	       text-align: center; /* ie quirks hack */}

p         {margin-top: 0; margin-bottom: 18px;}
h1, h2, h3,
.title_block h2, .title_block_f h2, .title_block h3, .title_block_f h3, .list_block h2, .list_block h3 {font-weight: normal; font-style: normal; margin-top: 0px; margin-bottom: 6px;}

.title_block ul, .title_block_f ul { margin-top: 6px; margin-bottom: 0; }

h1        {font-size: 30px; line-height: 114%; letter-spacing: -1px;}
h2        {font-size: 22px; line-height: 114%; color: #444;margin-bottom:1px;}
h3        {font-size: 16px; line-height: 120%; font-weight: bold; font-style: normal;}
h4        {font-size: 14px; line-height: 120%; font-weight: bold; font-style: normal;}


ul, ol    {margin-left: 3em;}
ul        {list-style-type: disc;}
ol        {list-style-type: decimal;}

a         {text-decoration: none; color: #4680ba;}
a:link    {}
a:visited {}
a:hover   {text-decoration:underline;}
a:active  {}


.caption             {font-size: 10px; line-height: 140%;}

.description         {font-size: 11px; line-height: 127%; text-align: center;}
.description.left	 {text-align: left;}
.segment_description {font-size: 13px; line-height: 138%;}
.segment_link        {font-size: 13px; line-height: 138%; font-weight: bold;
					  background: url(link_bullet.gif) no-repeat left 1px;
					 *background-position: left 5px;
	                  padding-left: 10px;}


.text_button         {font-size: 14px; line-height: 100%; font-weight: bold;
                      color: #fff; background-color: #4580BA; text-align: center;
                      display: block;
                      padding: 10px 5px 7px 10px;
                      margin: 0px 1px 16px 0;}


.link_bullet         {background: url(link_bullet.gif) no-repeat left 4px;
					 *background-position: left 6px;
	                  padding-left: 10px;
	                  margin: 0 auto;
					  display: block;}

.link_bullet_wrap .link_bullet {display: inline;}
.title_block .link_bullet, .title_block_f .link_bullet { margin-top: 6px; }
.list_block .link_bullet { margin-top: 6px; margin-bottom: 6px; }
.list_block .img_button, .list_block .button_link { margin-top: 6px; }

.secondary_link      {margin-bottom: 16px; display: block; text-align: center; font-size: 14px; clear: both;}


/* @end */


/* @group Blocks */

/* Block-like things that need consistent margins */
.title_block,
.title_block_f,
.linkblock_text,
.linkblock_images,
.linkblock_mixed,
.button_block,
.content_block,
.text_block,
.image,
.img_button,
.link_bullet,
.widget,
.seg_table,
.flex_seg_table,
 ul, ol,
.staticblock_images img,
.staticblock_images div
                            {margin-bottom: 16px;}
                            
.widget_last {margin-bottom: 0; margin-top: 16px;}

/* we need this so that floated elements in the .title_block don't overlap */
.title_block:after	        {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.title_block 		        {*zoom: 1;}


.staticblock_images div img {margin-bottom: 0;}

.linkblock_mixed a,
.linkblock_mixed img,
.linkblock_text a,
.linkblock_images img       {display: block;}

/* right and left content images */
.img_rt { float: right; padding: 0 0 16px 7px; }
.img_rt .image { margin-bottom: 0; }
.img_left { float: left; padding: 0 7px 0 0; }
.img_left .image { margin-bottom: 0; }
.img_block { overflow: hidden; padding: 0 0 7px; }
.img_block .image { margin-bottom: 0; }
.img_content { overflow: hidden; margin-bottom:16px; }
.img_content .image { margin-bottom: 0; }

/* list blocks */
ul.list_block {
	margin: 0;
	padding-bottom: 16px;
	list-style: none;
}

.list_block:after	        {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.list_block 		        {*zoom: 1;}

.list_block .link_bullet	{display: inline;}
.list_block .img_button { margin-top: 6px; }

/* Rows of titles, buttons and images */
.linkblock_mixed 		{ clear: both; margin-bottom: 18px; }
.button_block			{ float: left; width: 350px; }
.linkblock_image 		{ float: right; margin-bottom: 14px; *margin-bottom: 0; padding-top: 4px; }


/* Segmentation blocks - horizontal images */

.segment {float: left; margin-bottom: 16px;}

/* revised by JHP */
.segment 	{ float: left; margin-bottom: 16px; }
.seg2block	{ width: 364px; } 
.seg3block	{ width: 242px; } 
.seg4block	{ width: 182px; } 
.seg5block	{ width: 145px; }

/* block elements within segment blocks */
.segment .img_button { margin-bottom: 11px; }
.segment .link_bullet { margin-bottom: 0; }
.link_bullet_wrap {text-align: center;}

/* widgets */
.widget { position: relative; overflow: hidden; float: left; }
html>body .widget { float: none; }


/* @end */


/* @group Utilities */

.block      {display: block; margin-bottom: 6px;}
.clear      {clear: both;}

/* @group Grid */

.section 		                    {margin-bottom: 18px;}
.section.first						{margin-bottom: 0;}
.section_last                       {margin-bottom: -18px;}
.section:after, .section_last:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.section, .section_last     		{*zoom: 1;}


/* Use this to create a horizontal ruler across a column. */
hr       {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.5em;border: none;}
hr.space {background: #fff;color: #fff;}

/* Use a .box to create a padded box inside a column.  */ 
.box     {padding: 15px; margin-bottom: 18px; background: #eee;}

/* @end */

.flash_outer_wrap { overflow: hidden; } /* fix flash overlay toolbar obscuring content */

/* IE6 PNG Fix: htc file must be pathed correctly */
* html img, * html .pf_submit_image, .twoSegCTA, .threeSegCTA, .fourSegCTA, .fiveSegCTA, #header_logo, .pf_submit_button { behavior: url(/Templates/ion/Launch_Pad_v3.1/Masters/iepngfix.htc) }
/* @end */




/* cta layer buttons...png layered over the seg images */
	

#twoSeg_layer_container{
	position:relative;
	display:block;
	width:364px;
	text-align:center;
	}
	
#threeSeg_layer_container{
	position:relative;
	display:block;
	width:242px;
	text-align:center;
}

#fourSeg_layer_container{
	position:relative;
	display:block;
	width:182px;
	text-align:center;
}

#fiveSeg_layer_container{
	position:relative;
	display:block;
	width:145px;
	text-align:center;
}

#img_294_layer_container{
	position:relative;
	display:block;
	width:294px;
	height:220px;
}

.twoSegCTA, .threeSegCTA, .fourSegCTA, .fiveSegCTA, .img294CTA{
	position:absolute;
	z-index:2000;
	bottom:0px;
	*bottom:3px;
	_bottom:3px;
	left:0px;
	text-align:center;
	display:block;	
	}

.twoSegCTA_text, .threeSegCTA_text, .fourSegCTA_text, .fiveSegCTA_text{
	position:absolute;
	z-index:2001;
	bottom:13px;
	left:0px;
	text-align:center;
	color:#fff;
	font-size:12px;
	display:block;	
	}
	
.twoSegCTA, .twoSegCTA_text{
	width:364px;
}

.threeSegCTA, .threeSegCTA_text{
	width:242px;
}

.fourSegCTA, .fourSegCTA_text{
	width:182px;
}

.fiveSegCTA, .fiveSegCTA_text{
	width:145px;
}

.img294CTA{
	width:294px;
}
	
a.twoSegCTA, a.threeSegCTA, a.fourSegCTA, a.fiveSegCTA{
	color:#fff;	
	text-decoration:none;
	padding:23px 0px 0px 0px;
	font-size:20px;	
	}
	
a:hover.twoSegCTA, a:hover.threeSegCTA, a:hover.fourSegCTA, a:hover.fiveSegCTA{
	color:#fff;	
	text-decoration:none;
	}
	
a.img294CTA{
	color:#fff;	
	text-decoration:none;
	padding:8px 0px 0px 0px;
	font-size:20px;	
}

a:hover.img294CTA{
	color:#fff;	
	text-decoration:none;
}