/*  Table of Contents
	-----------------
	GENERAL
	MASTHEAD
		get-started
	FEATURES
	FOOTERS
		logos
		testimonials
	MODAL
----------------------------------------------------------------------------- */

/* GENERAL
----------------------------------------------------------------------------- */

html {
     min-height: 100%;
     margin-bottom: 1px;
     background: #2b3137 url(http://i4.campaignmonitor.com/designer/img/bg-repeat_x.png) repeat-x 0 0; 
}

body{
  background: #2b3137 url(http://i4.campaignmonitor.com/designer/img/bg-repeat_x.png) repeat-x 0 0; 
  }

h1,h2,h3,#get-started{ text-indent: -9999px; }

#wrap{ 
	margin: 0 auto;
	width: 940px; 
}

#wrap:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* MASTHEAD
----------------------------------------------------------------------------- */

#masthead{ 
	background: transparent url(http://i4.campaignmonitor.com/designer/img/bg-masthead_panel_noyear.jpg) no-repeat 0 0; 
	margin-top: 25px;
	height: 432px;
	position: relative;
	width: 940px;
}

	/*h1{ position: absolute; }*/
	
	#masthead h1 {
		
	}
		
	#masthead h2 {
		background: transparent url(http://i4.campaignmonitor.com/designer/img/h-main_headline.png) no-repeat 0 0;
		float: left;
		height: 84px;
		margin: 80px 0 19px 50px;
		width: 890px;
	}
	
	#masthead p {
		color: #69717d;
		float: left;
		padding: 0 470px 0 50px;
		width: 420px;
	}
	
/* get-started ------------- */
	
		#get-started{
			left: 45px;
			position: absolute;
			top: 336px;
			width: 270px; 
		}

			#get-started a:link,
			#get-started a:visited{
				background: url(http://i4.campaignmonitor.com/designer/img/btn-get_started.png) 0 0 no-repeat;
				display: block;
				height: 57px;
			}

			#get-started a:hover,
			#get-started a:active,
			#get-started a.hover:link,
			#get-started a.hover:visited,
			.hover #get-started a:link,
			.hover #get-started a:visited{ background-position: 0 -57px; }
		
/* FEATURES 
----------------------------------------------------------------------------- */

#feat{ 
	background-color: #1a2026;
	float: left;
	padding: 45px 0 6px 40px;
}

#feat:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#feat div{
		float: left;
		padding-bottom: 39px;
		padding-left: 10px;                           
		width: 290px;
	}
	
		#feat h3{ 
			background: transparent url(http://i4.campaignmonitor.com/designer/img/h-your_own_product.png) no-repeat 0 0; 
			height: 48px;
			margin-bottom: 10px;
			width: 230px;
		}
		
			/* feat header img replacement ------------- */
			#earn h3{ background-image: url(../img/h-earn_income.png); }
			#free h3{ background-image: url(../img/h-free.png); }
			#impress h3{ background-image: url(../img/h-impress.png); }
			#stop h3{ background-image: url(../img/h-stop_wasting.png); }
			#design h3{ background-image: url(../img/h-design.png); }
		
		#feat p{
			color: #868c93;
			width: 230px;
			line-height: 21px;
			-webkit-font-smoothing: antialiased;
		}
	
/* FOOTER 
----------------------------------------------------------------------------- */
	
#footer{
	background: #e5e5e5 url(http://i4.campaignmonitor.com/designer/img/bg-footer_btm.png) no-repeat 0 bottom;
	float: left;
	margin-bottom: 30px;
	text-align: center;
	width: 940px;
}

#footer:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

	#footer h3{ 
		background: transparent url(http://i4.campaignmonitor.com/designer/img/h-logos_headline.png) no-repeat center 0;
		float: left;
		height: 14px;
		margin: 43px 0 0 0;
		width: 940px; 
	}

/* logos ------------- */	
	
	#footer ul{
		float: left;
		height: 67px;
		margin: 14px auto 20px auto;
		padding-left: 111px;
		width: 706px;
	}
	
		#footer li{ 
			background: transparent url(http://i4.campaignmonitor.com/designer/img/bg-logo_panel.png) no-repeat 0 0;
			float: left;
			height: 67px;
			list-style-type: none;
			width: 78px; 
		}

/* testimonial ------------- */	
	
	#footer div{ 
		background: transparent url(http://i4.campaignmonitor.com/designer/img/bg-quotes.png) no-repeat 0 145px; 
		margin: 0 auto 40px auto;
		padding: 0 20px;
		width: 600px;
	}
	
		#footer p{
			color: #333;
			font: 28px/32px 'Georgia','Times New Roman',serif;
			text-align: center;
		}
	
			#footer span{
				color: #999;
				font: bold 14px 'Arial','Helvetica',sans-serif;
			}
		
				#footer em{ font: italic 14px 'Georgia',serif; }
				
/* MODAL 
----------------------------------------------------------------------------- */
#img-bg-modal {
	width: 1px;
	height: 1px;
	display: none;
}

#question-exit {
  cursor: pointer;
}