body{
	margin: 0;
	display:block;
}

.separator{		/*The little blue line at the top */
	display: block;
	background: rgba(114,208,235,1);
	border-style: none;
	margin: auto;
	width: 100%;
	height: 3px;
	position: relative;
	border-radius: 0px;
}



/* HEADER SECTION */

header{
	background-color: rgba(215,215,219,1);
	display: block;
	margin: auto;
	width: 100%;
	height: 85px;
	position: relative;
	padding: 0;
	border-radius: 0;
}

.h-container{
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	height: 85px;
	position:relative;
}

#logo-container{
	display:block;
	left: 6px;
	top: 7px;
	position:absolute;
	width: 150px;
	height: 90px;
}

#logo{
	width: 150px;
	height: 90px;
	vertical-align: top;
	line-height: 17px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 50;	/*We want it to be seen in both section*/

}

.question{
	height: auto;
	display: block;
	border-style:none;
	left: 228px;
	top: 31px;
	width: 300px;
	position: absolute;
	margin: 0;
	padding: 0;
	line-height: 17px;
}

.questionP{
	text-align: center;
	line-height: 38px;
	margin: 0;
	padding: 0;
}

.questionT{
	text-align: center;
	font-size: 24px;
	font-weight: bolder;
	line-height: 38px;
	font-family: droid sans;
}


#fbbox{
	display: block;
	border-style: solid;	
	left: 499px;
  	top: 25px;
  	width: 148px;
  	height: 40px;
  	position: absolute;
	border-radius: 5px;
	background: rgba(59,89,152,1);
	box-shadow: inset 0px 1px 0px #7a8cb1,inset 0 -1px 2px #273b65;
	border-width: 1px;
	border-color: #333333;
}

#lobox{
	display: block;
	border-style: solid;
	left: 660px;
	top: 25px;
	width: 148px;
	height: 40px;
	position: absolute;
	border-radius: 5px;
	background: rgba(152,190,105,1);
	box-shadow: inset 0px 1px 0px #c9d7b7,inset 0 -1px 2px #6f8b4c;
	border-width: 1px;
	border-color: #333333;
	background-repeat: no-repeat;
}

.label{
	margin-top: -10px;
	position: absolute;
	top:50%;
	display: block;
	text-align: center;
	left: 0;
	right: 0;
	padding: 0 8px 0 8px;
	cursor: pointer;
	text-shadow: 1px 1px #000105;
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	font-family: arial;

}



/* FIRST SECTION */
.find{
	display: block;
	background: rgba(21,165,215,1);
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 457px;
	position: relative;
}

.f-overlay{
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	height: 457px;
	position: relative;
}

.img-container{
	display: block;	
	width: 602px;
	height: 377px;
	left: 50px;
	top:30px;
	z-index: 68px;
	position:relative;
	overflow: hidden;
	border-radius: 0px;
	margin: 0;
	padding: 0;
	line-height: 17px
}

.img-container img{
	width: 602px;
	height: 377px;
}

.find .container{
	width: 385px;
	height: 100px;
	display:inline;
	position:relative;
	margin-left: 800px;
	margin-top:30px;
}

.find .container h1{
	margin: 00px 0px 0px 5px;
	position: relative;
	display: inline-block;
	font-family: droid sans;
	font-weight: bolder;
	font-size: 21px;
	color: #344C3F;
	width: 300px;
}

#rbox{
	display: block;
  border-style: solid;
  left: 643px;
  top: 269px;
  z-index: 62;
  width: 158px;
  height: 46px;
  position: absolute;
  border-radius: 5px;
  background: rgba(223,125,53,1);
  box-shadow: inset 0px 1px 0px #f8b685,inset 0 -1px 2px #ac6028;
  text-shadow: 1px 1px #3a0c02;
  color: #fff;
  border-width: 1px;
  border-color: #48585d;
  font-size: 23px;
  line-height: 28px;
  font-weight: bold;
  font-family: Droid Sans;
  text-align: center;
  background-repeat: no-repeat;
}



/* SECOND SECTION */
.benefits{
	display: block;
	background-image: url(../img/sec2back.png);
	background-repeat: repeat;
	background-position: center center;
	border-style: none;
	margin: auto;
	width: 100%;
	height: 561px;
	position: relative;
}

.bcontainer{
	position: relative;
	width: 50%;
	margin-left:45%;
}

#triangle{
	width: 87px;
	height: 47px;
	vertical-align: top;
	display: inline;
	position: relative;
	overflow: hidden;
	top: 1px;
}

#arrow{
	width: 34px;
	height: 44px;
	position: relative;
	overflow: hidden;
	margin-top: -10px;
	margin-left: -62px;
}


.benefits .container{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 561px;
	top: -45px;
	position: relative;
	left: 30px;
}

.belement{
	display: inline-block;
	width: 40%;
	position: relative;
	z-index: 50;
	top: 70px;
	height: 200px;
	margin-right: 80px;
	margin-bottom: 20px;
}

.belement h1{
	margin: 0;
	position: absolute;
	display: inline-block;
	font-family: droid sans;
	font-weight: bolder;
	font-size: 21px;
	color: #344C3F;
	width: 300px;
	margin-top: 30px;
	margin-left: 5px;
}

.belement p{
	line-height: 29px;
	color: #6C7077;
	font-family: "helvetica","arial","sans serif";
	font-size: 18px;
	margin-top: 5px;
}
.belement div{
	width: 65px;
	height: 65px;
	display:inline;
}
.belement img{
	width: 64px;
	height: 64px;
	margin-top: 20px;
	
}







/* THIRD SECTION */
.get{
	display: block;
	background: url("../img/sec3back.png") repeat scroll center center #FAFAFA;
	border-style: solid none;
	border-width: 1px;
	border-color: #EFEFEF;
	margin: auto;
	width: 100%;
	height: 550px;
	position: relative;
	border-radius: 0px;
}

.get .container{
	top: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	height: 550px;
	position: relative;
}

.gelement{
	margin-top: 10px;
	display: inline-block;
	margin-right: 13px;
	width: 23%;
}

.owlq{
	border-style: solid;
	border-width: 3px;
	border-color: #3A92B1;
	border-radius: 272px;
	width: 71px;
	height: 71px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
.owlq img{
	left: 7px;
	top: 6px;
	width: 64px;
	height: 64px;
	position: absolute;
}


.heading{
	background: none repeat scroll 0% 0% #FFF;
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	border-bottom-color: #3E7457;
	border-bottom-width: 2px;
	width: 216px;
	height: 128px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 20;
	left: 0px;

}

.heading p{
	font-weight: bolder;
	font-size: 21px;
	font-family: droid sans;
	text-align: center;
	color: #6C7077;
	display: inline;
	margin-left: 10px;
	margin-right: auto;
}

.title{
	text-align: center;
}
.heading h1{
	font-weight: bolder;
	font-size: 45px;
	text-align: center;
	font-family: droid sans;
	margin-bottom: 10px;
	display: inline;
	color: #6C7077;
}

.gbody{
	top:0px;
	background-color: #FFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #CCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
	color: #6C7077;
	display: block;
	height: 268px;
	left: 0px;
	width: 216px;
	position: relative;

}

.gbody .container{
	color: #6C7077;
	display: block;
	height: 88px;
	left: 10px;
	top: 15px;
	width: 159px;
	font-family: droid sans;
	font-size: 13px;
	line-height: 10px;
}


.gbody .container span{
	font-size: 20px;
	color: #CCC;
	margin-right: 5px;

}

#rboxn{
	display: block;
	border-style: solid;
	left: 30px;
	top: 160px;
	z-index: 62;
	width: 158px;
	height: 46px;
	position: absolute;
	border-radius: 5px;
	background: rgba(223,125,53,1);
	box-shadow: inset 0px 1px 0px #f8b685,inset 0 -1px 2px #ac6028;
	text-shadow: 1px 1px #3a0c02;
	color: #fff;
	border-width: 1px;
	border-color: #48585d;
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
	font-family: Droid Sans;
	text-align: center;
	background-repeat: no-repeat;
}

.sign{
	font-size: 23px;
	font-weight: bold;
	font-family: Droid Sans;
}

.gf{			/*Get section footers */
	z-index: 50;
	display: block;
	position: absolute;
	top: 200px;
	text-align: center;
	left: -1px;
	width: 218px;
	color: #70747B;
	font-family: "droid sans";
	font-size: 13px;
}

/* QUOTES SECTION */
.quotes{
	display: block;
	background: url("../img/sec2back.png") repeat scroll center center;
	border-style: none;
	margin: auto;
	width: 100%;
	height: 280px;
	position: relative;
	border-radius: 0px;
	margin-top: 0px;

}

.quotes .separator{
	background: none;
}

.quotes .container{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 940px;
	height: 377px;
	position: relative;
}

.quotes .container p{
	color: #344C3F;
	text-align: center;
	font-size: 24px;
	font-family: "droid sans";

}

#call{
	margin-top: 50px;
	line-height: 38px;
	font-size: 30px;
	color: #FFA500;
}


/* FOOTER */
footer{
	display: block;
	background: url("../img/sec2back.png") repeat scroll center center;
	border-style: solid none none;
	border-width: 1px;
	border-color: #EAEAEA;
	margin: auto;
	width: 100%;
	height: 150px;
	position: relative;
	border-radius: 0px;
}

footer .container{
	margin-left: 15%;
	margin-right: 20%;
	width: 40%;
	height: 150px;
	position: relative;
}

#copy{
	display: block;
	z-index: 35;
	width: 940px;
	position: relative;
	border-radius: 0px;
	margin-top: 10px;
}

#copy p{
	text-align: center;
	line-height: 22px;
}

#copy p span{
	font-family: "droid sans";
    font-size: 13px;
    line-height: 0;
    color: #6C7077;
}

#links{
	display:block;
	text-align: center;
	top: -10px;
	position: relative;
	width: 940px;
}

ul li{
	display: inline;
	line-height: 19px;
	width: 91px;
	position: relative;
	margin-right: 10px;
}

ul li a{
	color: #50B9DD;
	text-decoration: underline;
	font-size: 13px;
}

.social{
	display:block;
	text-align: center;
	top: 0px;
	position: relative;
	width: 100px;
	margin-left: 430px;
}

.socialimg{
	display:inline-block;
	width: 27px;
	height: 27px;
	position: relative;
	border-radius: 5px;
	margin-right: 0px;
}

#twitter{
	background-image: url("../img/twitter.png");
}
#facebook{
	background-image: url("../img/facebook.png");
}
#linkedin{
	background-image: url("../img/linkedin.png");
}


@media (max-width: 600px) {

	#logo{
		width: 100px;
		height: 70px;
		vertical-align: top;
		line-height: 17px;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 50;	/*We want it to be seen in both section*/

	}

	.question{
		width: 20%;
		margin-left: -120px;
		margin-top: -30px;
	}

	#lobox{
		display: block;
		border-style: solid;
		left: 300px;
		top: 5px;
		width: 70px;
		height: 40px;
		position: absolute;
		border-radius: 5px;
		background: rgba(152,190,105,1);
		box-shadow: inset 0px 1px 0px #c9d7b7,inset 0 -1px 2px #6f8b4c;
		border-width: 1px;
		border-color: #333333;
		background-repeat: no-repeat;
	}


	#fbbox{
		display: block;
		border-style: solid;	
		left: 250px;
	  	top: 50px;
	  	width: 150px;
	  	height: 30px;
	  	position: absolute;
		border-radius: 5px;
		background: rgba(59,89,152,1);
		box-shadow: inset 0px 1px 0px #7a8cb1,inset 0 -1px 2px #273b65;
		border-width: 1px;
		border-color: #333333;
	}


	.bcontainer{
		right: 30px;

	}

	.find{
		display: block;
		background: rgba(21,165,215,1);
		border-style: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: 3%;
		position: relative;
	}

	.img-container img{
		width: 300px;
		height: 250px;
		left: 50px;
		top:30px;
	}

	.belement{
		margin-top: 30px;
		display: block;
		width: 30%;
	}

	.belement h1{
		width: 200px;
		margin-top: 30px;
		margin-left: 5px;
	}

	.belement p{
		margin-top: 10px;
	}

	.benefits{
		width: 100%;
		height: 5%;
		position: relative;
		margin-top:-5px;
	}

	.get{
		top: 400px;
		height: 1800px;
	}

	.get .container{
		width: 40%;
		left: -40px;
	}

	.get .container p{
		width: 150px;
	}

	.gf{
		margin-left: 30px;
	}

	.gelement{
		display:block;
	}
	
	.quotes{
		top: 400px;
		height: 400px;
	}

	.quotes .container{
		width: 80%;
		left: -5px;
	}

	.quotes .container p{
		font-size: 18px;
	}

	footer{
		top: 400px;
		height: 200px;

	}

	footer .container{
		top: -250px;
		margin-left: -300px;
	}

	footer .container p{
		width: 50px;
	}

}