html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;font-family: Tahoma,sens Serif;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
ol, ul {
    list-style: none;
}
:focus {
    outline: 0;
}
body {
    font: 12px/18px Tahoma, Verdana,sans-serif;
    width: 100%; 
}
a {
    color: transparent;
    outline: 0 none;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
p {
    margin: 0
}
img {
    border: none;
}
input {
    vertical-align: middle;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
} 
.clearfix {
    display: block;
} 
html[xmlns] .clearfix {
    display: block;
} 
* html .clearfix {
    height: 1%;
}
/*  END RESET */
body {
    background: #43444F;
}
.wrapper {margin: 0 auto;
    position: relative;
    width: 1000px;
    padding: 0 0 100px;
    zoom:1;
    }
.wrapper:after {clear:both;content:'';display:block;}
.left { float: left;
    width: 500px;}
.girl {
    background: url(bg.jpg) no-repeat scroll 9px 9px #FFFFFF;
    border: 1px solid #FFFFFF;
    -moz-box-shadow:    0 0 7px #B7B4B4;
    -webkit-box-shadow: 0 0 7px #B7B4B4;
    box-shadow: 0 0 7px #B7B4B4;
     height: 607px;
    margin: 20px 10px 9px 0;
    padding: 9px;
    position: relative;
    width: 404px;}
    
.picholder{
	width:400px;
  margin: 20px 10px 9px 0;  
	padding:10px;
	background:#fff;
	overflow:hidden;
}
    
.right {float:right;width:500px;}
.content {padding: 17px 0 0;}
h1 { color: #FFFFFF;
    font-size: 38px;
    font-weight: normal;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;}
h2 {color: #FFD05C;
    font-size: 35px;
    font-weight: bold;
    line-height: 47px;}
h2 span {
    color: #EEEEEE;
    font-family: trebuchet ms,tahoma;
    font-size: 27px;
    font-weight: normal;
    line-height: 19px;
}
.content p {color: #EEEEEE;
    font-size: 17px;
    line-height: 23px;
    padding: 8px 0 5px;}
.content .name_site {color: #EEEEEE;
    font-size: 2em;
    line-height: 30px;
    padding: 0 0 0 5px;}
.content .name_site_big {color: #EEEEEE;
    font-size: 2.5em;
    font-weight: bold;
    line-height: 37px;
    padding: 0 0 0 5px;}
.step1 p {color: #898989;
    font-size: 1.4em;
    line-height: 25px;}
.step1 h2, .step2 h2, .step3 h2 {padding: 12px 0;}
.step1 h2 {padding: 12px 0 60px;}
.step2 h2 {padding: 12px 0 45px;}
.step3 h2 {padding: 12px 0 12px;}
.step3 h2 span {line-height: 29px;}
h3 {
    color: #FFD05C;
    font-family: trebuchet ms;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 0 10px;
    text-align: center;
}
h4 {
    color: #FFD05C;
    font-family: trebuchet ms,tahoma;
    font-size: 18px;
    font-weight: bold;
    line-height: 33px;
    text-align: center
}
.done_marker {
    list-style: none;
}
.done_marker li {
    background: url(marker_done.png) no-repeat scroll left center transparent;
    color: #EEEEEE;
    font-family: trebuchet ms,tahoma;
    font-size: 15px;
    line-height: 17px;
    padding: 6px 5px 6px 20px;
}
select.select_age {color: #625F5F;
    font-size: 1.2em;
    margin: 25px 0;
    padding: 7px;
    position: relative;
    width: 500px;}
.step_button, .agree {
    background: #FFDD76; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFDD76 0%, #FFC342 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFDD76), color-stop(100%,#FFC342)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFDD76 0%,#FFC342 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFDD76 0%,#FFC342 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFDD76 0%,#FFC342 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FFDD76 0%,#FFC342 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFDD76', endColorstr='#FFC342',GradientType=0 ); /* IE6-9 */
    border: 0 none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: trebuchet ms,tahoma;
    font-size: 36px;
    height: 70px;
    line-height: 70px;
    outline: 0 none;
    text-align: center;
    text-decoration: none;
    width: 500px;}
.step_button_2 {
    
    margin: 10px 0 0;
}
.show_end .agree, .step_button:hover {
    background: #FFD779; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFD779 0%, #FFC53C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD779), color-stop(100%,#FFC53C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFD779 0%,#FFC53C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFD779 0%,#FFC53C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFD779 0%,#FFC53C 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FFD779 0%,#FFC53C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD779', endColorstr='#FFC53C',GradientType=0 ); /* IE6-9 */
}
/* Step 2 */
.step2 {display:none;}
.decimal li {
    background: url(decimal.png) no-repeat scroll 0 0 transparent;
    color: #EEEEEE;
    font-family: trebuchet ms,tahoma;
    font-size: 14px;
    line-height: 17px;
    padding: 7px 5px 7px 42px;}
.decimal li.one {background-position:1px 8px;}
.decimal li.two {background-position:1px -115px;}
.decimal li.three {background-position:1px -240px;}
.decimal li.four {background-position:1px -375px;}
.step4 .agree_label {color: #9E9E9E;
    font-size: 11px;
    line-height: 14px;
    padding: 5px 0 14px;
    text-align: center;}
.agree {background-position: 0 -140px;}
.agree:hover, .agree:active {background-position: 0 -210px;}
.show_end {
    display: none;
}