*{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
* html{
	height: 100%;
}
body{
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin:295px 0 0 0;
	font-family: "helvetica neue",helvetica,"Myriad Pro",verdana;
	font-size: 14px;
}
#container {
	background-image:url(../images/bg-container.gif);
	background-repeat:repeat-y;
	background-position:11px;
	width:1020px;
	margin:0px auto;
}
#top-left{
	background-image: url(../images/brown-box.jpg);
	background-repeat: no-repeat;
	width: 262px;
	height: 379px;
	margin-left: 52px;
	padding: 19px 26px 0 26px;
	text-align: left;
	color: white;
	line-height: 160%;
}
#bubble-1{
	z-index: 1000;
	margin-left:-47px;
	margin-bottom: 15px;
	margin-top:2px;
	position:relative;
}

form {padding:0;margin:0;}

#signupform{
	width: 250px;
	margin:0;
	margin-top: 15px;
}
.textbox{
	background: url(../images/textbox-1.png) no-repeat;
	width: 236px;
	height: 25px;
	color: #999999;
	font-size: 12px;
	padding-left: 12px;
	padding-top: 6px;
	margin-bottom: 5px;
}
.textboxhilite{
	background: url(../images/textbox-hilite-1.png) no-repeat;
	width: 236px;
	height: 25px;
	color: #000000;
	font-size: 12px;
	padding-left: 12px;
	padding-top: 6px;
	margin-bottom: 5px;
}
#count-me-in,#count-me-in2{
	margin-bottom: 5px;
}
#top-right{
	background-image: url(../images/grey-box.jpg);
	background-repeat: no-repeat;
	width: 556px;
	height: 479px;
	z-index: 10;
	text-align: left;
	margin-right: 60px;
	padding-top: 19px;
	padding-left: 16px;
}

#hottips-list{
	margin-left: 60px;
}
#hottips-list span{
	line-height: 140%;
}
#hottips-list li{
	margin-bottom: 4px;
}

#legal-list{
	margin-left: 60px;
	list-style:none;

	font-size:10px;
}
#legal-list li{
	margin-bottom: 4px;
}

#bubble-2{
	margin-left: -39px;
	margin-top: -15px;
	margin-bottom: 20px;
}

#steps-list{
	margin-left: 60px;
}
#steps-list span{
	line-height: 140%;
}
#steps-list li{
	margin-bottom: 4px;
}

#quote{
	display: block;
	margin-left: 42px;
}

#step-1{
	display: block;
	/*background-image: url(../images/bck-handbook.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 20px;
	width: 289px;
	font-size: 13px;*/
}
#step-2{
	display: block;
	/*background-image: url(../images/bck-testcenter.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 20px;
	width: 491px;
	font-size: 13px;*/
}
#step-3{
	display: block;
	/*background-image: url(../images/bck-tellus.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 20px;
	font-size: 13px;*/
}

#sharing{
	margin-left: 75px;
	margin-top: 30px;
	vertical-align: middle;
}
#challenge{
	margin-left:-12px;
}

#hline-1{
	background-color:#000000;
	padding-left: 35px;
	padding-top: 2px;
	width: 985px;
	height: 75px;
	margin-top: 100px;
	margin-bottom: 50px;
}
#hline-1-title{
	float: left;
	margin-right:35px;
	margin-top:18px;
}
#bike-logo{
	float: right;
	margin-right: 35px;
	margin-top: -71px;
}

#fb {float:left;
	margin-left:-470px;
	margin-top: -61px;}
	
#iconFAQ {float:left;
	margin-left:-142px;
	margin-top: -61px;}

#middle-page{
	width: 894px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 20px;
}
#title-1{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 13px;
}

#hline-2-title{
	float: left;
	margin-right:35px;
	margin-top:22px;
}

#hline-2{
	background-color:#000000;
	padding-left: 35px;
	padding-top: 2px;
	width: 985px;
	height: 75px;
}

#middle-2-page{
	width: 894px;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 15px;
}

#middle-2-left{
	width: 420px;
	margin-right: 55px;
}
#middle-2-left span{
	line-height: 160%;
}

#middle-2-right{
	width: 419px;
}

#bubble-3{
	margin-bottom: -7px;
}
#form-2{
	width: 250px;
	margin-top: 20px;
	float: left;
	z-index: 100000;
	position: relative;
}
.textbox2{
	background-image: url(../images/textbox-1.jpg);
	width: 236px;
	height: 25px;
	color: #cccccc;
	font-size: 13px;
	padding-left: 12px;
	padding-top: 5px;
	margin-bottom: 4px;
}

#pierre{
	float: right;
	margin-top: -160px;
	margin-right: -15px;
	z-index: -10;
}

#pierre2{
	float: right;
	margin-top: -160px;
	margin-right:160px;
	z-index: 100;
}

#footer{
	width: 980px;
	background-color:#ffdf4b;
	background-repeat: repeat;
	padding: 10px 10px 10px 9px;
	margin: 0 auto auto 12px;
}


#footerNav{
	height:50px;
	width: 980px;
	background-color:#ffffff;
	font-size:12px;
	padding: 10px 10px 10px 9px;
	margin: 0 auto auto auto;
	text-align:center;
}


#footer span a,
#footer span a:hover,
#footer span a:visited{
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-top: 4px;
}

#pixeldreams,
#ikastartria,
#urbanplayground{
	margin-right: 10px;
}

.quote{
	font-size: 10px;
	font-style: italic;
}

a:link,a:visited {color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:12px;vertical-align:middle;}
a:hover {text-decoration:underline;}

a.reg:link,a.reg:visited {background-color:#999999;color:#000000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.reg:hover {background-color:#000000;color:#ffffff;text-decoration:none;}

#shareBox {clear:both;width:270px;padding:30px 10px 0 20px;height:35px;background:url('../images/share-bubble.jpg') no-repeat;margin:37px 0 0 -25px;}
#shareBox2 {clear:both;padding:30px 10px 0 20px;height:35px;background:url('../images/share-bubble.jpg') no-repeat;margin:20px 0 0 115px;}

.mainBlock {margin: 0 59px;}


#overlay-box-container,
#overlay-box-container2{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/bck-overlay.png);
	background-repeat: repeat;
	z-index: 100000;
}
#overlay-box,
#overlay-box2{
	width: 602px;
	height: 457px;
	margin: 0 auto;
	margin-top: 150px;
	background-image: url(../images/bck-box.jpg);
	background-repeat: no-repeat;
}
#box-bubble-1,
#box-bubble-2{
	width: 391px;
	height: 107px;
	margin-left: 50px;
	margin-top: 40px;
}
.big-textbox{
	background-image: url(../images/box-big-textbox.gif);
	background-repeat: no-repeat;
	width: 244px;
	height: 22px;
	margin-bottom: 4px;
	color: #999999;
	padding-left: 4px;
	padding-top: 8px;
}
.small-textbox{
	background-image: url(../images/box-small-textbox.gif);
	background-repeat: no-repeat;
	width: 148px;
	height: 22px;
	margin-bottom: 4px;
	color: #000000;
	padding-left: 4px;
	padding-top: 8px;
}
.strong-textbox{
	color: black;
}
#confirm-form,
#confirm-form2{
	width: 248px;
	margin-left: 35px;
	margin-top: 45px;
}
#formulaire,
#formulaire2{
	width: 248px;
}
#close-1{
		margin-top: 70px;
		float: right;
		margin-right: 15px;
		color: black;
}
#close-2{
	margin-top: 70px;
		margin-right: 15px;
		color: white;
}
#loader{
	width: 248px;
	height: 210px;
	background-color: white;
	opacity:0.8; -ms-filter:'alpha(opacity=80)'; filter:alpha(opacity=80);
	position: relative;
	top: -210px;
	text-align: center;
	display: none;
}
#loader #img-loader{
	margin-top: 80px;
}
#final-message{
	color: white;
}

.question {background-color:#FC0;font-weight:bold;text-transform:uppercase;padding:10px;display:block;}
.answer {padding:0 10px 20px 10px;border-bottom:#F6C dotted 1px;display:block;line-height:150%;color:#333;}

a.regPink:link,a.regPink:visited {background-color:#F6C;color:#FFF;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regPink:hover {background-color:#000000;color:#FFF;text-decoration:none;}

a.regBlue:link,a.regBlue:visited {background-color:#3CF;color:#FFF;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regBlue:hover {background-color:#000000;color:#FFF;text-decoration:none;}

a.regGreen:link,a.regGreen:visited {background-color:#6C0;color:#FFF;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regGreen:hover {background-color:#000000;color:#FFF;text-decoration:none;}

a.regOrange:link,a.regOrange:visited {background-color:#F90;color:#FFF;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regOrange:hover {background-color:#000000;color:#FFF;text-decoration:none;}

a.regWhite:link,a.regWhite:visited {background-color:#FFF;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regWhite:hover {background-color:#000000;color:#FFF;text-decoration:none;}

a.regYellow:link,a.regYellow:visited {background-color:#FC0;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regYellow:hover {background-color:#000000;color:#FFF;text-decoration:none;}

a.regGreen2:link,a.regGreen2:visited {background-color:#6C0;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regGreen2:hover {background-color:#000000;color:#FFF;text-decoration:none;}

a.regBlack:link,a.regBlack:visited {background-color:#000;color:#FFF;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
a.regBlack:hover {background-color:#F90;color:#FFF;text-decoration:none;}

/* OMG I just did this the longest way. What a dumb ass hahaha... i'll clean it up in the next update */
.purple {background-color:#96F;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
.pink {background-color:#F3C;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
.blue {background-color:#3CF;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
.green  {background-color:#6C0;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}
.orange {background-color:#F90;color:#000;text-decoration:none;text-transform:none;font-size:inherit;padding:0 3px;}