﻿@charset "UTF-8";
@media projection, screen
{
/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ul, ol { list-style-type: none; margin: 13px 0 13px 15px; padding: 0; }
ul li, ol li { line-height: 1.7; margin: 0 0 2px 0; padding: 0; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }
/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
html { font-size: 100%; }
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #666; min-width: 1009px; line-height: 1.7em; background: #d6d6d6 url("../img/bg_body.png") no-repeat top center; }
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a { color: #47add9; margin: 0; outline: 0; }
a, a:visited, a:active { text-decoration: none; }
a:hover { color: #484747; text-decoration: none; }
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
p { font-size: 0.9em; margin: 0 0 17px 0; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; color: #333; line-height: 100%; letter-spacing: -0.5px; }
h1 { font-size: 2.5em; color: #5381ac; font-weight: normal; margin: 0 0 10px 0; }
h2 { font-size: 1.6em; color: #343434; font-weight: normal; margin: 20px 0 0 0; line-height: 1.5em; }
h3 { font-size: 1.3em; color: #5381ac; font-weight: normal; margin: 20px 0 0 0; }
h4 { font-size: 1.1em; color: #484747; font-weight: normal; margin: 25px 0 10px 0; }
ul.nolist, ol.nolist { margin: 0 0 30px 0; padding: 0; }
ul.nolist li, ol.nolist li { list-style: none; background: none !important; }
/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.wrapper-home { width: 1009px; margin: 0 auto; }
.header { position: relative; height: 59px; width: 977px; }
/*	-------------------------------------------------------------
	CONTEBT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* HEADER */
.header h1 a { text-indent: -9999px; width: 205px; height: 49px; }
.header h1 a { position: absolute; bottom: 0px; left: 10px; background: url("../img/logo.gif") no-repeat left top; }
/* PROMOS */
.promo { position: relative; width: 1009px; height: 544px; background: url("../img/bg_promo.png") no-repeat left bottom; }
.promo1 { width: 1009px; height: 508px; background: transparent url("../img/bg_promo_01.jpg") no-repeat top right; }
.promo2 { width: 1009px; height: 560px; background: transparent url("../img/bg_promo_02.jpg") no-repeat center right; }
.promo1 h1 { text-indent: -9999px; background: url("../img/mon.gif") no-repeat 68px bottom; padding-top: 120px; }
.promo2 h1 { text-indent: -9999px; background: url("../img/how.gif") no-repeat 68px bottom; padding-top: 120px; }
.promo p { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #6c6c6c; font-size: 15px; padding: 0 0 0 70px; margin: 0; width: 375px; }
.promo ul { padding: 10px 0 0 85px; margin: 0; width: 375px; }
.promo ul li { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #6c6c6c; font-size: 15px; padding: 0 0 0 20px; background: transparent url("../img/list_bullet.gif") no-repeat 0 10px; }
#result { position: absolute; bottom: 60px; left: 15px; padding: 0; margin: 0; }
#result p { float: left; padding: 0; margin: 0; color: #5381ac; }
#result a { color: #bc0000; }
#inform { position: absolute; bottom: 15px; left: 15px; width: 944px; height: 37px; background: url("../img/bg_inform.gif") no-repeat top left; }
#subscribe fieldset { position: absolute; bottom: 15px; left: 15px; width: 420px; height: 37px; border-style: none; padding: 0; margin: 0; width: 450px; height: 37px; }
#subscribe fieldset button { background: none; display: block; float: left; width: 128px; height: 37px; cursor: pointer; border: none; text-indent: -5000px; background: none !important; }
#subscribe fieldset .input-email { border-style: none; border-width: 0px; display: block; float: left; width: 300px; font-size: 15px; color: #624D3C; height: 28px; padding: 9px 6px 0px 9px; background: none !important; }
#subscribe .einfo { position: absolute; top: 0; left: 0; display: none; }
#subscribe fieldset { z-index: 9999; }
/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.footer { margin: 20px 0 20px 0; width: 973px; height: 91px; display: block; background: transparent url("../img/bg_footer.png") no-repeat top left; }
.footer p { padding: 0 0 0 30px; line-height: 91px; font-size: 14px; }
.footer a { color: #fff; }
.footer a:hover { color: #999; }
}
