html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0;}

ul,li {list-style-type:none;}



html {margin: 0;padding: 0;font-size: 100%;}



/* font-size de 62.5% = 10px. 1em = 10px, 1.1em = 11px 1.2em = 12px */

body {font-family: "Lucida Grande", Arial, sans-serif; margin: 0;padding: 0;font-size: 62.5%;}



/* setting classes */

.clear { clear: both; }

.clearRight {clear: right;}

.clearLeft {clear: left;}

.left {float: left;}

.right {float: right;}

.hide {display: none;}

.center {display: block; clear: both; margin: 0 auto;}

input.inputbox {padding: 0; margin: 0;}

a img {border: 0;}

p {margin-bottom: 0.8em}



/* links */

a:link,

a:active,

a:visited {color: #000;}

a:hover {text-decoration: none;}



/* definicion grandes contenedores */

#mainWrapAl {width: 960px; margin: 0 auto; height: auto; position: relative}  



/* ================ inicio del HEADER ================ */

#header {background: url(../images/headerbg.jpg) no-repeat top left; height: 245px;}

span#logo {display: block; width: 256px; height: 188px; position: absolute; top: 25px; left: 41px; z-index: 15;}

	span#logo a:link {text-indent: -5000px; height: 188px; width: 100%; display: block;}

/* menu styles */

ul.menu {display: block; width: 503px; background: url(../images/site-menu.jpg) no-repeat; float: left; position: absolute; z-index: 20; top: 166px; left: 323px;}

ul.menu li {display: block; float: left}

ul.menu li a {display: block; height: 79px; float: left; text-indent: -5000px} /* general links */

ul.menu li a:link, ul.menu li a:visited {display: block; height: 79px;} /* detalle de links iehack */

	/* ids */
	ul.menu li#home a:link,ul.menu li#home a:visited {width: 92px;}
	ul.menu li#signup a:link, ul.menu li#signup a:visited {width: 94px;}
	ul.menu li#support a:link, ul.menu li#support a:visited {width: 101px;}
	ul.menu li#faq a:link, ul.menu li#faq a:visited {width: 85px;}
	ul.menu li#community a:link, ul.menu li#community a:visited {width: 110px;}
	
	ul.menu li#home a:hover {background: url(../images/site-menu.jpg) 0 -79px no-repeat;  width: 92px;}
	ul.menu li#signup a:hover {background: url(../images/site-menu.jpg) -92px -79px no-repeat; width: 94px;}
	ul.menu li#support a:hover {background: url(../images/site-menu.jpg) -186px -79px no-repeat;}
	ul.menu li#faq a:hover {background: url(../images/site-menu.jpg) -287px -79px no-repeat;}
	ul.menu li#community a:hover {background: url(../images/site-menu.jpg) -372px -79px no-repeat;}


div.lang {position: absolute; right: 30px; top: 148px;}

div.lang a img {float: left; border: 0;}



/* body bgs */

body.black {background: #000;}

body.white {background: #fff;}



/* ================ inicio del MAINCONTENT ================ */

#mainContainer {background: url(../images/mainbg.jpg) repeat-y top left; float: left; width: 945px;}

	#mainContainer span.topbg {display: block; background: url(../images/headerbg2.jpg) no-repeat top left; min-height: 200px; float: left; width: 100%;}

	img.homeMoney {margin: 48px 0 15px 60px; clear: both}

	#mainContainer .content {width: 810px; margin: 0 auto; font-size: 1.2em; overflow: hidden}

	#mainContainer .content h2 {display: block;}

	#mainContainer .alignerForm {width: 960px;} 	

		.alignerForm .formCol {width: 250px; float: left}

		.alignerForm .marginF {margin-left: 70px;}

		.alignerForm .margin {margin-left: 30px;}

		.listContainer {width: 700px; margin: 0 auto; background: url(../images/listhome1.gif) no-repeat top left;}

		.listContainer h3 {background: url(../images/listitle.gif) no-repeat; width: 657px; height: 27px; font-size: 14px; line-height: 27px; color: #fff; text-indent: 10px; }

		.promo {background: url(../images/listitle.gif) no-repeat; width: 657px; height: 27px; font-size: 14px; font-weight:bold; line-height: 27px; color: #fff; text-indent: 10px; }

		.listContainer ul {display: block; margin: 0 auto; padding: 20px; background:url(../images/listhome2.gif) bottom left no-repeat; }

		.listContainer ul li {display:block; margin-bottom: 0.8em; }

		#mainContainer .content a.signup:link,

		#mainContainer .content a.signup:visited {background: url(../images/signup.gif) no-repeat; width: 273px; height: 163px; display: block; text-indent: -5000px;}

	

	.step1 {background: url(../images/refbg1.gif) repeat-y top left; font-size: 1.2em;}

		.step1 span.round {background: url(../images/refbg2.gif) bottom left no-repeat; display: block; float: left; padding-bottom: 15px;}

		.step1 span.alignerB {padding: 0px 10px 10px; display: block;}

		.step1 a.downloadNow:link,

		.step1 a.downloadNow:visited {display: block; text-indent: -5000px; background: url(../images/download.gif); width: 235px; height: 99px; margin: 5px 0}

		.step1 .refr {background: url(../images/ref.gif) no-repeat; text-align: center; padding-top: 10px; font-size: 1.2em; margin: 0 auto; width: 204px; margin: 0 auto; margin-bottom: 10px}

			.step1 .code {color: #ff4444; font-weight: bold; font-size: 1.4em; padding: 10px 0; clear: both; display: block;}

		.step1 a.wP:link, .step1 a.wP:visited {color: #fff; font-size: 10px; background: url(../images/ref2.gif); width: 204px; height: 39px; display: block; line-height: 30px; font-weight: bold;}



	/* iframe y dentro iframe*/

	.formColiFr {width: 248px; height: 1000px; overflow-y: hidden; overflow-x: hidden;} 

	*html .formColiFr {height: 990px;}

	*+html .formColiFr {height: 990px;} 

	

	.step2 {background: url(../images/formbg.jpg) repeat-y;}

		.step2 h2 {display: block; text-indent: -5000px; background: url(../images/formbgtop.jpg) no-repeat; height: 56px; width: 100%}

		.step2 span.round {display: block; padding: 10px 15px; padding-bottom: 40px; font-size: 1.2em; background: url(../images/formbgbottom.jpg) bottom left no-repeat;} 

		.step2 a:link, .step2 a:visited {color: #fff;}

		.step2 ul li {color: #fff; display: block; padding: 2px 0;}

		.step2 ul li.input {margin-bottom: 10px;}

		.step2 label.countries {color: #80a483;}

		.step2 input.inputbox {width: 211px; height: 23px; background: #fff url(../images/inputbg.gif) repeat-x; font-size: 1.2em; border: solid 1px #00770a; font-size: 1.2em; padding-left: 5px;}

		.step2 input.submitbtn {background: url(../images/subscribe.gif) no-repeat; width: 152px; height: 31px; border: none; cursor: pointer; display: block; font-weight: bold; color: #fff;}

	.step3 {background: url(../images/mailconfirm.jpg) no-repeat; height: 426px; position: relative;}

	h2.instr {display: block; font-size: 1.2em; font-weight: normal; padding: 15px;}

	.step3 div.mR {color: #fff; font-size: 12px; text-align: center; width: 200px; margin: 305px auto 0 auto; position: relative;}

	

/* ================ inicio del FOOTER ================ */

#footer {background: url(../images/footerbg.jpg) no-repeat top left; height: 253px; float: left; width: 960px; font-size: 12px}

span.copyright {display: block; margin: 95px 0 0 50px; float: left; color: #a1a1a1; font-size: 1.2em}

/* menuFooter styles */

ul.menuFooter {display: block; float: right; margin: 95px 50px 0 0}

ul.menuFooter li {display: block; float: left;}

ul.menuFooter li a {display: block; color: #fff; padding-right: 10px; font-size: 12px} /* general links */

ul.menuFooter li a:link, ul.menu li a:visited {display: block} /* detalle de links iehack */

ul.menuFooter li a:hover {text-decoration: none}



/* iehacks */

*html .alignerForm .marginF {margin-left: 35px;}

*html .step2 input.inputbox {width: 211px; height: 20px; background: #fff url(../images/inputbg.gif) repeat-x; font-size: 1.2em; border: solid 1px #00770a; font-size: 1.2em; padding-left: 5px; padding-top: 3px;}

/* ================ New CSS ================ */

a.h1:link {color: #000; text-decoration: none; font-size: 18px;}

a.h1:active {color: #000; text-decoration: none; font-size: 18px;}

a.h1:visited {color: #000; text-decoration: none; font-size: 18px;}

a.h1:hover {color: #000; text-decoration: none; font-size: 18px;}



a.hbody:link {color: #000; text-decoration: none; font-size: 12px; font-weight:normal}

a.hbody:active {color: #000; text-decoration: none; font-size: 12px; font-weight:normal}

a.hbody:visited {color: #000; text-decoration: none; font-size: 12px; font-weight:normal}

a.hbody:hover {color: #000; text-decoration: none; font-size: 12px; font-weight:normal}