/*------------------------------------------------------------------
StrongMail 		home.css

ORGANIZATION 	1. 	CSS FILES 
					global.css			->	 	global rules
					home.css			->		rules for homepage
					interior.css		->		rules for interior pages
					ie.css				->		rules for microsoft exploder
							
				2.	IN THIS CSS FILE:
					general rules
						-global link settings
						-general elements
						-good to have global classes
						-form elements
					#container
						#header
							#header elements
						#body
							column setup
						#footer
							#footer elements
					Workarounds
						clearfix
--------------------------------------------------------------------*/

#flashcontent {
	width:				606px;
	height:				266px;
	overflow:			hidden;
}

#flashcontent .noflash {display:none;}
#flashcontent .noflash a {width:606px;height:266px;display:block;background: transparent url(../i/bg_noflash.jpg) no-repeat top left;text-indent:-9999px;overflow:hidden;}

#flashcontent.wide { width: 908px; height: 312px; }
#flashcontent.wide .noflash a {width: 908px; height: 318px; background-image: url(../i/bg_noflash-lifecycle.jpg);}

#intro {
	padding:			4px;
	background:			#fff;
}

#intro #pathways {
	width:				299px;
	height:				266px;
	float:				right;
	display:			inline;
	position:			relative;
	background: transparent url(../i/home_bg_pathway3.png) no-repeat 0 0;
}

#intro #pathways.blog {background: transparent url(../i/home_bg_pathway2.png) no-repeat 0 0;}
#intro #pathways.emailaward {background: transparent url(../i/home_bg_pathway3.png) no-repeat 0 0;}
#intro #pathways.tmarketing {background: transparent url(../i/home_bg_pathways.jpg) no-repeat 0 0;}
#pathways div.tour, #pathways div.social, #pathways div.blogs, #pathways div.emailawards  {
	display:		block;
	width:			299px;
	height:			131px;
}

#pathways div.tour {margin-bottom: 3px;}
#pathways div.socialstudio {margin:4px 0 0 0;}

#pathways p.headline {
	display:		block;
	width:			260px;
	height:			62px;
	padding:		19px 0 0 20px;
	text-indent:	-9999px;
	overflow:		hidden;
}
#pathways div.tour p.headline 	{background: transparent url(../i/home_path_tour-headline.gif) no-repeat 19px 20px;}
#pathways div.socialstudio p.headline {background: transparent url(../i/home_path_socialstudio-headline.png) no-repeat 19px 16px;}
#pathways div.blogs p.headline {background: transparent url(../i/home_path_blog-headline.png) no-repeat 19px 16px; height:81px;}
#pathways div.emailawards p.headline {background: transparent url(../i/home_path_award-headline.png) no-repeat 19px 16px; height:81px;}


#pathways p.btn {
	margin:		0;
	padding:	0;
}

#pathways p.btn a {
	display:		block;
	width:			150px;
	min-height:		10px;
	text-indent:	-9999px;
	overflow:		hidden;
	margin:			2px 19px;
}

#pathways p.btn a.marketing 	{margin: 5px 0 0 19px;background: transparent url(../i/btn_path-marketing.gif) no-repeat left top;height:14px;}
#pathways p.btn a.socialmedia 		{margin: 5px 0 0 19px;background: transparent url(../i/btn_path-socialmedia.gif) no-repeat left top;}
#pathways p.btn a.socialstudio 	{margin: 4px 0 0 19px;background: transparent url(../i/btn_path-socialstudio.png) no-repeat left top;height:35px;width:227px;}

#pathways p.btn a.blogs 	{margin: 4px 0 0 19px;background: transparent url(../i/btn_path-blog.png) no-repeat left top;height:14px;width:122px;}
#pathways p.btn a.emailaward{margin: 4px 0 0 19px;background: transparent url(../i/btn_path-emailawd.png) no-repeat left top;height:14px;width:98px;}


#logorotator {
	margin:				0 0 2em 11px;
	height:				61px;
	background:			transparent url(../i/home_bg_logos.gif) no-repeat left top;
	position:			relative;
}
#logorotator div {
	position:			absolute;
	left:				0;
	top:				0;
	display:			none;

}

/* #body - column layouts
--------------------------------*/

#body {
	padding-top:		7px !important;
}

#body #maincontent {

	width:				auto !important;
	padding:			0 !important;
	margin:				0;
	border:				0;
}

/*----------------------------*/

/*basic typography*/

#maincontent h2 {
	font-size:			17px;
	margin-bottom:		-5px;
}

/* #maincontent elements */

#maincontent p,
#maincontent li  {
	color:				#3d4950;
	font-size:			10px !important;
}


#maincontent div.content {
	width:				268px;
	padding:			12px;
	float:				left;
	display:			inline;
	margin:				0 0 3em 11px;
	background:			transparent url(../i/home_contentbg.gif) no-repeat left top;
	position:			relative;
}
#maincontent div.content div.content {
	margin:				0 -12px;
	padding-bottom:		0;
	float:				none;
	display:			block;
	height:				auto;
}

div.full {
	height:				23em;
}

#maincontent div.content p {
	font-size:			1.1em !important;
	line-height:		1.4em !important;
	margin-top:			10px !important;
}
#maincontent div.content p span {
	color:				#8b9398;
}
#maincontent div.content p.floatleft {
	margin:				5px 13px 0 0 !important;
}

#maincontent div.content ul {
	list-style-type:	disc !important;
	margin:				0 0 0 20px !important;
	clear:				both;
	float:				left;
}
#maincontent div.content ul li {
	list-style-type:	disc !important;
	font-size:			1.1em !important;
	line-height:		1.4em !important;

}

#maincontent div.first {
	border-top:			1px solid #c8ced1;
}

#maincontent div.first p {
	font-size:			1.2em !important;
	color:				#667178;
	margin:				0 0 18px 0;
}
#maincontent div.content p.learnmore {
	background:			transparent url(../i/hr.gif) repeat-x left top;
	font-size:			1.1em !important;
	padding:			4px 0 0 0;
}
#maincontent div.content p.absolute {
	margin:				0;
	width:				244px;
	position:			absolute;
	left:				12px;
	bottom:				0;
}

#maincontent div.content h3 {
	height:				19px;
	overflow:			hidden;
	margin:				-12px -12px 6px -12px;
	text-indent:		-9999px;
}
#maincontent div.content h3.comprehensive {
	background:			transparent url(../i/h3_comprehensive.gif) no-repeat left top;
	height:				35px;
	margin:				5px 0 5px 0;
}

#maincontent div.content h3.onlinemktgsolutions {
	background:			transparent url(../i/h3_onlinemktgsolutions.gif) no-repeat left top;
	height:				38px;
	margin:				5px 0 5px 0;
}


#maincontent div.content h3.featuredreport {
	background:			transparent url(../i/h3_featuredreport.gif) no-repeat left top;
}
#maincontent div.content h3.featuredevent {
	background:			transparent url(../i/h3_featuredevent.gif) no-repeat left top;
}

#maincontent div.content h3.featurednews {
	background:			transparent url(../i/h3_featurednews.gif) no-repeat left top;
}


#maincontent div.content h3.featuredwebinar {
	background:			transparent url(../i/h3_featuredwebinar.gif) no-repeat left top;
}
#maincontent div.content h3.featuredresource {
	background:			transparent url(../i/h3_featuredresource.gif) no-repeat left top;
}

#maincontent div.content h3.latestnews {
	background:			transparent url(../i/h3_latestnews.gif) no-repeat left top;
}

#maincontent div.content h3.freewebtool {
	background:			transparent url(../i/h3_freewebtool.gif) no-repeat left top;
}

#maincontent div.content h3.newwhitepaper {
	background:			transparent url(../i/h3_newwhitepaper.gif) no-repeat left top;
}

#maincontent div.content h3.companynews {
	background:			transparent url(../i/h3_companynews.gif) no-repeat left top;
}

#maincontent div.content  h3.sifr {
	font-size:			18px;
	color:				#3d4950;
	
	height:				auto !important;
	overflow:			visible !important;
	margin:				0 !important;
	text-indent:		0 !important;
}

#maincontent div.content img.floatleft {
	margin-right:		10px;
}


#maincontent p.viewcase {
	display:			inline;
}
#maincontent p.viewcase a {
	display:			block;
	width:				114px;
	height:				19px;
	background:			transparent url(../i/a_viewcase.gif) no-repeat left top;
	text-indent:		-9999px;
	margin:				8px auto 0 auto;
}

#maincontent div.features {
	padding:			10px 0 0 0;
	margin:				0;
}


#footer a {
	font-weight:		normal;
}

#footer p {
	word-spacing:		0;
}
#footer p.altspace {
	line-height:		1.4em;
	margin:				0 0 6px 0;
	padding-top:		6px;
}

#footer a.normal {text-decoration:none;}

#footer p img.floatleft {
	margin: 			0 2px -3px 0;
}

#footer div.section {
	float:				left;
	display:			inline;
	border-right:		1px solid #c8ced1;
	min-height:			109px;
	padding:			0 45px 0 11px;
	min-width:			230px;
	width:				230px;
}
* html #footer div.section {
	height:				109px;
}
#footer div.section.first {padding-left:0 !important;}
#footer div.section.last {padding-right:0 !important;border: 0pt none;}

#footer p a.sociallink {float:left;height:32px;width:32px;margin:0 3px;}
#footer p a.sociallink.last {margin-right:0 !important;}

#footer .twitter {background: url(../i/bg_twitter.gif) no-repeat 15px 0;height:111px;width:280px !important;}
#footer .twitter .altspace {margin-top:-1px;}
#footer .twitter .altspace span { display:none; }
#footer .twitter .altspace strong {margin-left: 75px;}

#footer div.tweets {width:250px;margin-left:16px;margin-top:8px;}
#footer div.tweets div.tweet {display:none;font-size:10px;}
#footer div.tweets div.tweet.active {display:inline;}

.twitter .loading {background: url(../i/ajax-loader.gif) no-repeat 50%;height:80%;}

div.section label {
	word-spacing:		0 !important;
	padding:			0;
}

#footer input {
	float: 				left;
	display:			inline;
}
#footer input.type_text {
	width:				130px;
}
#footer input.type_image {
	padding:			0;
}