@charset "UTF-8";
/* CSS Document */

body {
	background: #f7f7f7;
	text-align: center;
	margin: 0 auto;
}

#container {
	width: 800px;
	height: auto;
	margin: 0 auto;
	position: relative;
}


/* Fonts */

@font-face {
    font-family: 'HelveticaNeueLTPro-Ex';
	src: url('fonts/HelveticaNeueLTPro-Ex.eot');
	src: local('HelveticaNeueLTPro-Ex'), url('fonts/HelveticaNeueLTPro-Ex.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Ex.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-Ex.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Lt';
	src: url('fonts/HelveticaNeueLTPro-Lt.eot');
	src: local('HelveticaNeueLTPro-Lt'), url('fonts/HelveticaNeueLTPro-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Md';
	src: url('fonts/HelveticaNeueLTPro-Md.eot');
	src: local('HelveticaNeueLTPro-Md'), url('fonts/HelveticaNeueLTPro-Md.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Md.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-Md.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-HvCnO';
	src: url('fonts/HelveticaNeueLTPro-HvCnO.eot');
	src: local('HelveticaNeueLTPro-HvCnO'), url('fonts/HelveticaNeueLTPro-HvCnO.woff') format('woff'), url('fonts/HelveticaNeueLTPro-HvCnO.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-HvCnO.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Typography */

p {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #3a3a3a;
	font-size: 9pt;
}

h1 {
	font-family: "HelveticaNeueLTPro-Ex", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 13pt;
	padding: 0;
	margin: 20px 0 18px 0;
	font-color: #fff;
}

h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 11pt;
	padding: 15px 0 10px 0;
	margin: 0;
}

h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 12pt;
	padding: 0;
	margin: 0;
	color: #fff;
}

h4 {
	font-family: "HelveticaNeueLTPro-Ex", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: lighter;
	font-size: 12pt;
	padding: 0 0 5px 0;
	margin: 0;
	color: #858183;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	color: #b82626;
}

a:active {
	color: #3a3a3a;
}

.hextended {
	font-family: "HelveticaNeueLTPro-Ex", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

.hmedium {
	font-family: "HelveticaNeueLTPro-Md", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 11pt;
}

.hlight {
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

.hheavycondob {
	font-family: "HelveticaNeueLTPro-HvCnO", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

.lineheight26 {
	line-height: 26px;
}

.linespace20 {
	margin: 0 0 20px 0;
}

.no-print {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}


/* Colours */

.red {
	color: #b82626;
}

.gray {
	color: #858183;
}

/* Weight */

.boldtext {
	font-weight: bold;
	font-size: 1.2em;
}


/* Header Navigation */

#logo {
	margin: 40px 0 10px 0;
	background:url(../img/logo.png) no-repeat;
	width: 276px;
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	z-index: 99;
}

#menu {
	text-align: right;
	float: right;
	position: relative;
	margin: 43px 0 0 0;
	border-top: solid 1px #b82626;
	border-bottom: solid 1px #b82626;
	height: 27px;
	padding: 5px 0 0 0;
	z-index: 999;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li{
	color: #b82626;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	float: left;
	margin: 0 50px 0 0;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.3em;
}

#instructions {
	text-align: left;
}

#instructions #header {
	border-bottom: solid 1px #c9c9c9; 
	padding: 5px 0 0 0; 
	text-align: center;
	color: #b82626;
}

#instructions #numbers {
	margin: 0 0 0 20px;
}

#instructions-altpages {
	text-align: left;
	margin: 0 0 50px 0;
}

#instructions-altpages p {
	font-size: 1em;
	font-weight: lighter;
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height: 26px;
	margin: auto 0;
	color: #858183;
}

#benefits {
	background: url(../img/bg-orangequilt.jpg) no-repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	clear: both;
	position: relative;
	min-height: 755px;
	text-align: left;
	margin: 0 0 30px 0;
	top: 0;
}

#benefits #body {
	margin: 0 40px;
	padding: 10px;
	background: #fff;
}

#benefits #body p {
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height: 23px;
	margin: auto 0;
	color: #858183;
	font-size: 0.9em;
}

#benefits #body h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 1em;
	color: #00b2b0;
	margin: 0 0 3px 0;
	padding: 0;
}

#benefits #vipbadge {
	position: absolute;
	top: 16px;
	right: 55px;
	background: url(../img/vip-badge-3.png) no-repeat;
	width: 184px;
	height: 103px;
}

#membership {
	position: relative;
	clear:both;
}

#terms #header {
	background-color: #6a0400;
	height: 33px;
	padding: 11px 0 0 13px;
	text-align: left;
	margin-top: 30px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#terms #content {
	background-color: #f2f2f2;
	border: solid 2px #6a0400;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	height: 500px;
}

#termbody p {
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height: 26px;
	margin: 0 0 20px 0;
}

#finisher {
	/**background: url(../img/line-shadow.png) no-repeat;**/
	margin: 12px 0 0 0;
	padding: 20px 0 0 0;
	height: 346px;
}

#finisher #phone {
	float: left;
	height: auto;
}

#finisher #lastcta {
	margin: 20px 0 0 0;
	padding-right:40px;
}

#finisher #lastcta #header {
	font-size: 1.7em;
}

#finisher #lastcta #body {
	font-size: 1em;
}

#finisher #lastcta #vipbadge {
	background:url(../img/vip-badge.png) no-repeat;
	width: 153px;
	height: 87px;
	position: relative;
	left: 467px;
}

/* Text Layout */

.firstp {
	position: relative;
	float: left;
	margin-left: -260px;
	top: 20px;
}

.threefourtypx {
	width: 340px;
}

.fivehundredpx {
	width: 500px;
}

.sixhundredpx {
	width: 600px;
}

.eighthundredpx {
	width: 800px;
}

.text1col p {
	font-size: 1em;
	font-weight: lighter;
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height: 26px;
	margin: 0 0 20px 0;
	color: #858183;
}

.text3col p {
	font-size: 1em;
	float: left;
	width: 240px;
	font-weight: lighter;
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height: 26px;
	margin: 0 16px 20px 0;
	padding: 5px;
	color: #858183;
}

.textleft {
	text-align: left;
}

#credits-header {
	float: left;
	margin-top: 30px;
}

#chart {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	clear: left;
	overflow: hidden;
	margin-bottom: 30px;
	width: 340px;
}

#chart table {
	width: 340px;
}

#chart p {
	font-size: 1em;
	font-weight: lighter;
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color: #858183;
	margin: 6px 0 0 0;
}

#chart header {
	background: #e6e6e6;
}


/* La Granja Elements */

#granja-maingraphic {
	background: url(../img/bg-lagranja.jpg) 0 0 no-repeat;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#granja-header {
	background: #b6d54c;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 20px;
	padding: 14px;
	clear: left;
	vertical-align: middle;
}

#granja-step {
	background: #fff;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 22px;
	margin-bottom: 16px;
}

#granja-step p {
	font-size: 1em;
	font-weight: lighter;
	font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height: 26px;
	width: 560px;
	margin: 10px auto 5px auto;
	color: #858183;
}

#granja-freeplay {
	padding: 0 100px; 
	clear:left;"
}

#granja-credits {
	background: url(../img/lagranja-credits.jpg) no-repeat;
	width: 405px;
	height: 216px;
	float: left;
	margin: -40px 0 0 40px;
}