@import url("reset.css");

body {
	
}

p {
	font-family: verdana, arial, sans-serif;
}
.red {
	color: #ff0000;
}
.caption {
	color: #a7acac;
	font-size: 11px;
}

/**
 * Header & Brief Description
 */
div#header {
	background: url('../images/header-bg.png') repeat-x;
}
div#header-nav {
	margin: 0 auto;
	width: 800px;
	height: 55px;
	overflow: hidden;
}
	img.logo {
		padding-top: 8px;
		float: left;
	}
	div.header-nav-nest {
		float: right;
		width: 530px;
	}
	div.header-nav-nest a {
		padding-left: 20px;
		font-size: 12px;
		font-family: georgia;
		font-weight: bold;
		line-height: 60px;
		color: white;
		text-transform: uppercase;
	}
	div.header-nav-nest a:hover {
		color: yellow;
	}
div#header-clouds {
	background: url('../images/header-clouds.jpg') no-repeat top center;
}	

div#header-box {
	margin: 0 auto;
	padding: 12px 0 0 0;
	width: 810px;
}
	div#header-slogan {
		background: url('../images/header-left.png') no-repeat;
		width: 504px;
		height: 326px;
		float: left;
	}
	div#header-slogan div {
		padding: 40px 40px 40px 50px;
	}
	div#header-slogan h1 {
		padding: 20px 0 0px 0;
		margin: 0 0 15px 0;
		font-size: 48px;
		font-weight: bold;
		border-bottom: 2px solid black;
		display: inline-block;
	}
	div#header-slogan p {
		font-family: arial;
		font-size: 32px;
		line-height: 50px;
	}
	div#header-slogan-images {
		width: 306px;
		float: right;
	}
	
div#header-overview-intro {
	width: 690px;
	margin: 0 auto 30px auto;
	border-bottom: 1px dashed #ccc;
	font-size: 20px;
}
	div#header-overview-intro a { 
		color: blue;
		text-decoration: underline;
	}

div#header-overview {
	width: 800px;
	margin: 20px auto;
	display: block;
}
	div#header-overview-text {
		float: left;
		width: 380px;
	}
		div#header-overview-text p {
			padding: 50px;
			font-size: 18px;
		}
		p.header-overview-desc {
			background: url('../images/title-what-we-do.gif') no-repeat 48px 0;
		}
		p.header-overview-point {
			padding-bottom: 0 !important;
			background: url('../images/title-whats-the-point.gif') no-repeat 48px 0;
		}
	div#header-overview-images {
		float: right;
		padding-left: 50px;
		width: 369px;
		border-left: 1px dashed #ccc;
	}
		p.header-testimonial {
			color: #82af4e;
			font-size: 11px;
			line-height: 20px;
			background: url('../images/quote.gif') no-repeat top left;
			padding: 0 100px 15px 50px;
		}
		
/**
 * Testimonials
 */
div#testimonials {
	background: #e0ebd3 url('../images/testimonials-bg.png') repeat-x;
}
	div#testimonials div.testimonials-nest {
		margin: 0 auto;
		padding-top: 100px;
		width: 810px;
		background: url('../images/testimonials-bg.jpg') no-repeat;
	}
	div.testimonial, div.testimonial-alt {		
		width: 660px;
		margin: 0 auto;
	}
	div.testimonial  div {
		background: url('../images/testimonial-greenbox.gif') no-repeat;
		width: 255px;
		height: 235px;
		padding: 20px;
		font-size: 11px;
		color: white;
		font-weight: bold;
		float: left;
	}
	div.testimonial img {
		float: right;
	}
	div.testimonial-alt  div {
		background: url('../images/testimonial-lightgreenbox.gif') no-repeat top right;
		width: 240px;
		height: 235px;
		padding: 20px 20px 0 50px;
		font-size: 11px;
		color: #54742f;
		font-weight: bold;
		float: right;
	}
	div.testimonial-alt img {
		float: left;
	}
	div.top-link {
		margin: -45px 0 0 0;
		float: right;
	}

/**
 * Overview
 */
div#overview {
	background: #fff url('../images/overview-bg.png') repeat-x;
	padding-top: 30px;
}	
	div#overview div.overview-nest {
		width: 760px;
		margin: 0 auto;
	}
	div#overview h1 {
		background: url('../images/overview-title.gif') no-repeat top center;
		height: 40px;
		margin-top: 33px;
	}
	
	div#overview-promise {
		float: left;
		background: url('../images/title-what-we-promise.gif') no-repeat 130px 0;
		width: 324px;
		padding: 50px 55px 0 0;
		border-right: 1px solid #d3d3d3;
	}
		div#overview-promise p {
			font-size: 12px;
			color: #717171;
		}
		div#overview-promise div {
			padding: 0 0 15px 75px;
		}
		div#promise-want {
			background: url('../images/icon-want.gif') no-repeat;
		}
		div#promise-expertise {
			background: url('../images/icon-expertise.gif') no-repeat;
		}
		div#promise-turnaround {
			background: url('../images/icon-turnaround.gif') no-repeat;
		}
		div#promise-satisfaction {
			background: url('../images/icon-satisfaction.gif') no-repeat;
		}
		div#promise-confidential {
			background: url('../images/icon-condfidential.gif') no-repeat;
		}
	div#overview-how {
		float: right;
		width: 325px;
		padding: 50px 0 0 55px;
		background: url('../images/title-how-it-works.gif') no-repeat 55px 0;
	}
		div#overview-how div {
			padding: 20px 75px 0 0;
			border-bottom: 1px solid #d3d3d3;
		}
		div#overview-how p {
			color: #717171;
		}
		div#how-1 {
			background: url('../images/num-1.png') no-repeat 100% 20px;
		}
		div#how-2 {
			background: url('../images/num-2.png') no-repeat 100% 20px;
		}
		div#how-3 {
			background: url('../images/num-3.png') no-repeat 100% 20px;
		}
		div#how-4 {
			background: url('../images/num-4.png') no-repeat 100% 20px;
			border-bottom: none !important;
		}
		div.overview-top {
			border-bottom: none !important;
			padding: 15px 0 !important;
			/* margin-right: -26px; */
		}
		
/**
 * Pricing
 */
div#pricing {
	background: #80d8fc url('../images/pricing-bg.png') repeat-x;
	padding: 61px 0 20px 0;
}
	div#pricing div.clouds {
		background: url('../images/pricing-bg.jpg') no-repeat center top;
		margin: 0 auto;
		min-width: 760px;
		min-height: 530px;
	}
	div#pricing-nest {
		width: 710px;
		margin: 0 auto;
		padding: 140px 0 0 0;
	}
	div#pricing-footer {
		padding-top: 50px;
		width: 710px;
		margin: 0 auto;
	}
		div#pricing-footer div.money-back {
			width: 400px;
			float: left;
			font-size: 18px;
			font-weight: bold;
			padding-top: 8px;
		}
		div#pricing-footer div.money-back a {
			text-decoration: underline;
		}
		div#pricing-footer img {
			float: right;
		}
/** 
 * Paypal
 */
div.order {
	min-height: 600px;
}
div.order h2 {
	font-size: 36px; 
	text-align: center;
	border-bottom: 1px dashed #d4d4d4;
}

/**
 * Footer 
 */
div#footer {
	background: #3e3125 url('../images/footer-bg.jpg') no-repeat center top;
	color: #e6d5c5;
	padding: 20px 0;
	font-size: 12px;
}
div#footer div {
	margin: 0 auto;
	text-align: center;
	width: 750px;
}
div#footer a {
	color: #e6d5c5;
	text-decoration: underline;
}