@charset "utf-8";

/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Style Sheet
|--------------------------------------------------------------------------
|
| @package		Amedias Magento Integration
| @subpackage	Frontend - Styles
| @company		Amedia Creative, Inc.
| @phone		310/651/8733
| @fax			310/388/1210
| @author		Joey Avino
| @email		joey@amediacreative.com
| @link			http://www.amediacreative.com
| @copyright	2009 Amedia Creative, Inc.
|
*/

@import url(http://www.lifespanint.com/themes/lifespan_10/reset.css);

/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Style Sheet > Global Images
|--------------------------------------------------------------------------
|
| Declares all global images and some positioning.
| Additional positioning can be found following this section.
|
*/

	/* ----- Logo. -------------- */
	#logo a { background: url(http://www.lifespanint.com/themes/lifespan_10/images/layout/logo.gif) no-repeat 7px 7px; }
	
	/* ----- Icon Class 16x16. -------------- */
	.icon16x16-img { background: url(http://www.lifespanint.com/themes/lifespan_10/images/icons/icon16x16-img.png) no-repeat top left; }
		.icon16x16-img.twitter 			{ background-position: 0px 0px !important; }
		.icon16x16-img.facebook 		{ background-position: 0px -37px !important; }
		.icon16x16-img.rss 				{ background-position: 0px -70px !important; }
		.icon16x16-img.visit-home 		{ background-position: 0px -106px !important; }
		.icon16x16-img.contact			{ background-position: 0px -140px !important; }

		.icon16x16-img.phone 			{ background: url(http://www.lifespanint.com/themes/lifespan_10/images/icons/icon_phone.gif) no-repeat top left; }









/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Style Sheet > Global Styles
|--------------------------------------------------------------------------
|
*/

	/* ----- Hr. -------------- */
	.hr { border-bottom: 1px solid #A9AFBB; margin: 14px 0px; }
		.hr hr { display: none; }





	/* ----- Spacers. -------------- */
	.spacer7px { width: auto; height: 7px; display: block; }
	.spacer14px { width: auto; height: 14px; display: block; }
	.spacer21px { width: auto; height: 21px; display: block; }





	/* ----- CSS3 Rounded Corners -------------- */
	.round { 		-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
					-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;
					-webkit-border-top-right-radius: 3px;  -webkit-border-top-left-radius: 3px;  
					-webkit-border-bottom-left-radius: 3px;  -webkit-border-bottom-right-radius: 3px; }




	/* ----- Icon Class 16x16 -------------- */
	a.icon16x16-img { float: left; display: block; width: 20px; height: 20px; text-indent: -9999px; }
	span.icon16x16-img { padding: 2px 0px 0px 20px; margin-right: 5px; }











/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Style Sheet > Layout
|--------------------------------------------------------------------------
|
*/

	#global_wrapper { width: 100%; }




			/* ----- Header. -------------- */
			#global_header { width: 994px; margin: 0px auto; }
				#global_header .header_wrapper { padding: 14px 7px; }






					/* ----- Header > Logo. -------------- */
					#logo { background: #ffffff; }
						#logo a { width: 300px; height: 126px; text-indent: -9999px; display: block; padding: 7px; }






					/* ----- Header > Right Menu + Search. -------------- */
					.header-block { }

						.header-block.block-menu { }
							.header-block.block-menu .menu_wrapper { background: #a9b0ba; }
								.header-block.block-menu .menu { }
									.header-block.block-menu .menu li { display: inline; float: left; font-size: 14px; display: inline-block; font-weight: bold; }
										.header-block.block-menu .menu li a { padding: 7px 14px; display: inline-block; color: #ffffff; }
											.header-block.block-menu .menu li a:hover, .header-block.block-menu .menu li.current_page_item { background: #393c4f; }
										.header-block.block-menu .menu li.last { }

							.header-block.block-info { text-align: right; padding: 7px 0px; }
								.header-block.block-info span { width: 50px; }

							.header-block.block-search { text-align: right }
								.header-block.block-search fieldset { text-align: right; }
									.header-block.block-search input { width: 200px; }
										.header-block.block-search input.submit, .header-block.block-search input.submit_over { width: 40px; }
									.header-block.block-search button { }

							






				/* ----- Main. -------------- */
				#global_content { width: 100%; background: #ffffff; border-top: 1px solid #a9afbb; border-bottom: 1px solid #a9afbb; font-size: 13px; line-height: 21px; }
					#global_content .global_wrapper { padding: 0px 7px; width: 980px; margin: 0px auto; }
					
					
					/* ----- Global Content Styles. -------------- */
					#global_content h1 { display: none; }
					#global_content ul.left { width: 50%; }
						#global_content ul.left { color: #8e3839; }
					






					/* ----- Column Layout. -------------- */
						/* ----- 3 Column Layout. -------------- */
						.col3-layout { }
							.col3-layout .col-left { float: left; width: 185px; }
							.col3-layout .col-right { float: right; width: 330px; }
							.col3-layout .col-main { float: left; width: 465px; }
								.col3-layout .col-main .padding_wrapper { border-left: 1px solid #A9AFBB; border-right: 1px solid #A9AFBB; }

						/* ----- 2 Column Layout. -------------- */
						.col2-left-layout { padding: 21px 0px; }
							.col2-left-layout .col-left { float: left; width: 330px; }
							.col2-left-layout .col-main { float: left; width: 650px; }
								.col2-left-layout .col-main .padding_wrapper { }

						.col2-right-layout { }
							.col2-right-layout .col-main { float: left; width: 650px; }
							.col2-right-layout .col-right { float: right; width: 330px; }
								.col2-right-layout .col-main .padding_wrapper {  border-right: 1px solid #A9AFBB; }

						/* ----- 1 Column Layout. -------------- */
						.col1-layout .col-main { float: none; width: auto; }




					/* ----- Footer. -------------- */
					#global_footer {  width: 980px; padding: 14px 7px; color: #575e6f; font-size: 11px; margin: 0px auto; }

						#global_footer p { margin: 0px; padding: 0px 3px; }

						#site_map { }
							#site_map h3 { margin: 0px; padding: 0px; height: 20px; width: 160px;}
								#site_map h3 a { text-indent: -9999px;  display: block; outline: none; }

							#site_map .footer-block2-col { width: 50%; }
							
							#site_map .left footer-col1 { width: 60%; }

							#site_map .footer-col2 { width: 40%; }
								#site_map .footer-col2 .left { width: 50%; }
							
							.networking_links { }
								.networking_links li { display: inline; float: left; }
				





/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Style Sheet > Table Code
|--------------------------------------------------------------------------
|
*/
	/* ----- Table --------------- */
	table { border-collapse: collapse; width: 100%; caption-side: bottom; }
		caption { padding: 5px 8px; display: table-caption;  }

		.col_group_1 { width: 50%; }
		.col_group_2 { width: 50%; }

		tr .first { border-left: none; }
		tr.alt { background: #f5f5f5 }
			th, td { padding: 5px 8px; text-align: left; border-bottom: 1px solid #ded9db; font-size: inherit; }
				td {  border-left: 1px solid #ded9db; }
		thead {}
			thead th { border-bottom: 1px solid #ded9db;  }
		tbody {}
			/* ----- Hover does not work in IE6, but it does not break anything. --------------- */
			tbody tr:hover { background: #FEF4C5; }
		tfoot {}
			tfoot td { border-top: 1px solid #ded9db; border-bottom: none; }









/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Style Sheet > Pages
|--------------------------------------------------------------------------
|
*/


/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Reset Sheet > UI
|--------------------------------------------------------------------------
|
*/

	/* ----- Contact Form Messages. -------------- */
	.wpcf7-response-output,
	.wpcf7-mail-sent-ng,
	.wpcf7-validation-errors,
	.wpcf7-spam-blocked { border: 1px solid #E8D591; background: #FFF2B6; color: black; padding: 5px 7px;
					/* ----- CSS3 -------------- */
					-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
					-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;
					-webkit-border-top-right-radius: 3px;  -webkit-border-top-left-radius: 3px;  
					-webkit-border-bottom-left-radius: 3px;  -webkit-border-bottom-right-radius: 3px; }
	.wpcf7-not-valid-tip { color: #E66455; padding: 5px 7px; margin-top: 4px; border: 1px solid #E66455; background-color: #f5d4d0; position: absolute; top: 10%; left: 30%;
					/* ----- CSS3 -------------- */
					-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
					-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;
					-webkit-border-top-right-radius: 3px;  -webkit-border-top-left-radius: 3px;  
					-webkit-border-bottom-left-radius: 3px;  -webkit-border-bottom-right-radius: 3px; }
	.wpcf7-mail-sent-ok { border: 1px solid #7BA534; background: #79BA00; color: #ffffff;
					/* ----- CSS3 -------------- */
					-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
					-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;
					-webkit-border-top-right-radius: 3px;  -webkit-border-top-left-radius: 3px;  
					-webkit-border-bottom-left-radius: 3px;  -webkit-border-bottom-right-radius: 3px; }

		/* ----- Contact Form Styles. -------------- */
		div.wpcf7 { margin: 0; padding: 0; }
		div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }
		span.wpcf7-form-control-wrap { position: relative; }
		span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
		span.wpcf7-list-item { margin-left: 0.5em; }
		.wpcf7-display-none { display: none; }
		

	.btm_runner.form_footer { }
		.btm_runner.form_footer .footer_wrapper { padding: 7px 0px; text-align: right; }


/*
|--------------------------------------------------------------------------
| Amedia Creatives Core Site Skin > Frontend > Global Style Sheet > Blocks
|--------------------------------------------------------------------------
|
*/