/* Space out content a bit */
* {
	margin: 0;
}

html, body {
	height: 100%;
}
body {
  	padding-top: 25px;
	background: url("../assets/header_bg.gif") repeat-x top;
	background-position: 0px -20px;
}

#main {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #fff;
	min-height:100%;
	margin-bottom: -150px;
}

#main:after {
	content: "";
	display:block;
}


/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
	background-color: white;
	padding: 20px !important;
  	color: #777;
	min-height: 70px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    3px 3px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         3px 3px 2px 0px rgba(50, 50, 50, 0.5);
    text-align: center;
}

#footer, #main:after {
	height: 150px;
}

#footer {
	background-color: #6F6F6F;
}

.bottom {
	display:block;
	margin-top: 10px;
	color: #b4b4b4;
	text-align: center;
	font-size: 12px;
}

#partnerLogo {
	position: absolute;
	margin-top: 10px;
	margin-left: -10px;
}

.norton {
	float: right;
	display: block;
	height: 60px;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
	text-align: center;
	border: 3px solid white;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    3px 3px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         3px 3px 2px 0px rgba(50, 50, 50, 0.5);
	padding: 20px 0;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
      margin: 10px 0 0 10px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  
}