@charset "utf-8";

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, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {border: 0; padding: 0; font-size: 100%; background: transparent;}
dfn,var {font-style: normal;}

/* Disable a deprecated */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

p {margin: 1em 0;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat;}

input,select,textarea,button {margin: 0; font-size: 92%;}
fieldset {padding: 0.5em; border: solid 1px #ccc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 2px; border: 1px solid #ccc; background: #fff;}
          input.text,input.password {padding: 2px; border: 1px solid #ccc; background: #fff;}
  input[type="hidden"] {display: none !important;}
          input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"],input[type="radio"] {width: auto !important;}
          input.image,input.checkbox,input.radio {width: auto !important;}
textarea {padding: 0.5em; border: 1px solid #ccc; background: #fff;}
input,label,select {vertical-align: middle;}
select {background: #fff;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #ccc; background-color: #ccc; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0; padding: 0; list-style-type: none;}
   ul li {margin: 0.2em 0; padding: 0 0 0 10px; background: url("../img/bull_li.png") 0px 7px no-repeat;}
   li ul,dd ul {margin: 0;}
        ul[type=disc], li[type=disc] { list-style-type: disc; }
        ul[type=circle], li[type=circle] { list-style-type: circle; }
        ul[type=square], li[type=square] { list-style-type: square; }
ol {margin: 1em 0; padding: 0; list-style-position: inside;}
   ol li {margin: 0.2em 0; padding: 0;}
   li ol,dd ol {margin: 0 0 0 1.5em;}
dl {margin: 1em 0; padding: 0;}
   dl dt {margin: 0.5em 0 0 0; padding: 0;}
   dl dd {margin: 0 0 0.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle; font: normal 0.75em Tahoma; color: #aaa;}
#footer img,#bottom img,p img {display: inline;}
img[border="1"],img[border="2"] {border: 1px solid #000;}

       /* -- Text -- */
blockquote {margin: 1em 0 1em 1.5em; padding: 0.5em 1em; quotes: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote:before, blockquote:after {content: ''; content: none;}
blockquote q {text-indent: -0.8em;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {white-space: pre; overflow: auto; padding: 10px; background: #F6F6F6; border: 1px solid #E5E5E5; }

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/

/*************** Fonts ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body,input,textarea {color: #000; font: normal 1em/1.4 Arial, Helvetica, sans-serif;}
code,pre {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}

h1,h2,h3,h4,h5,h6 {margin: 2em 0 1em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: bold 4em Lucida Sans Unicode; color: #555;}
h2 {font: bold 1.5555em Lucida Sans Unicode; color: #e5722f; text-transform: uppercase}
h3 { font:bold 1em "Lucida Sans Unicode"; text-transform: uppercase; color:#2068a7}
h4 {font: bold 1.75em Tahoma; color: #222;}
h5 {font: bold 1.5em Tahoma; color: #111;}
h6 {font: bold 1.333em Tahoma; color: #000;}

a         {color: #00aef0; text-decoration: underline;}
a:visited {color: #00aef0;}
a:hover, a:active, a:focus {text-decoration: none;}

/*************** Positioning ***************/
html { background:url(../img/bg-body.png) repeat-x; height:100%}
body { position:relative; min-height:100%; _height:100%; background:url(../img/bg-footer.png) repeat-x 0 bottom; }
#wrapper { position: relative; width: 980px; margin: 0 auto; padding: 230px 0 120px 0;}

       /* -- Mainframes -- */
#header     { position: absolute; top:0; left:0; width: 100%; height: 230px;}
#content    {   font-size: 23px; line-height: 1.6; color: #6d7483}
  #content-text {  padding-top: 25px; margin-top: 25px; }
#sidebar    {}
#footer     { position:absolute; bottom:0;  left:50%; width: 1000px; margin-left: -500px; height: 48px; padding-top: 26px; background: #f6f6f6}
#bottom     {}

/*  -- Header --  */
/*  logo */
#logo {display:block; position: absolute; top: 30px; left: -18px; width: 310px; height: 89px; margin: 0; font: normal 30px "Myriad Pro", sans-serif; color: #000;  text-transform: uppercase; z-index: 50;}
#logo a,#logo span {display: block; position: absolute; top: 0px; left: 0;  width: 310px; height: 89px; background: url("../img/logo.png") no-repeat; text-indent: -900em; outline: none}
#logo dfn  {display: block; font-size: 0.7em; text-transform: none; color: #5b7f9f}
/* /logo */

/*== form sign ==*/
form.sign {  width: 320px; position:absolute; top: 41px; right: 8px;}
form.sign dl { margin:0;}
form.sign dl dt { margin:0; float: left;  width: 75px; text-align: right; margin: 0 5px 0 0;}
form.sign dl dd { margin:0;}

form.sign label {  color:#6d7483; font-size: 16px;}
form.sign input {  background: none; height: 17px; padding-top: 5px; padding-left: 5px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#7e7f80}
form.sign span.input { float: left;  margin-bottom: 14px; background:url(../img/bg-input.png) no-repeat; }
form.sign input#login { width: 216px;}
form.sign input#pass { width: 135px;}

form.sign input#submit-login { width: 71px; height: 27px; padding-bottom: 5px; margin-left: 7px; color:#fff;  background:url(../img/btn.png) no-repeat; border: none; font-size: 13px;}
form.sign a.forgot { position:relative; top: -10px; display: inline-block; margin: 0 0 0 80px; color:#4682b6; font-size: 13px;}

/* menu  */
ul#nav { position:absolute; bottom:0; left:0; margin: 0; padding: 0; height: 62px;}
ul#nav  li { float: left; padding:0 22px 0 0; margin:0; background: none; border-left: 1px solid #b8b8b8; font-size: 16px; text-transform: uppercase;}
ul#nav  li a { position: relative; overflow: hidden; float: left; height: 62px; padding-left: 75px; color:#e2641e; font-weight: bold; text-decoration: none}
ul#nav  li a:hover { text-decoration: underline}
ul#nav  li a span { position:absolute; top:0; left:0; height: 62px; width: 100%;  display: block;  background:url(../img/bg-nav.png) no-repeat; cursor: pointer}

ul#nav  li.hard-copy  a span { background-position: -190px 0}
ul#nav  li.insurance a span { background-position: -388px 0}
ul#nav  li.live-classes a span { background-position: -586px 0}
ul#nav  li.online-flashcards a span { background-position: -768px 0; width: 212px}

ul#nav  li.online-flashcards  { padding-right:0;}
ul#nav  li.online-flashcards a { padding-left:80px;}

ul#nav  li.hard-copy  a  { color:#00733f }
ul#nav  li.insurance a { color:#7a3c1c}
ul#nav  li.live-classes a { color:#d9342e; }
ul#nav  li.online-flashcards a { color:#00adef; width: 130px}

ul#nav  li a.hover span  { background-position: 0 bottom}
ul#nav  li.hard-copy  a.hover span { background-position: -190px bottom}
ul#nav  li.insurance a.hover span { background-position: -388px bottom}
ul#nav  li.live-classes a.hover span { background-position: -586px bottom}
ul#nav  li.online-flashcards a.hover span { background-position: -768px bottom; width: 212px}

ul#nav  li a:hover span  { background-position: 0 bottom}
ul#nav  li.hard-copy  a:hover span { background-position: -190px bottom}
ul#nav  li.insurance a:hover span { background-position: -388px bottom}
ul#nav  li.live-classes a:hover span { background-position: -586px bottom}
ul#nav  li.online-flashcards a:hover span { background-position: -768px bottom; width: 212px}




ul#nav  li.online-video { border: none; padding-right: 15px}
ul#nav  li.online-video a { padding-left: 60px; padding-right: 0; border: none}

a.banner { position:absolute; top: 44px; right: 0; display: block; height:58px; width: 230px; padding: 0 215px 0 20px; font: bold 25px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; background: #429ee3 url(../img/bg_banner.png) no-repeat; border: 1px solid #b8b8b8; line-height: 56px;}

/* /menu */

/* /-- Header -- */

/* -- Footer --  */
#footer { font-size: 0.916em; color: #838383; text-shadow: #838383 0 0; clear: both}
#footer a {color: #838383;}
#footer hr  {display: none;}

/* contacts  */
address.vcard {font-style: normal; display: inline}
address.vcard a.fn {cursor: default; text-decoration: none; color: #000;}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {position: absolute; visibility: hidden;}
address.vcard a.hcard-download {}

ul.banners { position:absolute; top: 22px; right:20px; padding:0; margin:0;}
ul.banners li { float: left; margin-left:18px; padding-left:11px; background: none}
ul.banners li a { display: block; position:relative; height: 27px;}
ul.banners li a span { position:absolute; top:0; left:0; display: block; height: 100%; width: 100%; background:url(../img/banners.png) no-repeat}

ul.banners li.twitter a { width: 94px;}
ul.banners li.youtube { background:url(../img/separator.png) no-repeat 0 center}
ul.banners li.twitter { background:url(../img/separator.png) no-repeat 0 center}
ul.banners li.youtube a { width: 65px;}
ul.banners li.youtube a span { background-position: -124px 0}
ul.banners li.facebook a { width: 88px;}
ul.banners li.facebook a span { background-position: -189px 0}

/* /contacts */
/* /-- Footer -- */

/* -- Bottom --  */
#bottom {font-size: 0.846em; color: #6b6b6b; text-align: center;}
#bottom a {color: #9c9c9c;}
/* /-- Bottom -- */
/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content table,#content object,#content embed {clear: both;}
#content-text  { overflow: hidden;  border-top: 1px solid #b8b8b8}
strong { color:#59739a}
em { color:#33bef3}

div#block { padding:32px 426px 0 33px;  height: 309px; font-size:18px;  background:url(../img/bg-content-text.png) no-repeat right bottom; }
#content div#block p { margin-left: 0; text-align: left}
div.block { position:relative; overflow: hidden; height: 309px; padding: 32px 416px 0 35px;  }
#content div.block p { margin-left: 20px; text-align: justify}

#content h2 { margin-top: 23px !important; font-size:28px; margin-bottom: 10px}
#content #online-video { font-size:20px}
#content #online-video h2{ font-size:28px}

#content #hard-copy  { font-size: 20px; line-height: 1.4; }
#content #hard-copy h2 { color: #00733f}

#content #insurance  { font-size: 23px; line-height: 1.4; }
#content #insurance h2 { color: #7a3c1c}

#content #live-classes { font-size: 23px; line-height: 1.4; }
#content #live-classes h2 { color: #d9342e}

#content #online-flashcards { font-size: 23px; line-height: 1.4; }
#content #online-flashcards h2 { color: #00adef}

#content span.img { position:absolute; bottom:0; right:0; overflow: hidden; display: block; width: 339px; height: 251px; padding: 0 30px 30px 30px; background:url(../img/bg-span-img.png) no-repeat}
#content span.img img  { }

div.hidden { display: none}
div.showed { position:relative; display: block; overflow: hidden; height: 309px; padding: 32px 416px 0 35px; }
div.showed h2 { margin-bottom:0; font-size:28px}
div.showed p { text-align: justify; margin-left: 20px; margin-top: 0}

#content-text div.block { float: left; width: 186px; height: 140px;   font-size: 14px; line-height:1.2; padding: 0 30px 0 110px; border-left: 1px solid #b8b8b8; background:url(../img/bg-sub-block.png) no-repeat 30px -25px; border-bottom: none}
#content-text div.block  p { margin-left: 0; }
#content-text div.team { border: none;}
#content-text div.join { background-position: -320px -25px}
#content-text div.contact { background-position: -670px -25px}

#content-text div.block h3 { margin-left: -80px; margin-top:0!important; font-size:1.28em; margin-bottom: 5px; padding-left: 30px; background:url(../img/bg-h.png) no-repeat 0 2px; color: #2068a7}
#content a.click { padding-left: 22px; background:url(../img/bg-a-click.png) no-repeat 0 2px; color:#00aef0;}


/*== inner ==*/

body.inner #header { height: 148px;}
body.inner #wrapper { padding-top: 148px;} 
body.inner #content { overflow: hidden; position:relative; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.333em; }
body.inner div.user-data h3 { font-size: 26px; text-transform: none; margin-bottom:0; font-family: Arial, Helvetica, sans-serif; color:#59739a}
body.inner div.user-data h4 { font-size: 19px; color:#59739a; margin:0; font-family: Arial, Helvetica, sans-serif}

body.inner #content h2 { color:#2068a7;  margin: 0  0 7px 0!important}
body.inner  #content-text { clear: both;}

div.user-data { padding: 0 0}
#content img.left { float: left; margin-right: 35px; margin-bottom: 23px;}

#content ul.data {  overflow: hidden; font-size: 1.125em; margin: 0; border-bottom:1px solid #B8B8B8; padding-bottom: 10px; margin-bottom: 10px;}
#content ul.data li  { float: left; width: 250px; background: none; padding:0; margin: 0}
#content ul.data li  strong { color:#6d7483}

#content ul.state { margin-left:0; overflow: hidden;  _zoom:1; font-size: 0.8125em}
#content ul.state  li  { float: left; padding-left: 20px; width: 122px; background:url(../img/bull_li_state.png) no-repeat 0 center; line-height: 1.4}
#content ul.state  li  a { text-decoration: none; color:#6d7483}
#content ul.state  li  a:hover { text-decoration: underline;}


#content  div.description { clear: both; margin-top: 20px; text-align: justify }
#content a.back { position:absolute; top:0; right:0; display: block; height: 27px; width: 57px; padding-left: 43px; color:#fff; text-decoration: none; background: #33bef3 url(../img/btn.png) no-repeat 0 -70px;}

/*== join ==*/
#content div.join { margin-bottom: 10px; line-height: 1.4}
#content div.join form { padding: 0 30px; margin-top: 25px;}

#content dl.reg { overflow: hidden; margin: 0; font-size: 0.875em}
#content dl.reg dt { float: left; width: 377px; margin:0; font-weight: bold; color:#4d4d4d}
#content dl.reg dd { margin:0 0 12px 377px; }
#content dl.reg dd  input { width: 250px; height: 20px; color:#7e7f80; font-size: 12px}
#content dl.reg dd  select {  border: 1px solid #c9c9c9; color:#7e7f80  }
#content dl.reg dd label { margin: 0 30px 0 5px}
#content dl.reg dd textarea { width:527px; height: 92px; background:url(../img/bg_textarea.png) no-repeat}

#content dl.reg dd  input#code { width: 139px;}
#content dl.reg dd  input#submit {  height: 27px; width: 100px; padding-bottom: 3px; margin-left:30px; border: none; background: #bd5c35 url(../img/btn.png) no-repeat 0 -133px; color:#fff} 
#content dl.reg dd  img.capcha { display: inline; margin-right: 15px;}

span.input { display: inline-block; background:#fff  url(../img/bg_input.png) no-repeat  1px 1px}
span.input input { background: none}

/*== team ==*/

#content div.team-info { padding: 0 30px; overflow: hidden; _zoom:1}
#content div.team-info div { margin:0; float: left; width: 264px;}
#content div.team-info div  h3 { margin-bottom: 10px; font-size: 18px; font-weight: normal; }
#content div.team-info div.sales-team { margin: 0 53px 0 64px}
#content div.team-info div.sales-team h3 { color:#00733f}
#content div.team-info div.executive-team h3 { color:#e2641e}
#content div.team-info div.support-team h3 { color:#d9342e}


#content div.team-info dl { font-size: 1em; margin:0; line-height: 1.4}
#content div.team-info dl dt { color:#59739a; font-size: 1.125em; margin-top: 12px}
#content div.team-info dl dd { margin-left:0; font-size: 0.875em}

#content form.send { position:relative}

#content form.send a.back { bottom:20px; left:30px; right: auto; top:auto; line-height: 1.6}
p.select { position:relative; margin:0; }

#wrapper select.styled { width:256px;  height: 27px; color:#7e7f80;  }
#wrapper span.select {  position: absolute;  width: 256px;  _width:0px; height: 27px; padding: 0 24px 0 8px;   background: url(../img/bg_select.png) no-repeat 0 0;   overflow: hidden;  line-height: 2.4; font-size: 12px}

#fill_form {border:1px solid #CCCCCC; padding:10px; display: none}
#content div.visible { display: block}
#content div.visible  ul { margin:0 0 0 15px;}
#content div.visible  ul li { padding:0; background: none;}
#content div.visible  ul li  strong { color: #4D4D4D}