@font-face { 
	font-family: HelveticaNeueLTPro-Lt; 
	src: url('/inc/fonts/HelveticaNeueLTPro-Lt.otf'); 
} 

@font-face { 
	font-family: HelveticaNeueLTPro-Lt; 
	font-weight: bold;
	src: url('/inc/fonts/HelveticaNeueLTPro-Bd.otf'); 
}

@font-face { 
	font-family: HelveticaNeueLTPro-BdCn; 
	font-weight: bold;
	src: url('/inc/fonts/HelveticaNeueLTPro-BdCn.otf'); 
}
@font-face { 
	font-family: BD_Cartoon_Shout; 
	src: url('/inc/fonts/BD_Cartoon_Shout.ttf'); 
}




body {
	font-size: 100%;
}

#intro {
	z-index: 5;
	background-color: #000;
}

#intro img.bg {
	z-index: 1;
	position: relative;
	top: 0px;
	left: 0px;
}

#intro div.middle {
    max-width: 1280px;
    position: absolute;

	font-size: 100%;
	color: #fff;
	font-family: HelveticaNeueLTPro-Lt, Arial;
	z-index: 11;
    padding-left: 55%;
    padding-top: 16%;

	text-shadow: 1px 1px 1px #000000;
}

body.msie #intro div.middle {
	font-family: Arial;
}

#intro h1 {
	z-index: 11;
	display: none;
}

#intro div.middle p.sep {
	padding-bottom: 35px;
	background: url(/inc/i/footer-border.png) repeat-x 0 bottom transparent;
}

#intro h2 {
	font-size: 4.1em;
	font-weight: bold;
	padding-bottom: 20px;
}

#intro p {
	font-size: 1.2em;
}

#intro h3 {
	font-weight: bold;
	font-size: 3.8em;
	padding-bottom: 10px;
	padding-top: 25px;
}

#intro a#wannabe,
#intro a#wannabe:visited {
	position: relative;
    display: block;
    margin-top: 20px;
    max-width: 448px;
}

#intro a#wannabe img {
	top: 0px;
	left: 0px;
	width: 100%;

}

#intro a#wannabe img.b {
	display: none;
}

#intro a#wannabe:hover img.a {
	display: none;
}

#intro a#wannabe:hover img.b {
	display: block;
}


#intro a#wannabe:focus {
	outline: none;
}

#ref {
	width: 100%;
	z-index: 5;
	margin: 0 auto;

	background: url(/inc/i/ref-background.jpg) repeat-x 0 0 #09577e;
}

#ref div.middle {
	max-width: 1280px;
	margin: 0 auto;
	padding: 13% 8% 0;
}

#ref div.middle h2 {
	font-family: HelveticaNeueLTPro-Lt, Arial;
	font-size: 75px;
	font-weight: bold;
	color: #fdc5ac;
	z-index: 120;
	position: relative;
	width: 430px;
	text-shadow: 2px 2px 1px #003765;
}


body.msie #ref div.middle h2 {
	font-family: Arial;
}

#ref div.middle h2:after {
	content: '';
	display: block;
	height: 2px;
	background: url(/inc/i/footer-border.png) repeat-x 0 0 transparent;
}

#ref div.middle div.reference {
	margin-top: 40px;

	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

	-webkit-box-shadow:  0 0 150px 50px #068CBF;
    box-shadow: 0 0 150px 50px #068CBF;



    position: relative;
}

#ref div.middle div.reference:after {
	content: '';
	display: block;
	-webkit-box-shadow:  4px -1px 12px 10px rgba(0, 0, 0, 0.6);
	box-shadow: 4px -1px 12px 10px rgba(0, 0, 0, 0.6);
	margin: 0 20px;
}

#ref div.middle div.reference:before {
	content: '';
	display: block;
	-webkit-box-shadow:  4px 8px 12px 10px rgba(0, 0, 0, 0.6);
	box-shadow: 4px 8px 12px 10px rgba(0, 0, 0, 0.6);
	margin: 0 20px;
}


#ref div.middle div.reference div.inner {
	position: relative;
    z-index: 110;
}


#ref div.middle div.reference.first {
	margin-top: 48px;
}

#ref div.middle div.reference h3 {
	font-family: HelveticaNeueLTPro-BdCn, Arial;
	color: #7c7c7c;
	font-size: 18px;
	font-style: italic;

	position: absolute;
	top: 8px;
	left: 130px;
}


body.msie #ref div.middle div.reference h3 {
	font-family: Arial;
}

#ref div.middle div.reference div.top {
	height: 45px;
	border-bottom: 1px solid #c4c4c4;
	position: relative;

	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

#ref div.middle div.reference div.content {
	border-top: 1px solid #fff;
	color: #7c7c7c;
	font-size: 16px;
	font-family: HelveticaNeueLTPro-Lt, Arial;
	text-shadow: 1px 1px 1px #ffffff;
    padding: 20px;
    border-bottom: 1px solid #fff;
	-webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}


body.msie #ref div.middle div.reference div.content {
	font-family: Arial;
}

#ref div.middle div.reference div.content a,
#ref div.middle div.reference div.content a:visited {
	color: #7c7c7c;
	text-decoration: none;
}

#ref div.middle div.reference div.content a:hover {
	text-decoration: underline;
}

#ref div.middle div.top span.avatar {
	background: url(/inc/i/profile.png) no-repeat 0 0 transparent;
    display: block;
    height: 57px;
    top: -25px;
    width: 57px;
}

#ref div.middle div.top.left span.avatar {
    position: relative;
    left: 20px;
}

#ref div.middle div.top.right span.avatar {
    position: absolute;
    right: 25px;
}

#ref div.middle div.top span.avatar.first {
	background-position: 0px 0px;
}

#ref div.middle div.top span.avatar.second {
	background-position: 0px -100px;
}

#ref div.middle div.top span.avatar.third {
	background-position: 0px -200px;
}

#ref div.middle div.top span.avatar.fourth {
	background-position: 0px -300px;
}

#ref div.footer {
	color: #fff;
	font-family: Arial;
	font-size: 16px;
	background: url(/inc/i/footer-border.png) repeat-x 0 0 transparent;
	position: relative;
	z-index: 121;
	margin-top: 35px;
	padding-top: 15px;
}

#ref div.footer a,
#ref div.footer a:visited {
	text-decoration: none;
	color: #fff;
}

#ref div.footer a:hover {
	text-decoration: underline;
}

#ref div.footer p.copyright {
	margin-top: 15px;
	font-style: italic;
	font-size: 14px;
}

#back-to-top {
	text-align: center;
	background: url(/inc/i/ref-background.jpg) repeat-x left bottom transparent;
	padding-top: 25px;
}

#back-to-top a,
#back-to-top a:visited {
	display: block;
	height: 75px;
	width: 130px;
	text-indent: -9999em;
	background: url(/inc/i/back-to-top.png) no-repeat 0 0 transparent;
}

#back-to-top a:focus {
	outline: none;
}

#back-to-top div.middle {
	width: 130px;
	margin: 0 auto;
}




#scroll {
    position: fixed;
    right: 0px;
    top: 50%;
    margin-right: 80px;
    z-index: 1050;
}

#scroll span {
    background: url(/inc/i/scroll.png) no-repeat scroll 0 -215px transparent;
    display: block;
    height: 95px;
    width: 100px;
    position: absolute;
    top: -72px;
    left: -25px;
    z-index: 10;
}

#scroll ul {
	list-style-type: none;
	z-index: 110;
    position: absolute;
}

#scroll ul li {
	padding-top: 10px;
	z-index: 11;
}

#scroll ul li a,
#scroll ul li a:visited {
	background: url(/inc/i/scroll.png) no-repeat -30px -25px transparent;
	display: block;
	text-indent: -9999em;
	height: 45px;
	width: 45px;
	z-index: 12;
}

#scroll ul li a.active,
#scroll ul li a:hover {
	background-position: -30px -75px;
}

#scroll ul li a:focus {
	outline: none;
}

#counter {
	position: absolute;
	left: 30px;
	top: 15px;
	width: 288px;
	height: 100px;
	z-index: 600;
	display: none;
	opacity: 0;
}

#counter p {
	background: url(/inc/i/counter.png) no-repeat 68px -176px transparent;
	display: block;
	text-indent: -9999em;
	text-align: center;
}

#counter div.wrapper {
	background: url(/inc/i/counter.png) no-repeat 0px 0px transparent;
	height: 100px;
    width: 288px;
    position: relative;
}

#counter div.wrapper div {
	position: absolute;
	top: 5px;
}

#counter div.wrapper div.first {
	left: 14px;
}

#counter div.wrapper div.second {
	left: 92px;
}

#counter div.wrapper div.third {
	left: 187px;
}

#counter div.wrapper span {
	background: url(/inc/i/counter.png) no-repeat -60px 0px transparent;
	display: block;
	float: left;
	text-indent: -9999em;
	width: 30px;
	height: 65px;
}

#counter div.wrapper span.c0 {
	background-position: -60px -984px;
}
#counter div.wrapper span.c1 {
	background-position: -58px -230px;
}
#counter div.wrapper span.c2 {
	background-position: -60px -319px;
}
#counter div.wrapper span.c3 {
	background-position: -60px -417px;
}
#counter div.wrapper span.c4 {
	background-position: -60px -512px;
}
#counter div.wrapper span.c5 {
	background-position: -60px -601px;
}
#counter div.wrapper span.c6 {
	background-position: -60px -673px;
}
#counter div.wrapper span.c7 {
	background-position: -60px -746px;
}
#counter div.wrapper span.c8 {
	background-position: -60px -817px;
}
#counter div.wrapper span.c9 {
	background-position: -60px -890px;
}








#modal-shadow {
	background: #000;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    display: none;
}

#modal {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    font-family: HelveticaNeueLTPro-Lt, Arial;
    font-weight: bold;

    position: absolute;
    display: none;
    height: auto;
    width: 570px;	

    z-index: 1001;
    color: #707070;
    padding: 15px;
    opacity: 0;

    border: 3px solid #e1e1e1;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d3d3d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */

}


body.msie #modal {
	font-family: Arial;
}

#modal #form {
	position: relative;
}

#modal div.footer {
	margin-top: 25px;
}

#modal div.footer p {
	font-size: 11px;
	text-shadow: 1px 1px 1px #ffffff;
    font-family: Arial;
}

#modal div.footer p a,
#modal div.footer p a:visited {
	color: #707070;
	text-decoration: underline;
}

#modal a#close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 29px;
	height: 29px;
	display: block;
	text-indent: -9999em;
	background: url(/inc/i/modal-close.png) no-repeat 0 0 transparent;
	cursor: pointer;
	z-index: 1002;
}


#modal div.top {
	padding-bottom: 35px;
}

#modal div.top p {
	font-size: 14px;
	text-align: center;
	position: relative;
	text-shadow: 1px 1px 1px #ffffff;
}

#modal div.top p:before,
#modal p.submit:before {
    background: url(/inc/i/modal-rule.png) repeat-x 0 0 transparent;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 207px;
}

#modal div.top p:after,
#modal p.submit:after {
    background: url(/inc/i/modal-rule.png) repeat-x 0 0 transparent;
    content: "";
    height: 2px;
    right: 0;
    position: absolute;
    top: 8px;
    width: 207px;
}

#modal form p.big label {
	font-size: 30px;
	height: 45px;
	padding-top: 5px;
	padding-right: 10px;
	width: 180px;
	float: left;
	display: block;
	text-align: right;
	color: #666;
	text-shadow: 1px 1px 1px #ffffff;	
}

#modal form p.certificate,
#modal form p.payment {
	font-size: 14px;
}

#modal form p.big input {
	width: 280px;
	height: 45px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #d0d0d0;
	padding: 0 10px;
	margin-right: 15px;
}

#modal form p.big,
#modal form p.certificate,
#modal form p.payment {
	clear: both;
	width: 100%;
	padding-bottom: 10px;
}

#modal form p.big {
	position: relative;
}

#modal form p.payment span.text {
	padding-top: 3px;
}

#modal form label.payment-option {
	background: url(/inc/i/payment-options.png) no-repeat 0 0 transparent;
	text-indent: -9999em;
	display: block;
	width: 212px;
	height: 30px;
	float: left;
}

#modal form label.payment-option.cardpay {
	background-position: 0 -88px;
}

#modal form span.text {
	display: block;
	float: left;
	width: 180px;
	text-align: right;
	height: 70px;
	padding-right: 10px;
	text-shadow: 1px 1px 1px #ffffff;

}

#modal form  span.w {
	display: block;
	text-shadow: 1px 1px 1px #ffffff;
}

#modal form p.certificate label {
	display: block;
	padding-top: 2px;
}

#modal form p.certificate input {
	margin-top: 2px;
	margin-right: 5px;
	float: left;
	display: block;
}

#modal #form p.error-node {
    color: #D01818;
    display: block;
    font-size: 14px;
    left: 190px;
    position: absolute;
    top: -20px;
    display: none;
    opacity: 0;
}

#modal p.submit {
	position: relative;
	clear: both;
}

#modal #form p.big.e label,
#modal #form p.e span.text {
	color: #D01818 !important;
}

#modal p.submit input {
	margin-left: 240px;
	margin-top: -7px;
    position: relative;
    text-indent: -9999em;
    background: url(/inc/i/modal-submit.png) no-repeat 0 0 transparent;
    border: none;
    width: 88px;
    height: 36px;
}

#modal p.payment {
	float: left;
	clear: both;
	height: 70px;
	width: 100%;
	height: 95px;
}

#modal p.payment span.w {
	float: left;
	padding-bottom: 8x;
}

#modal p.payment span.w input {
	float: left;
	   margin-right: 5px;
    margin-top: 7px;
}

#modal span.info {
	display: block;
    position: absolute;
    right: 47px;
    top: 13px;
    width: 25px;
    height: 25px;
    text-align: center;
    cursor: help;
}

#modal span.info-text {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 52px;
    color: #fff;
    right: 45px;
    padding: 12px 15px;
    position: absolute;
    z-index: 98;
    font-size: 14px;
    display: none;
}

#modal span.info-text:after{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    right: 9px;
    content: "";
    bottom: -6px;
    position: absolute;
    z-index: 99;
}