HTML, BODY { height: 100%; padding: 0; margin: 0; text-align: center; background:#fff; }
HTML {overflow: -moz-scrollbars-vertical;}
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TH, TD { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height:20px; color:#222; }
input, label { vertical-align:middle;}
p { line-height:20px; margin:5px 0 10px 0;}
ul, li { margin:0; padding:0; list-style:none; }

A { color:#0088CC; text-decoration:none; }
A:hover { text-decoration:underline; }
:focus { outline: 0;}
.active { color:#920613; }

form { margin:0; padding:0;}
img { border:0;}

.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.alignright { float:right; margin:0 0 5px 20px;}
.alignleft { float:left; margin:0 20px 5px 0;}
.alignjustify { text-align:justify;}

strong.big { font-size:18px; color:#252525;}

.quote { font-size:18px;}

.w550 { width:550px}
.w700 { width:700px}

.c-left { float:left; width:400px}
.c-right { float:right; width:400px}

.f-left { float: left; }
.f-right { float: right !important; }

/* Fixed
-------------------------------------------------------------- */
DIV.clear1 { line-height: 0px; font-size: 1px; clear: both; height: 1px; }
DIV.clear3 { line-height: 0px; font-size: 1px; clear: both; height: 3px; }
DIV.clear5 { line-height: 0px; font-size: 1px; clear: both; height: 5px; }
DIV.clear7 { line-height: 0px; font-size: 1px; clear: both; height: 7px; }
DIV.clear10 { line-height: 0px; font-size: 1px; clear: both; height: 10px; }
DIV.clear15 { line-height: 0px; font-size: 1px; clear: both; height: 15px; }
DIV.clear20 { line-height: 0px; font-size: 1px; clear: both; height: 20px; }
DIV.clear25 { line-height: 0px; font-size: 1px; clear: both; height: 25px; }
DIV.clear30 { line-height: 0px; font-size: 1px; clear: both; height: 30px; }

.wrap { }
.body { margin:0 auto; width:900px; text-align:left;}

/* Headings
-------------------------------------------------------------- */
h1 { color:#000; font-size:41px; font-weight:bold; padding:7px 0 7px 0; margin:0; line-height:45px; letter-spacing: -2px;}
h2 { color:#252525; font-size:16px; font-weight:bold; padding:28px 0 7px 0; margin:0; line-height:20px;}
h3 { color:#252525; font-size:14px; font-weight:bold; padding:18px 0 5px 0; margin:0; line-height:20px;}

/* Header
-------------------------------------------------------------- */
.header { height:70px; background:url(../gfx/bg_header.png) repeat-x; }
.header .body { margin:0 auto; width:1000px; text-align:left; position:relative;}
.header .logo a { display:block; background:url(../gfx/logo.png) 0 0 no-repeat; text-indent:-99999px; width:324px; height:70px; }
.header .nav { position:absolute; top:22px; right:55px;}
.header .nav ul { margin:0; padding:0; list-style:none;}
.header .nav ul li { float:left;}
.header .nav ul li a { float:left; display:block; padding:3px 12px; color:#fff; font-size:13px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.header .nav ul li a:hover {background:#6188a9;}

/* Main overview
-------------------------------------------------------------- */
.main-overview { background:url(../gfx/bg_overview.png) center top repeat-x; }
.main-overview .body { position:relative; height:342px;}

.main-overview .left { width:450px;}
.main-overview .layout { position:absolute; right:-13px; bottom:0;}
.main-overview h1 { padding:32px 0 7px 0;}
.main-overview h2 { padding:0; color:#222222 !important; font-size:22px; line-height:26px; font-weight:bold; }
.main-overview h3 { padding:7px 0 13px 0; color:#222222 !important; font-size:16px; line-height:20px; font-weight:normal;  }
.main-overview ul li { background:url(../gfx/bullet_overview.png) 2px 2px no-repeat; padding:0 0 0 26px; color:#555; font-size:14px; line-height:21px; }
.main-overview .more { padding:0 10px; text-align:right; font-size:14px;}

/* Bar
-------------------------------------------------------------- */
.bar { background:url(../gfx/bg_bar.png) 0 0 repeat-x; }
.bar .body { position:relative; height:74px; overflow:hidden;}
.bar p { margin:2px 0; color:#555; font-size:14px;}
.bar .text-big { margin:20px 0 0; font-size:16px; line-height:16px; font-weight:bold; }
.bar .action { position:absolute; top:0; right:0; text-align:center; width:440px; padding:11px 0 0;}

/* Cols
-------------------------------------------------------------- */
.col1, .col2, .col3 { width:280px; float:left; margin:0 30px 0 0;}
.col3 { margin-right:0;}

/* Content
-------------------------------------------------------------- */
.content { background:#fff url(../gfx/bg_overview.png) center top repeat-x; padding:35px 0; min-height:400px; height:100% }
.content h1 { padding:0 0 10px 0;}
.content .lead { font-size:18px; line-height:26px; padding-bottom:22px;  }

.testimonial { background:url(../gfx/ico_mark1.png) 0 0 no-repeat; padding:0 0 0 25px; margin-bottom:0;}
.who { font-weight:bold; text-align:right; margin:0 0 15px;}
.who a { font-weight:normal;}

.line { background:url(../gfx/bg_line.png) 0 0 no-repeat; height:25px; clear: both;}

.screen { text-align:center;}
.screen a img { border:1px solid #d9d7d2;}
.screen a:hover img { border:1px solid #b9b5aa;}

/* Register
-------------------------------------------------------------- */
.register { background:#fff; overflow:hidden; } 
.register .left { float:left; width:470px; padding:0 20px; border-right:1px solid #DFE5E9; }
.register .right { float:right; width:260px; padding:0 20px; text-align:left;}

.register .head { background:#D8E0E4; padding:20px 15px;}
.register .head p { margin:0; padding:0; font-size:18px; line-height:22px; font-weight:bold; color:#000;}

.step { overflow:hidden; }
.step h3 { float:left; color:#38678F; font-size:18px; font-weight:bold; padding:4px 0 3px 10px; }
.step-nr1 { float:left; display:block; width:32px; height:32px; background:url(../gfx/reg_steps.png) 0 0 no-repeat; text-indent:-99999;}
.step-nr2 { float:left; display:block; width:32px; height:32px; background:url(../gfx/reg_steps.png) 0 -32px no-repeat; text-indent:-99999;}
.step-nr3 { float:left; display:block; width:32px; height:32px; background:url(../gfx/reg_steps.png) 0 -64px no-repeat; text-indent:-99999;}

.form { clear:both; margin:10px 10px 10px 42px;}
.form label { display:block; color:#252525; font-size:14px; padding:7px 0 2px 0;}
.form label span { font-size:12px; color:#666666;}
.form .special { color:#252525; font-style:italic; }
.form .url { margin:10px 0; font-size:18px; color:#252525; }

.register .right h2 { padding:10px 0 0;  font-size:18px; color:#666666; }
.register .right p { padding-top:0; }
.register .action { margin:20px 0;}

.error-text { color:#FF0000;}

/* Main content
-------------------------------------------------------------- */
.twitter .head { background:url(../gfx/ico_twitter.png) 7px 50% no-repeat; padding:0 0 10px 50px; line-height:19px;}
.twitter .head .follow { font-family:Georgia, "Times New Roman", Times, serif; color:#f59c00; font-style:italic;}
.twitter .head a { color:#29a1d7; font-size:16px; font-weight:bold;}

.ico-mail { background:url(../gfx/ico_mail.png) 0 0 no-repeat; padding-left:70px; }

.inp { float:left; background:#fff url(../gfx/ico_search.gif) 4px 50% no-repeat; text-align:left; border:1px solid; border-color:#797c80 #d1d2d4 #d1d2d4 #797c80; font-size:13px; line-height:18px; padding:6px 3px 5px 4px; width:260px; color:#797c80; vertical-align:middle;}
.inp-act { float:left; background:#fff9eb url(../gfx/ico_search.gif) 4px 50% no-repeat; text-align:left; border:1px solid; border-color:#797c80 #d1d2d4 #d1d2d4 #797c80; font-size:13px; line-height:18px; padding:6px 3px 5px 4px; width:260px; color:#252525; vertical-align:middle;}

.content ul li { padding:3px 0 3px 33px; background:url(../gfx/bullet.gif) 10px 7px no-repeat;}

.inp-l { background:#fff url(../gfx/ico_search.gif) 4px 50% no-repeat; text-align:left; border:1px solid; border-color:#797c80 #d1d2d4 #d1d2d4 #797c80; font-size:16px; line-height:18px; padding:5px 3px 4px 5px; height:18px; width:250px; color:#000; vertical-align:middle;}
.inp-url { background:#fff url(../gfx/ico_search.gif) 4px 50% no-repeat; text-align:left; border:1px solid; border-color:#797c80 #d1d2d4 #d1d2d4 #797c80; font-size:18px; line-height:18px; padding:5px 3px 4px 5px; height:18px; width:150px; color:#000; font-weight:bold; vertical-align:middle; margin-bottom:5px;}

/* Footer
-------------------------------------------------------------- */
.footer { background:#326c9c url(../gfx/bg_footer.png) 0 100% repeat-x; padding:20px 0 40px 0; margin-top:20px;}
.footer .left { float:left;}
.footer ul { float:left; width:140px; }
.footer ul li { line-height:20px;}
.footer ul a { color:#dbe5ed; font-size:12px; }
.footer ul a:hover { color:#fff;}

.footer .right { float:right;}
.footer .logos { float:left;}
.footer .copyright { float:left; margin-left:15px; color:#a8c0d3; font-size:12px; line-height:20px; white-space:nowrap;}

/* Btns & Inputs
-------------------------------------------------------------- */
a.btn { display:block; float:left; background:url(../gfx/btn_l.png) 0 0 no-repeat; text-decoration:none; margin-left:8px; vertical-align:middle;}
a.btn span { display:block; background:url(../gfx/btn_r.png) 100% 0 no-repeat; padding:5px 20px; color:#222; font-weight:bold; font-size:13px; text-align:center; cursor:pointer; white-space:nowrap; }
a.btn:hover { background-position:0 100%; }
a.btn:hover span { color:#000; background-position:100% 100%; }

a.btn1 { display:block; float:left; background:url(../gfx/btn1_l.png) 0 0 no-repeat; text-decoration:none;}
a.btn1 span { display:block; background:url(../gfx/btn1_r.png) 100% 0 no-repeat; padding:5px 45px 7px; color:#fff; font-size:14px; font-weight:bold; height:18px;}
a.btn1:hover { background-position:0 -30px;}
a.btn1:hover span { background-position:100% -30px;}

a.btn1s { display:block; float:left; background:url(../gfx/btn1s_l.png) 0 0 no-repeat; text-decoration:none;}
a.btn1s span { display:block; background:url(../gfx/btn1s_r.png) 100% 0 no-repeat; padding:2px 12px 4px; color:#fff; font-size:12px; font-weight:bold; height:16px;}
a.btn1s:hover { background-position:0 -22px;}
a.btn1s:hover span { background-position:100% -22px;}

a.btn2 { display:block; float:left; background:url(../gfx/btn2_l.png) 0 0 no-repeat; text-decoration:none;}
a.btn2 span { display:block; background:url(../gfx/btn2_r.png) 100% 0 no-repeat; padding:5px 35px 7px; color:#fff; font-size:14px; font-weight:bold; height:18px;}
a.btn2:hover { background-position:0 -30px;}
a.btn2:hover span { background-position:100% -30px;}


/* IMPORTANT
-------------------------------------------------------------- */
.b { font-style:bold !important;}
.n { font-style:normal !important;}
.un { text-decoration:underline !important;}