@charset "UTF-8";
/* CSS Document */


.container #content { display: block; width: 960px; background: url('/assets/images2010/back-inner.png') repeat-y; margin-left: 10px; }
	.container #content #innercontent { display: block; padding: 0px 15px 0 15px; }	
  	
		.container #content #innercontent #leftcol { width: 580px; display: inline; margin-right: 10px; float: left; }
		.container #content #innercontent #rightcol { width: 340px; display: inline; float: right; }
		.container #content #innercontent #bottomcol { clear: left; }		
		
					.clfl_wrapper { display: block; width: 580px; height: 304px; position:relative; margin-bottom: 10px;clear: left; }
					
				
					/* lifeonmars area */
					.container #content #innercontent #leftcol #lifeonmars { display: block; width: 580px; height: 304px; background: url('/assets/images2010/homepage/lifeonmars.jpg') no-repeat; }
						.container #content #innercontent #leftcol #lifeonmars h3 { display: none; }
						.container #content #innercontent #leftcol #lifeonmars p  { display: none; }
						.container #content #innercontent #leftcol #lifeonmars a  { display: block; position: absolute; width: 79px; height: 79px; }
						.container #content #innercontent #leftcol #lifeonmars a.ordernow { margin-top: 201px; margin-left: 276px; }
						.container #content #innercontent #leftcol #lifeonmars a.takealook { margin-top: 201px; margin-left: 370px; }
						.container #content #innercontent #leftcol #lifeonmars a span { display: none; }
					
					.container #content #innercontent #leftcol #cflf1 { display: block; width: 580px; height: 304px; }
					.container #content #innercontent #leftcol #cflf2 { display: block; width: 580px; height: 304px; }
					.container #content #innercontent #leftcol #cflf3 { display: block; width: 580px; height: 304px; }
							
	
		/* subscribe to lifestyle tips */
		.container #content #innercontent #rightcol #subscribe { display: block; width: 340px; height: 55px; margin: 0; padding: 0; }
		.container #content #innercontent #rightcol #subscribe a { display: block; width: 340px; height: 55px; background: url('/assets/images2010/homepage/blog-subscribe.gif') no-repeat; text-decoration: none; }
		.container #content #innercontent #rightcol #subscribe span { display: none; }		
	
		/* mar's blog area */
		.container #content #innercontent #rightcol #marblog { line-height: 120%; }
			.container #content #innercontent #rightcol #marblog a#viewallposts { display: block; padding: 7px; background: #b3d04d; color:#fff; font-weight: bold; margin-top: 6px; text-decoration: none;  }
			.container #content #innercontent #rightcol #marblog h3.title { display: none; }
			.container #content #innercontent #rightcol #marblog p.intro { display: none; }
			.container #content #innercontent #rightcol #marblog a.readtheblog { display: block; width: 340px; height: 160px; text-decoration: none; background: url('/assets/images2010/homepage/blog-title.png') no-repeat;}
			.container #content #innercontent #rightcol #marblog a.readtheblog span { display: none; }
			
			.container #content #innercontent #rightcol #marblog ul { margin: 0; padding: 0; }
			.container #content #innercontent #rightcol #marblog ul li { margin: 0; padding: 0; list-style: none; display: block; padding:  13px 7px 0px 7px; height: 105px; /*border-bottom: 1px solid #eee;*/ }
			.container #content #innercontent #rightcol #marblog ul li a img { float: left; padding-right: 6px; }
			.container #content #innercontent #rightcol #marblog ul li p { display: block; overflow: hidden; margin: 0; padding: 0; font-size: 10px; line-height:120%; }
			.container #content #innercontent #rightcol #marblog ul li p a.posttitle { display: block; font-weight: bold; font-size: 12px; color: #ff9933; text-decoration: underline; }
			.container #content #innercontent #rightcol #marblog ul li p em.posted { display: block; font-style: italic; color: #999; padding-bottom:3px; }			
		
		/* mar's annoucement area */
		.container #content #innercontent #rightcol #annoucements { line-height: 120%; padding-top:12px;   }
			.container #content #innercontent #rightcol #annoucements h3.title { margin: 0; padding: 0; width: 340px; height: 39px; display: block; }
				.container #content #innercontent #rightcol #annoucements h3.title a { width: 340px; height: 39px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/announcements-title.png') no-repeat; }
				.container #content #innercontent #rightcol #annoucements h3.title a:hover { text-decoration: none; }
				.container #content #innercontent #rightcol #annoucements h3.title a span { display: none; }	
					
			.container #content #innercontent #rightcol #annoucements ul { margin: 0; padding: 0; }
			.container #content #innercontent #rightcol #annoucements ul li { margin: 0; padding: 0; list-style: none; display: block; padding:  13px 7px 6px 7px; /*border-bottom: 1px solid #eee;*/ }
			.container #content #innercontent #rightcol #annoucements ul li a img { float: left; padding-right: 6px; }
			.container #content #innercontent #rightcol #annoucements ul li p { display: block; overflow: hidden; margin: 0; padding: 0; font-size: 10px; line-height:120%; }
			.container #content #innercontent #rightcol #annoucements ul li p a.posttitle { display: block; font-weight: bold; font-size: 12px; color: #ff9933; text-decoration: underline; }
			.container #content #innercontent #rightcol #annoucements ul li p em.posted { display: block; font-style: italic; color: #999; padding-bottom:3px; }			
		
		
		/* mar's social media links area */
		.container #content #innercontent #rightcol #sociallinks { line-height: 120%; padding-top:12px; padding-bottom: 5px;   }
		
		
		
		/* mar's in the press (press releases) area */
		.container #content #innercontent #rightcol #pressreleases { line-height: 120%; padding-top:12px;   }
			.container #content #innercontent #rightcol #pressreleases h3.title { margin: 0; padding: 0; width: 340px; height: 39px; display: block; }
				.container #content #innercontent #rightcol #pressreleases h3.title a { width: 340px; height: 39px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/pressreleases-title.png') no-repeat; }
				.container #content #innercontent #rightcol #pressreleases h3.title a:hover { text-decoration: none; }
				.container #content #innercontent #rightcol #pressreleases h3.title a span { display: none; }	
					
			.container #content #innercontent #rightcol #pressreleases ul { margin: 0; padding: 0; }
			.container #content #innercontent #rightcol #pressreleases ul li { margin: 0; padding: 0; list-style: none; display: block; padding:  13px 7px 6px 7px; /*border-bottom: 1px solid #eee;*/ }
			.container #content #innercontent #rightcol #pressreleases ul li a img { float: left; padding-right: 6px; }
			.container #content #innercontent #rightcol #pressreleases ul li p { display: block; overflow: hidden; margin: 0; padding: 0; font-size: 10px; line-height:120%; }
			.container #content #innercontent #rightcol #pressreleases ul li p a.posttitle { display: block; font-weight: bold; font-size: 12px; color: #ff9933; text-decoration: underline; }
			.container #content #innercontent #rightcol #pressreleases ul li p em.posted { display: block; font-style: italic; color: #999; padding-bottom:3px; }	
		
		/* mar's videogallery area */
		.container #content #innercontent #rightcol #videogallery { line-height: 120%; padding-top:12px; display: block; width: 340px; height: 311px;  }
			.container #content #innercontent #rightcol #videogallery h3.title { margin: 0; padding: 0; width: 340px; height: 39px; display: block; margin-bottom: 7px; }
				.container #content #innercontent #rightcol #videogallery h3.title a { width: 340px; height: 39px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/videoclip-title.png') no-repeat; }
				.container #content #innercontent #rightcol #videogallery h3.title a:hover { text-decoration: none; }
				.container #content #innercontent #rightcol #videogallery h3.title a span { display: none; }	
						
		
		
		/* mar's gallery area */
		#gallery { display: block; width: 284px; height: 288px; float: left; margin-left: 10px; }		
			#gallery h3.title { margin: 0; padding: 0; width: 284px; height: 39px; display: block; }
				#gallery h3.title a { width: 284px; height: 39px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/gallery-title.png') no-repeat; }
				#gallery h3.title a:hover { text-decoration: none; }
				#gallery h3.title a span { display: none; }
				#gallery .cf_element { margin-top: 1px; text-align: center; width: 284px;height: 249px; overflow: hidden; }
				
		
		
		/* our partners area */
		#ourpartners { width: 340px; height: 288px; display: block; float: right; margin-top: 15px; position: relative; }			
			#ourpartners h3 { margin: 0; padding: 0; width: 340px; height: 39px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/partners-title_a.png') no-repeat; }
				#ourpartners h3 span { display: none; }		
				#ourpartners .cf_wrapper { position: relative; margin: 0; padding:0; width: 340px; height: 249px; text-align: left; left: 0; }
				#ourpartners .cf_element { margin: 0; padding: 0; width: 340px; height:249px; overflow:hidden; position: relative; text-align: left;  }
		
		
	
		/* about mar jennings area */	
		.container #content #innercontent #leftcol #aboutmar { display: block; width: 284px; height: 288px; float: left; }		
			.container #content #innercontent #leftcol #aboutmar h3.title { margin: 0; padding: 0; width: 284px; height: 39px; display: block; }
				.container #content #innercontent #leftcol #aboutmar h3.title a { width: 284px; height: 39px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/aboutmar-title.png') no-repeat; }
				.container #content #innercontent #leftcol #aboutmar h3.title a:hover { text-decoration: none; }
				.container #content #innercontent #leftcol #aboutmar h3.title a span { display: none; }
			.container #content #innercontent #leftcol #aboutmar p { display: none; }
				.container #content #innercontent #leftcol #aboutmar a.readmore { margin: 0; padding: 0; width: 284px; height: 249px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/aboutmar_8202010.png') no-repeat; }
				.container #content #innercontent #leftcol #aboutmar a.readmore:hover { text-decoration: none; }
				.container #content #innercontent #leftcol #aboutmar a.readmore span { display: none }		
		/* recent articles area */
		.container #content #innercontent #leftcol #recentarticles { line-height: 120%; padding-top: 12px; }
				.container #content #innercontent #leftcol #recentarticles h3.title { width: 580px; height: 39px; display: block; text-decoration: none; background: url('/assets/images2010/homepage/articles-title.png') no-repeat; }
				.container #content #innercontent #leftcol #recentarticles h3.title span { display: none; }
			
			.container #content #innercontent #leftcol #recentarticles ul { margin: 0; padding: 0; }
			.container #content #innercontent #leftcol #recentarticles ul li { margin: 0; padding: 0; list-style: none; display: block; padding:  12px; padding-right: 50px; /*border-bottom: 1px solid #eee;*/ overflow: hidden; }
			.container #content #innercontent #leftcol #recentarticles ul li a img { float: left; padding-right: 10px; }
			.container #content #innercontent #leftcol #recentarticles ul li p { display: block; overflow: hidden; margin: 0; padding: 0; font-size: 12px; line-height:135%; }
			.container #content #innercontent #leftcol #recentarticles ul li p a.posttitle { display: block; font-weight: bold; font-size: 13px; color: #ff9933; text-decoration: underline; }
			.container #content #innercontent #leftcol #recentarticles ul li p a.sectiontitle { font-weight: bold; font-size: 12px; color: #999; text-decoration: underline; }
			.container #content #innercontent #leftcol #recentarticles ul li p em.posted { display: block; font-style: italic; color: #999; padding-bottom:3px; font-size: 10px; font-weight: bold; }			
			
			
		
		/* footer styles */
			.container #footer { font-size: 10px; }
			.container #footer a { text-decoration: none; color: #900 }
		
