/*-------------------
Launch Pad v4 theme.css
------------------- */
		html { margin: 0;padding: 0; height: 100%;background:#fff url(body_bg.gif) repeat-x top;}
		body {	
					
			font:12px Arial, Helvetica, sans-serif;
			line-height:1.35; /* specify default line height as a pure number value (no px/em)...adjusting the value as desired. This will allow the line-height to flex depending on what size the user specifies their text within the rich text editor */
			color:#333;

		}
		

/*-------------------
Fonts/Typography
------------------- */		
		
		h1 {font-size:30px;color:#000;line-height:1.40;}
		
		h2 {font-size:22px;color:#000;line-height:1.40;}
		
		h3 {font-size:18px;color:#000;}
		
		h4 {font-size:16px;color:#000;}
		
		h5, h6 {font-size:14px;color:#000;}
	
		a {text-decoration:none;color:#0056cc}
		
		a:hover {text-decoration:underline;}
		
		ul, ol    {margin-left: 1.3em;}
		ul        {list-style: none;}
		ul li 	  {background: url(bullet.png) no-repeat 0px 7px;padding-left:14px;}
		ol        {list-style-type: decimal;margin-left: 2.5em;}
		
		
		figcaption {font-size:11px;margin-left: 1em;}
		
/*-------------------
Structure/Layout
------------------- */

		#container {
			width:960px;
			background:#fff;
			padding:0 0 10px;
			-webkit-box-shadow: 0px 2px 8px 2px #cdcdcd;
			-moz-box-shadow: 0px 2px 8px 2px #cdcdcd;
			box-shadow: 0px 2px 8px 2px #cdcdcd;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 10px;
			-moz-border-radius-bottomleft: 10px;
			-webkit-border-radius: 0px 0px 10px 10px;
			border-radius: 0px 0px 10px 10px;
		}
		
		section.pre_content {padding-top:0;}
		
		section.content {padding-top:10px}
		
		.content_hook {padding:0 10px}
		
		section.post_content {padding:0 10px;}
			
/*-------------------
Header
------------------- */
		
		header {position:relative;background:#f1f1f1;border-bottom:1px solid #ddd}
	
		#header_logo {
			float:left; 
			margin:13px 20px 5px 10px;
		}
		
		#header_link {}
		
		.header_text_wrap {float:right;margin:13px 10px 0 0;text-align:right;color:#000;}
		.header_text_wrap h2 {color:#000;}
					
		.header_social {}
		
		.header_social .widget_social {margin-left:5px;}

/*-------------------
Navigation
------------------- */

		nav {
			float:right;	
			clear:both;
			margin: 5px 10px 0 0;		
			height:28px;
			line-height:28px;
			color:#666; /* specify styles if user swaps link element for text element. i.e. for nav 'on' state. */
			font-size:14px;
			}
		
		nav ul	  {margin:0;}
		nav ul li {padding:0;background:none}
		
		nav a {
			color:#666;		
			padding:0 16px;
			display:block;
		}
		
		nav a:hover {
			color:#0056cc;
			text-decoration:none;	
		}
		
		nav a.active {		
			color:#666;
			background:#fff;
			text-decoration:none;
			border:1px solid #ddd;
			border-bottom:none;
			padding:0 15px;
			line-height:26px;
			-moz-border-radius:4px 4px 0px 0px;
			-webkit-border-radius:4px 4px 0px 0px;
			border-radius:4px 4px 0px 0px;
		}

/*-------------------
Content
------------------- */

		figure, figure.rt {
			background:#fff;
			padding:10px;	
			border:1px dotted #bfbfbf;
		}
		
		.caption {
			font-size:11px;
		}
		
		hr {color:#d2d2d2;background-color:#d2d2d2;}
			
/*-------------------
Button
------------------- */	

		/*default button styles*/
		a.button_link, .pf_submit_button {
			font-family:Arial, Helvetica, sans-serif;		
			display:inline-block;
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			border-radius:7px 7px 7px 7px; /* need to specify all 4 corners for ie9 */
			-moz-box-shadow:2px 2px 5px #d4d4d4;
			-webkit-box-shadow:2px 2px 5px #d4d4d4;
			box-shadow:2px 2px 5px #d4d4d4; /*The first two values are the offset of the shadow, the third the blur radius, and the fourth value the spread radius.*/
			border:1px solid #fff;
			margin:0 0 10px 2px;
		}
		
		
		
		/*size-specific (s,m,l and xl) button styles, including form submit*/
		
		a.button_link.btn_s, .form_s .pf_submit_button { /* specify unique form button styles within the themeform.css if you would like to override theme */
			font-size:16px;
			line-height:39px;
			height:39px;
			padding:0 25px 0 10px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px 5px 5px 5px;
			background: #0066cc url(btn_small_bg.gif) no-repeat top right;
		}
		
		a.button_link.btn_m, .form_m .pf_submit_button {
			font-size:20px;
			line-height:43px;
			height:43px;
			padding:0 60px 0 10px;
			background: #0066cc url(btn_large_bg.gif) no-repeat top right;
		}
		
		a.button_link.btn_l, .form_l .pf_submit_button {
			font-size:24px;
			line-height:43px;
			height:43px;
			padding:0 80px 0 10px;
			
			background: #0066cc url(btn_large_bg.gif) no-repeat top right;
		}
		
		a.button_link.btn_xl {
			font-size:26px;
			line-height:43px;
			height:43px;
			padding:0 80px 0 10px;
			background: #0066cc url(btn_large_bg.gif) no-repeat top right;
		}
		
		a.button_link.full{
			display:block;
		}
		
		a:hover.button_link, a:focus.button_link, .pf_submit_button:hover, .pf_submit_button:focus{
			background-position:bottom right;
			color:#fff;
			text-decoration:none;
		}
		
/*-------------------
Segmentation/Pod blocks
------------------- */

		.choice_container {padding:5px;}
		
		.col_container {}
		
		.col_container .pod {
			background:#fff;	
			border:1px dotted #bfbfbf;
			padding:4px; /* if including a border (like 'border:1px dotted #bdbdbd;' above), then specify padding as 4px. If no border, then set padding to 5px*/
			
		}
		
		.product_hero{ }
		
		.seg_button_link .seg_2, .seg_button_link .seg_3, .seg_button_link .seg_4 {
			margin:0;	
		}
		
		.seg_button_link .seg_2 {width:440px;} /*padding from .seg_button_link below has been subtracted from the seg width here*/
		.seg_button_link .seg_3 {width:280px;}
		.seg_button_link .seg_4 {width:200px;}
		
		.seg_button_link a{
			height:69px;
			line-height:69px;
			padding:0 10px;		
			color:#fff;
			font-size:30px;
			background: rgb(0,86,204);/*fallback for old browsers that do not support rgba below*/
			background:rgba(0,86,204,0.75);
			-webkit-transition:background 0.5s ease, color 0.5s ease;
			-moz-transition:background 0.5s ease, color 0.5s ease;
			-0-transition:background 0.5s ease, color 0.5s ease;
			transition:background 0.5s ease, color 0.5s ease;
			}
			
		.seg_button_link a:hover{
			background:rgba(0,86,204,0.9);
			text-decoration:none;
		}
		
		.choice_container .button_link, .col_container .button_link {
			margin:5px 0;	
		}
		
		.layer_link{
			background: rgb(0,86,204);/*fallback for old browsers that do not support rgba below*/
			background:rgba(0,86,204,0.75);
			-webkit-transition:background 0.5s ease, color 0.5s ease;
			-moz-transition:background 0.5s ease, color 0.5s ease;
			-0-transition:background 0.5s ease, color 0.5s ease;
			transition:background 0.5s ease, color 0.5s ease;
			width:100%;
			position:absolute;
			top:0;
			left:0px;
			font-size:20px;
		}
		
		.layer_link:hover{
				
			background:rgba(0,86,204,0.9);
			text-decoration:none;
		}
		
		.layer_link a{
			display:block;
			padding:5px;		
			color:#fff;
		}
		
		.layer_link a:hover{
			text-decoration:none;
		}
		
	
/*-------------------
Footer
------------------- */
	
		footer {
			width:940px;
			margin-top:0px;
			padding:10px;
			color:#666;
			font-size:11px;
		}
		
		.copyright {
			float:left;
			margin-right:10px;
		}
		
		.footer_links {
			float:right;
			
		}
		
		.footer_links a {
			margin-left:5px;
			padding-left:5px;
			color:#0056cc;
			border-left:1px solid #a2a2a2;
		}
		
		.footer_links a.first_footer_link {padding-left:0;border:none;}
		.footer_links a.last_footer_link {}
		
		.footer_social {
			float:right;
			margin-left:10px;	
		}
		
		.footer_social .widget_social {
			margin-left:5px;
		}
		
		.footer_fineprint {
			clear:both;
			text-align:left;
			padding-top:5px;
		}



/*-------------------
iFrame-specific
------------------- */
		html.iframe_html {background:none}
	
		body.iframe{
			background:#fff !important;			
			padding-top:0;
		}

		footer.iframe , #iframe_wrapper.facebook footer.iframe{
			margin-top:10px;
			width:500px;
		}
		
		.iframe_460 {padding-right:10px;}
		
		/* facebook specific iframe layout */
		
		#iframe_container.facebook {
				width:520px;
				background:#fff;
				padding:0 0 10px;
		}
		
		#iframe_wrapper.facebook .seg_button_link .seg_3 {width:150px;}
		#iframe_wrapper.facebook .seg_button_link .seg_2 {width:240px;}
		
		.seg_button_link.facebook_choice a{		
			background: rgb(0,86,204);/*fallback for old browsers that do not support rgba below*/
			background:rgba(0,86,204,0.75);
			-webkit-transition:background 0.5s ease, color 0.5s ease;
			-moz-transition:background 0.5s ease, color 0.5s ease;
			-0-transition:background 0.5s ease, color 0.5s ease;
			transition:background 0.5s ease, color 0.5s ease;
			height:52px;
			line-height:52px;
			padding:0 5px;
			color:#fff;
			font-size:22px;
		}
			
		.seg_button_link.facebook_choice a:hover{
			background:rgba(0,86,204,0.9);
			text-decoration:none;
		}
		
		

/*-------------------
Mobile
--------------------*/

		body.mobile{	
			font-size:14px;
		}
		
		body.mobile header {}
		
		body.mobile a{
			text-decoration:underline;	
		}
		
		body.mobile a.button_link, body.mobile .pf_submit_button{
			text-decoration:none;	
		}
		
		body.mobile section.content {padding-top:5px}
		
		body.mobile .content_hook {padding:0 5px}
		
		body.mobile section.post_content {padding:0 5px;}
		
		#mobile_container {
			width:318px;
			background:#fff;
			-webkit-box-shadow: 0px 2px 8px 2px #cdcdcd;
			-moz-box-shadow: 0px 2px 8px 2px #cdcdcd;
			box-shadow: 0px 2px 8px 2px #cdcdcd;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 10px;
			-moz-border-radius-bottomleft: 10px;
			-webkit-border-radius: 0px 0px 10px 10px;
			border-radius: 0px 0px 10px 10px;
			padding:0 0 10px;
		}
		
		#mobile_container #header_logo {	
			margin:5px 0 5px 5px;
		}
		
		#mobile_container .header_text_wrap {margin:5px 5px 0 0;text-align:right;}
		
		#mobile_container nav {margin-right:0}
		
		#mobile_container nav a {
			padding:0 6px;
			text-decoration:none;
			font-size:14px;
		}
			

		#mobile_container nav a.active {					
			padding:0 5px;	
		}
		
		
		#mobile_container .choice_container {		
			padding:3px;
		}
		
		#mobile_container .col_container .pod {
			padding:2px; /* if including a border (like 'border:1px dotted #bdbdbd;' within the main style attributes for '.col_container .pod ' above), then specify padding as 2px. If no border, then set padding to 3px*/
		}
		
		#mobile_container .seg_button_link a{
			background: rgb(0,86,204);/*fallback for old browsers that do not support rgba below*/
			background:rgba(0,86,204,0.75);
			-webkit-transition:background 0.5s ease, color 0.5s ease;
			-moz-transition:background 0.5s ease, color 0.5s ease;
			-0-transition:background 0.5s ease, color 0.5s ease;
			transition:background 0.5s ease, color 0.5s ease;
			height:52px;
			line-height:52px;
			padding:0 5px;
			color:#fff;
			font-size:22px;
			text-decoration:none;
		}
		
		#mobile_container .seg_button_link .seg_3 {width:86px;}
		#mobile_container .seg_button_link .seg_2 {width:139px;}
		
		#mobile_container .seg_button_link a:hover{
			background:rgba(0,86,204,0.9);
			text-decoration:none;
		}
		
		#mobile_container .layer_link a {text-decoration:none;font-size:14px;}
		
		footer.mobile {
			width:300px;
			margin-top:5px;
		}
		
		footer.mobile .footer_links{
			float:none;
			display:block;
			clear:both;
			padding-top:5px;
			
			text-align:left;	
		}
		
		footer.mobile .footer_links a {
			margin-left:0px;
			padding-left:5px;
			margin-right:5px;
			line-height:2;
		}
		
		footer.mobile .footer_links a.first_footer_link {padding-left:0px;}
		

/*-------------------
Ready-Made-Widgets
------------------- */



/*-------------------
Custom
------------------- */





/*-------------------
Hidden items
------------------- */

		#footer_logo {display:none;}