/****************************************************************
|	James Gibson
|	http://getreservoir.com
|	2009/03/06
\************************************************************/

html, body {
	background:#fefefe;
}

body {
	font-size:83.3331%;
	color:#3d3d3d;
	margin:0;
	padding:0;
}

a {
	color:#0083D7;
}

a.plus {
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 0 -71px;
	padding-left:16px;
}

span.underline {
	text-decoration:underline;
}

.highlight {
	background:transparent;
	font-size:1.25em;
	line-height:1.2em;
	color:#f60;
}

.row:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.row {display:block;}

/****************************************************************
|	inner-body background
\************************************************************/
#inner-body {
	background:#00344f url(../images/sprites/header-star-burst.jpg) no-repeat 50% 0;
	}
	
	.home #inner-body {
		background-position:50% -180px;
	}
	
	.pricing #inner-body {
		background-position:50% -490px;
	}



/****************************************************************
|	header
\************************************************************/
#header {
	background:url(../images/sprites/header-background-logo.png) repeat-x 0 -60px;
	height:60px;
	}
	
	#header #logo {
		background:url(../images/sprites/header-background-logo.png) no-repeat 0 0;
		padding:60px 0 0 0;
		width:182px;
		display:block;
		height:0 !important;
		line-height:0 !important;
		font-size:0 !important;
		text-indent:-1000px;
		float:left;
	}

/****************************************************************
|	navigation
\************************************************************/
#navigation ul {
	float:right;
	list-style:none;
	padding-top:10px;
	margin:0;
	}
	
	#navigation ul li {
		float:left;
		}
		
		#navigation ul li a {
			display:block;
			color:#D2EBFB;
			text-decoration:none;
			font-weight:bold;
			background:url(../images/sprites/navigation.gif) no-repeat 0 0;
			height:0 !important;
			line-height:0 !important;
			font-size:0 !important;
			text-indent:-10000px;
			margin-left:15px;
			padding:40px 10px 0 10px;
			}
			
			#navigation ul li.home a {
				background-position:10px 0;
				width:37px;
				}
				
				#navigation ul li.home a:hover,
				#navigation ul li.home a.active {
					background-position:10px -40px;
				}
			
			#navigation ul li.feature-tour a {
				background-position:-61px 0;
				width:84px;
			}
				
				#navigation ul li.feature-tour a:hover,
				#navigation ul li.feature-tour a.active {
					background-position:-61px -40px;
				}
			
			#navigation ul li.success-stories a {
				background-position:-190px 0;
				width:100px;
			}
				
				#navigation ul li.success-stories a:hover,
				#navigation ul li.success-stories a.active {
					background-position:-190px -40px;
				}
			
			#navigation ul li.support a {
				background-position:-320px 0;
				width:53px;
			}
				
				#navigation ul li.support a:hover,
				#navigation ul li.support a.active {
					background-position:-320px -40px;
				}
			
			#navigation ul li.our-story a {
				background-position:-405px 0;
				width:65px;
			}
				
				#navigation ul li.our-story a:hover,
				#navigation ul li.our-story a.active {
					background-position:-405px -40px;
				}
			
			#navigation ul li.pricing-and-signup a {
				background-position:-542px 0;
				width:104px;
			}
				
				#navigation ul li.pricing-and-signup a:hover,
				#navigation ul li.pricing-and-signup a.active {
					background-position:-542px -40px;
				}

/****************************************************************
|	sub navigation
\************************************************************/
#sub-navigation ul {
	padding-top:60px;
	list-style:none;
	margin:0;
	border-bottom:1px solid #ccc;
	}
	
	#sub-navigation ul li {
		}
		
		#sub-navigation ul li a {
			display:block;
			font-size:1.2em;
			line-height:2.35em;
			padding:0 24px 0 0;
			text-align:right;
			text-decoration:none;
			border-top:1px solid #ccc;
			}
			
			#sub-navigation ul li a:hover {
				color:#0083D7;
				text-decoration:underline;
			}
			
			#sub-navigation ul li a.active {
				background:#0083D7;
				color:#fff;
				text-decoration:none;
			}




/****************************************************************
|	top
\************************************************************/
#top {
	height:120px;
}

	.home #top {
		background:url(../images/sprites/heading-background-images.jpg) repeat-x 0 240px;
		height:300px;
	}

	.pricing #top {
		background:url(../images/sprites/heading-background-images.jpg) repeat-x 0 400px;
		height:460px;
	}

#top .tagline {
	float:left;
	width:426px;
	color:#fff;
	font-size:1.15em;
	line-height:1.27em;
	margin-bottom:2.66em;
	padding-left:29px;
}
	
	@media screen {

		.sIFR-active #top .tagline {
			font-family: Verdana;
			visibility: hidden;
			height:20px;
			font-size:15px;
		}
	}

#top .take-the-tour {
	float:left;
	font-size:1.25em;
	line-height:1.2em;
	padding:1.2em 0 0 29px;
	margin-bottom:1.2em;
}

#top .free-report {
	float:right;
	margin-top:30px;
	position:relative;
	}
	
	#top .free-report a {
		display:block;
		background:url(../images/sprites/header-background-logo.png) no-repeat 0 -200px;
		width:310px;
		padding-top:60px;
		font-size:0;
		line-height:0;
		height:0;
		text-indent:-10000px;
		}
		
		#top .free-report a.open {
			padding-top:50px;
		}
	
		#top .free-report a:hover {
			background-position:0 -260px;
		}
		
	#top .free-report #report-form {
		display:none;
		position:absolute;
		overflow:hidden;
		z-index:10;
		left:0;
		top:50px;
		background:url(../images/sprites/header-background-logo.png) no-repeat 0 100%;
		width:310px;
		}
		
		#top .free-report #report-form form {
			padding:10px 19px;
		}
		
		#top .free-report #report-form .submit-button {
			margin:1.5em 0 .75em;
		}
		
		#top .free-report #report-form input.text {
			font-size:1em;
			padding:2px;
			width:262px;
		}
		
		

/****************************************************************
|	hero media
\************************************************************/
#hero-media {
	float:right;
}

/****************************************************************
|	top headings
\************************************************************/
h1 {
	float:left;
	font-size:2.5em;
	line-height:1.2em;
	padding:1.2em 0 .6em 29px;
	margin:0;
	color:#fefefe;
	}
	
	.home h1 {
		float:left;
		width:426px;
	}
	
	.pricing h1 {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	@media screen {

		.sIFR-active h1 {
			font-family: Verdana;
			visibility: hidden;
			padding:40px 0 0 29px;
			height:40px;
			font-size:32px;
		}

		.sIFR-active .pricing h1 {
			font-family: Verdana;
			visibility: hidden;
			padding:10px 0 10px 29px;
			height:40px;
			font-size:32px;
		}

		.sIFR-active .home h1 {
			font-family: Verdana;
			visibility: hidden;
			height:120px;
			padding:40px 0 20px 29px;
		}
	}

/****************************************************************
|	content containers
\************************************************************/
#content {
	background:#fefefe url(../images/sprites/heading-background-images.jpg) repeat-x 0 -3900px;
	padding-top:3em;
	min-height:450px;
	height:auto !important;
	height:450px;
	}	
	
	.home #content,
	.pricing #content {
		background-position:0 -3902px;
	}
	
	#content .container {
		position:relative;
	}
	
	#content #right {
		min-height:480px;
		height:auto !important;
		height:480px;
	}

/****************************************************************
|	content seperator
\************************************************************/
#content #seperator {
	position:absolute;
	background:#fefefe url(../images/sprites/heading-background-images.jpg) repeat-x 0 -3600px;
	top:0;
	left:0;
	width:20px;
	height:300px;
	}
	
	#content #seperator {
		left:223px;
	}
	
	.feature-tour #content #seperator,
	.infusionsoft-integration #content #seperator,
	.strengthen-your-continuity #content #seperator,
	.keep-your-content-fresh #content #seperator,
	.hassle-free-management #content #seperator,
	.why-you-will-love-us #content #seperator,
	.signup-for-a-web-demo #content #seperator {
		background-position:0 -3010px;
		height:500px
	}
	
	.left #content #seperator {
		left:600px;
	}

/****************************************************************
|	content headings
\************************************************************/
#content h2, #top h2 {
	font-size:1.55em;
	padding:10px 0 10px 58px;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 0 0;
	color:#002b42;
	line-height:.975em;
	margin:0;
	}
	
	#content h2.blank {
		background:transparent;
		padding-left:0;
	}
	
	#content h2.infusionsoft {
		background-position:0 -120px;
		padding:60px 0 0 0;
		height:0 !important;
		font-size:0 !important;
		line-height:0 !important;
		text-indent:-10000px;
	}
	
	#content h2.continuity {
		background-position:0 -180px;
	}
	
	#content h2.content-management {
		background-position:0 -240px;
	}
	
	#content h2.content-work {
		background-position:0 -300px;
	}
	
	#content h2.what-our-clients-say {
		background-position:0 -360px;
	}
	
	#content h2.member-levels {
		background-position:0 -420px;
	}
	
	#content h2.custom-design {
		background-position:0 -480px;
	}
	
	#content h2.connect-members {
		background-position:0 -540px;
	}
	
	#content h2.media-storage{
		background-position:0 -600px;
	}
	
	#content h2.secure-data {
		background-position:0 -660px;
	}
	
	#content h2.no-install {
		background-position:0 -720px;
	}
	
	#content h2.helping-others {
		background-position:0 -780px;
	}
	
	#content h2.infusionsoft-experts {
		background-position:0 -840px;
	}
	
	#content h2.technology-magic {
		background-position:0 -900px;
	}
	
	#content h2.support-email {
		background-position:0 -960px;
	}
	
	#content h2.truly-excited {
		background-position:0 -1020px;
	}

	#content h2.server-stuff {
		background-position:0 -1080px;
	} 

	#content h2.measure-us {
		background-position:0 -1140px;
	} 
	
	#content h2.sign-up {
		background-position:0 -1200px;
	}
	
	#content h2.information {
		background-position:0 -1380px;
	}
	
	#content h2.more-questions {
		background-position:0 -1440px;
	}
	
	#content h2.frequently-asked-questions {
		background-position:0 -1500px;
	}
	
	#content h2.permissions {
		background-position:0 -1560px;
	}
	
	#content h2.eliminate {
		background-position:0 -1620px;
	}
	
	#content h2.good-idea {
		background-position:0 -1680px;
	}
	
	#content h2.connect {
		background-position:0 -1740px;
	}
	
	#content h2.google {
		background-position:0 -1800px;
	}
	
	#content h2.why-reservoir {
		background-position:0 -1980px;
	}
	
	#content h2.get-in-touch {
		background-position:0 -2040px;
	}

	#content h2.search {
		background-position:0 -2100px;
	}

	#content h2.time-release {
		background-position:0 -2160px;
	}

	#content h2.schedule {
		background-position:0 -2220px;
	}

	#content h2.editor {
		background-position:0 -2280px;
	}

	#content h2.details {
		background-position:0 -2340px;
	}

	#content h2.plus {
		background-position:0 -2400px;
	}

	#content h2.included {
		background-position:0 -2460px;
	}
	
	#content h2.meet-the-team {
		background:transparent;
		padding-left:0;
	}

#content h3 {
	font-size:1.25em;
	line-height:1.2em;
	color:#002b42;
}		

/****************************************************************
|	testimonial
\************************************************************/
#testimonials .testimonial {
	padding-top:40px;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 50% -2930px;
}

#testimonials .testimonial blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:2em;
	margin:0 2em 0 0;
	}	
	
	#testimonials .testimonial blockquote p {
		margin-bottom:0;
	}
	
	#testimonials .testimonial p.by {
		font-weight:bold;
		text-align:right;
	}
	
	

#content #testimonial blockquote {
	margin:0;
}

#content #testimonial .by {
	text-align:right;
}


/****************************************************************
|	features
\************************************************************/
#features .feature img {
	float:right;
	margin:0 0 1.5em 1.5em;
}

#features .row .feature {
	float:left;
	width:310px;
	margin:0 29px 0 0;
}

#features .row .feature ul {
	list-style:none;
	margin-left:0;
}

#features .row .last {
	margin:0;
}

#features .question {
	padding-top:40px;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 50% -2930px;
	margin-right:58px;
}

#features .question h3 {
	margin-bottom:0;
}

#features .top {
	padding-top:40px;
	background:transparent;
}

.home #features .feature,
.pricing #features .feature {
	float:left;
	width:252px;
}

.home #features .last {
	float:left;
	margin:0 0 0 58px;
}


/****************************************************************
|	success stories
\************************************************************/
#success-stories h2 {
	background:transparent;
	padding-left:0;
}

#success-stories .story {
	padding-top:40px;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 50% -2930px;
}

#success-stories .top {
	padding-top:0;
	background:transparent;
}

#success-stories .left img {
	float:left;
	margin:0 1.5em 1.5em 0;
}

#success-stories .right img {
	float:right;
	margin:0 0 1.5em 1.5em;
}

.what-our-clients-say img {
	border:1px solid #ccc;
}


/****************************************************************
|	pricing plans
\************************************************************/
#pricing {
	background:url(../images/sprites/header-background-logo.png) no-repeat -321px -200px;
	clear:both;
	height:380px;
	padding-top:1.5em;
}

	#pricing .question {
		display:block;
		float:right;
		background:url(../images/sprites/heading-background-images.jpg) no-repeat 0 -60px;
		width:20px;
		font-size:0;
		line-height:0;
		height:0;
		text-indent:-10000px;
		padding-top:20px;
		margin-left:5px;
	}

	#pricing .column {
		margin-right:0;
		padding-right:10px;
	}
		
	#pricing .last {
		padding-right:0;
		}	
		
		#pricing .column div {
			padding:0 10px 10px 20px;
			border-left:1px solid #f1f1f1;
			text-align:center;
			}
		
			#pricing .compare .column div {
				padding-top:10px;
				border-top:1px solid #f1f1f1;
				}
			
			#pricing .descriptions div {
				padding:0 10px 10px 0;
				border:0;
				text-align:left;
				}

	#pricing h2 {
		background:transparent;
		padding:0;
		}
		
		#pricing .descriptions h2 {
			padding-top:1em;
			font-weight:normal;
			color:#666;
		}
	
	#pricing h3 {
		font-size:1.25em;
		line-height:1.2em;
		color:#0083D7;
		clear:both;
		margin-bottom:0;
	}
	
	#pricing .compare {
		clear:both;
		}		
		
	#pricing .compare ul {
		margin:0;
		padding:0;
		list-style:none;
		}
		
		#pricing .compare ul li {
			clear:both;
			list-style:none;
			line-height:25px;
			}
			
			#pricing .compare .descriptions ul li {
				text-align:right;
			}
			
			#pricing .compare ul li.price {
				color:#005CA3;
				line-height:1.5em;
				height:45px;
				}
				
				#pricing .compare ul li.price label {
					color:#222;
				}
				
				#pricing .compare ul li.price h3 {
					font-size:1.4em;
					line-height:1.05em;
					color:#005CA3;
					font-weight:bold;
					padding:0;
				}
				
				#pricing .compare ul li.price span.startup,
				#pricing .compare ul li.price span.month {
					display:block;
					float:left;
					margin-top:-2px;
				}
				
				#pricing .compare ul li.price .startup {
					padding:0 0 0 30px;
				}
				
				#pricing .compare ul li.price .month {
					padding:0 0 0 33px;
				}
			
			#pricing .compare ul li.signup {
				margin-top:1.5em;
			}
	
	#pricing button {
		font-size:1.5em;
	}
/*
#pricing .plan {
	width:268px;
	height:320px;
	background:url(../images/sprites/header-background-logo.png) no-repeat 0 -180px;
	margin-right:21px;
}

#pricing .best-plan {
	position:relative;
	background-position:0 -190px;
	z-index:2;
}
	
	#pricing .plan h2,
	#pricing .plan h3,
	#pricing .plan p,
	#pricing .plan div.price {
		padding:0 9px;
		margin:0;
		text-align:center;
	}
	
	#pricing .first h2,
	#pricing .first h3,
	#pricing .first p,
	#pricing .first div.price {
		padding:0 9px 0 11px;
	}
	

	
	#pricing .plan .price {
		color:#005CA3;
		}
		

		
		#pricing .plan .startup,
		#pricing .plan .month {
			float:left;
			font-size:.8em;
			padding-bottom:4px;
		}
		
		#pricing .plan .startup {
			padding-left:34px;
			}
			
			#pricing .best-plan .startup {
				padding-left:44px;
			}
		
		#pricing .plan .month {
			padding-left:40px;
		}
	

*/

/****************************************************************
|	sign-up-questions
\************************************************************/
#questions {
	clear:both;
	padding:4.5em 0 0 0;
	}
	
	#questions .top-corners {
		background:url(../images/sprites/grey-rounded-corner-background.png) no-repeat 0 0;
		height:20px;
	}
	
	#questions .bottom-corners {
		background:url(../images/sprites/grey-rounded-corner-background.png) no-repeat 0 100%;
		height:20px;
		clear:both;
	}
	
	#questions .content {
		background:url(../images/sprites/grey-rounded-corner-background.png) no-repeat -919px 0;
		padding:0 29px;
	}
	
	.content:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
	.content {display:block;}
	
	#questions h3 {
		margin-bottom:0;
	}


/****************************************************************
|	legal stuff
\************************************************************/
#legal-stuff h2 {
	background:transparent;
	padding-left:0;
}


/****************************************************************
|	legal stuff
\************************************************************/
#top-questions {
	background:#FFFCEA;
	border:1px solid #ccc;
	padding:19px 28px;
	margin-bottom:3em;
	}
	
	#top-questions ul {
		margin:0;
		list-style:none;
		}
	
		#top-questions ul li {
			list-style:none;
		}


/****************************************************************
|	team
\************************************************************/
#team .team-member {
	padding-top:40px;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 50% -2930px;
}
#team .top {
	padding-top:0;
	background:transparent;
}

#team .team-member img {
	float:right;
	margin:0 0 1.5em 1.5em;
	border:1px solid #ccc;
	padding:4px;
}








/****************************************************************
|	forms in general
\************************************************************/
form p {
	margin-bottom:0;
}

form p:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
form p {display:block;}
	
form label {
	display:block;
	float:left;
	width:136px;
	margin-right:29px;
	text-align:right;
	clear:left;
	line-height:3em;
	}
	
	form label.invalid {
		float:none;
		width:auto;
		padding-right:87px;
		margin-right:0;
	}

form label.multi-line {
	line-height:1.5em;
}

form input.text, form select {
	display:block;
	float:left;
	width:395px;
	font-size:1.25em;
	padding:6px 4px;
	border:1px solid #ccc;
	margin:3px 0;
}

form input.invalid,
form input.invalid:focus {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

form input.instructions {
	color:#999;
}

form textarea {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	width:393px;
}

form select {
	font-size:1.1em;
	width:405px;
}
	
	form .multiple-fields input {
		margin-right:9px;
	}
	
	form .name-fields input {
		width:190px;
		}
		
		form .name-fields input.last {
			margin-right:0;
		}

form .submit-button {
	margin:1.5em 0;
	text-align:right;
}

/****************************************************************
|	sign-up form
\************************************************************/	
form .address-fields #city {
		width:165px;
	}
	
	form .address-fields #state {
		width:89px;
	}
	form .address-fields #zipcode {
		width:107px;
	}
	
		form .address-fields input.last {
			margin-right:0;
		}

#get-started {
	float:right;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 0 -1330px;
	border:0;
	width:160px;
	margin:20px 0 0 0;
	padding:40px 0 0 0;
	font-size:0 !important;
	line-height:0 !important;
	height:0;
	height:40px;
	cursor:pointer;
	}
	
	#get-started:hover {
		background-position:0 -1270px;
	}

#send-inquiry {
	float:right;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat 0 -1930px;
	border:0;
	width:160px;
	margin:20px 87px 0 0;
	padding:40px 0 0;
	font-size:0 !important;
	line-height:0 !important;
	height:0;
	height:40px;
	cursor:pointer;
	}
	
	#send-inquiry:hover {
		background-position:0 -1870px;
	}


















/****************************************************************
|	bottom call to action
\************************************************************/
#bottom-call-to-action {
	clear:both;
	padding-top:3em;
	background:url(../images/sprites/heading-background-images.jpg) no-repeat -50px -3740px;
	height:60px;
	}
	
	#bottom-call-to-action h3 {
		font-size:1.9em;
		text-align:center;
		line-height:60px;
		}


































/****************************************************************
|	footer
\************************************************************/
#footer {
	padding:6em 0 6em;
	background:#fefefe;
	}
	
	#footer .container {
		background:url(../images/sprites/heading-background-images.jpg) no-repeat -50px -3840px;
		height:60px;
		font-size:.875em;
		line-height:1.65em;
	}
	
	#footer .copyright {
		float:left;
		padding:1.65em 0 0 29px;
		margin:0;
	}
	
	#footer .bottom-links {
		float:right;
		list-style:none;
		padding:1.65em 29px 0 0;
		margin:0;
		}
		
		#footer .bottom-links li {
			float:left;
			list-style:none;
			padding-left:9px;
		}

/****************************************************************
|	sifr
\************************************************************/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}