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-size: 100%;
	vertical-align: baseline;
	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;}

/*************** Fonts & Graphics ***************/
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,table,input,label,textarea,button,select,code,samp,kbd,tt {color: #000; font: normal 1em/1.2  "Trebuchet MS", Tahoma, Geneva, sans-serif;}
code {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 2em/1 Tahoma, Helvetica, sans-serif; color: #ff9e06;}
	h1 em { font-style: normal; color: #0080b6;}
	h1 dfn { display: block; line-height: 36px; font-size: 0.75em; color: #0080b6;}
h2 { position: relative; font: normal 1.416em/1 "Trebuchet MS"; color: #858585; margin: 0 0 10px; padding: 0 0 3px; border-bottom: 1px solid #bdc0c2}
	h2 a{ color: #858585; text-decoration: none;}
	h2 var { position: absolute; right: 0;  top: 4px; font: normal 0.588em/1 Tahoma; color: #000}
h3 {font: bold 1.181em Tahoma, Geneva, sans-serif; color: #00b3ff;}
h4 {font: bold 1em Tahoma, Geneva, sans-serif; color: #004987;}
h5 {font: bold 1em Tahoma, Geneva, sans-serif; color: #0080b6; margin: 5px 0}
h6 {font: normal 1em Tahoma, Geneva, sans-serif; margin: 5px 0}

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

html {background: #f1f0f0 url("../img/bg_body.png") center 0 repeat-y;}
body {background:  url("../img/bg_HTML.png") 0 0 repeat-x;}

/*************** Positioning ***************/
body { margin: 0; padding: 0 0 0 0;}
#wrapper { position: relative; width: 980px; margin: 0 auto; padding: 6px 0px 0 ; background: url("../img/bg_wrapper.png") center 35px no-repeat}

       /* -- Mainframes -- */
#header     {position: relative; width: 980px; height: 163px; background: #6b86ff url("../img/bg_header.jpg") 0 0 no-repeat}
#content    {padding: 30px 50px 50px 50px; background: #fff;}
#footer     {}
#bottom     {}

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

       /* ++ Standard elements ++ */
a            {color: #008cc0; text-decoration: underline;}
/*a:visited {color: #000080;} */
a:hover, a:active, a:focus {text-decoration: none;}
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;}
fieldset {padding: 0.5em; border: solid 1px #dcdcdc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 1px 4px; border: 1px solid #cdcccc; background: #fff url("../img/bg_input.png") 0 0 no-repeat;}
        input.text,input.password {padding: 1px 4px; border: 1px solid #cdcccc; background: #fff url("../img/bg_input.png") 0 0 no-repeat;}
  input[type="hidden"] {display: none !important;}
        input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"] {width: auto !important;}
        input.image,input.checkbox {width: auto !important;}
select   {}
textarea {padding: 0.5em; border: 1px solid #cdcccc; background: #fff url("../img/bg_textarea.png") no-repeat;}
input,label,select {vertical-align: middle;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #d5dfe5; background-color: #d5dfe5; 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 1em 1.5em; padding: 0; list-style-type: none;}
   ul li {margin: 2px 0; padding: 0 0 0 10px; background: url("../img/bull_li.png") 0px 4px no-repeat;}
   li ul {margin-top: 0; margin-bottom: 0;}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside;}
   ol li {margin: 0; padding: 0;}
   li ol { margin-bottom: 0;}
   ol ul li {background: none;}
dl {margin: 0 0 1em 1.5em; padding: 0;}
   dl dt {margin: 0 0 0.5em 0; padding: 0;}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle;} /* VA is for inline img's */
#footer img,#bottom img,p img {display: inline;}

       /* -- Text -- */
blockquote {margin: 1em 0; padding: 0.5em 1em; quotes: none;}
    blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
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   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap;}

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;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.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;}

/*  -- Header --  */
/*  logo */
#logo {position: absolute; top: 6px; left: 26px;  padding:0px 0 0 0px;  width: 373px; height: 103px;  font: bold 1.916em "Arial Narrow","Trebuchet MS", sans-serif; color: #fff; text-transform: uppercase; margin: 0; overflow: hidden;}
	#logo span,#logo a {position: absolute; top: 0px; left: 0px;  padding:0px 0 0 0px;  width: 373px; height: 103px;background: url("../img/logo.png") 0px 0px no-repeat; text-indent: -999em; display: block;}
	#logo small { font: bold 0.404em "Trebuchet MS"; display: block; color: #166ba8; text-transform: none;}
/* /logo */

/* menu  */
	#nav { position: absolute; left: 0; bottom: 0; display: block; height: 40px; width: 980px; margin: 0; padding: 0; background: #484848 url("../img/bg_nav.png") 0 0 repeat; border-bottom: 1px solid #8a8a8a; border-top: 1px solid #fff; font: normal 1.166em "Trebuchet MS";}
	body.inner #nav { position:absolute; bottom:0; left:0;}
		#nav li{ display: block; position: relative; float: left; padding: 0; margin: 0; background: none;}
			#nav li a{ position: relative; display: block; height: 40px; line-height: 40px; text-decoration: none; color: #fff; text-align: center;}
			#nav li a:hover { color: #98f42c;}
			#nav li a.sel { color: #98f42c; background-color: #686767}
			#nav li a span { position: absolute; height: 40px; width: 100%; top: 0; left: 0; cursor: pointer; background:  url("../img/bg_nav-li.png") 0 0 no-repeat;}

			#nav li#n_home a { width: 67px;}
				#nav li#n_home a span { background-position: 0 0}
				#nav li#n_home a:hover span { background-position: 0 -40px}
				#nav li#n_home a.sel span { background-position: 0 -80px}


            #nav li#n_avaliable a { width: 149px;}
				#nav li#n_avaliable a span { background-position: -67px 0}
				#nav li#n_avaliable a:hover span { background-position: -67px -40px}
				#nav li#n_avaliable a.sel span { background-position: -67px -80px}

            #nav li#n_register a { width: 117px;}
				#nav li#n_register a span { background-position: -216px 0}
				#nav li#n_register a:hover span { background-position: -216px -40px}
				#nav li#n_register a.sel span { background-position: -216px -80px}

            #nav li#n_course a { width: 152px;}
				#nav li#n_course a span { background-position: -333px 0}
				#nav li#n_course a:hover span { background-position: -333px -40px}
				#nav li#n_course a.sel span { background-position: -333px -80px}

            #nav li#n_news a { width: 113px;}
				#nav li#n_news a span { background-position: -485px 0}
				#nav li#n_news a:hover span { background-position: -485px -40px}
				#nav li#n_news a.sel span { background-position: -485px -80px}

            #nav li#n_systemcheck a { width: 162px;}
				#nav li#n_systemcheck a span { background-position: -598px 0}
				#nav li#n_systemcheck a:hover span { background-position: -598px -40px}
				#nav li#n_systemcheck a.sel span { background-position: -598px -80px}

            #nav li#n_contact a { width: 102px;}
				#nav li#n_contact a span { background-position: -760px 0}
				#nav li#n_contact a:hover span { background-position: -760px -40px}
				#nav li#n_contact a.sel span { background-position: -760px -80px}

            #nav li#n_testimonial a { width: 118px;}
				#nav li#n_testimonial a span { background-position: -862px 0}
				#nav li#n_testimonial a:hover span { background-position: -862px -40px}
				#nav li#n_testimonial a.sel span { background-position: -862px -80px}


/* /menu */
/* /-- Header -- */

/* -- Footer --  */
#footer { height: 69px; background: #5e5e5e url("../img/bg_footer.png") 0 0 repeat-x; font-size: 0.916em; color: #6b6b6b; border-top: 2px solid #fff; }
#footer hr  {display: none;}

#footer ul#subnav {margin: 0; width: 650px; overflow: hidden; position: relative; }
#footer ul li {float: left; margin: 0 0 0 -4px; padding: 0 15px 2px 15px; background: url("../img/bull_quoter.png") 0 5px no-repeat; line-height: 1;}
#footer ul li a,#footer ul li a:visited {color: #f7f7f7;}
#footer ul li a:hover,#footer ul li a:focus {color: #61ff01;}

/* contacts  */
address.vcard { position: absolute; top: 30px; right: 0; font-style: normal; padding-right: 17px; font: normal 1em/1 Tahoma; color: #fff}
#bottom address.vcard a.fn {cursor: default; text-decoration: none; color: #61ff01;}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {visibility: hidden;}
address.vcard a.hcard-download {}
div#footer span.street-address, div#footer span.locality,div#footer span.postal-code,div#footer span.tel,div#footer span.country-name,div#footer acronym.region,div#footer a.email { display: none;}
/* /-- Footer -- */

/* -- Bottom --  */
#bottom { width: 980px; margin: 0 auto; padding-top: 30px; position: relative;}
#bottom a {color: #9c9c9c;}
#bottom a#net {display: block; margin: auto; height: 16px; width: 165px; padding-left: 25px; background: url("../img/logo_netcraft.png") no-repeat; white-space: nowrap;}
#bottom kbd.tto_division { position: absolute; top: 9px; left: 5px; color: #fff;}
	#bottom kbd.tto_division a { color: #fff;}
/* /-- Bottom -- */
/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content { z-index: 10; position: relative; background: #fff url("../img/bg_content.png") 0 0 repeat-x }
#content:after {height: 0px; display: block; content: ' '; clear: both}
#content-text { position: relative; width: 609px; float: left; margin-right: 30px; padding-bottom: 20px}

#content-text div.company_block { padding: 0 20px; margin-bottom: 20px; background: #5e6ba0 url("../img/bg_cblock.png") 0 17px repeat-x; color: #fff}
#content-text div.company_block:before, #content-text div.company_block span.block-before {background: url("../img/bg_cblock_frame.png") 0px 0px no-repeat; height: 17px; margin: 0px -20px 0 -20px; display: block; content: ' '}
#content-text div.company_block:after, #content-text div.company_block span.block-after {background: url("../img/bg_cblock_frame.png") 0px -17px no-repeat; height: 17px; margin: 0 -20px 0 -20px; display: block; content: ' '; clear: both}

#content-text div.subcontent_block { margin-bottom: 20px; padding: 0 20px; background: #f0f1f2; color: #000}
#content-text div.subcontent_block:before, #content-text div.subcontent_block span.block-before {background: url("../img/bg_sub_frame.png") 0px 0px no-repeat; height: 18px; margin: 0px -20px 0 -20px; display: block; content: ' '}
#content-text div.subcontent_block:after, #content-text div.subcontent_block span.block-after {background: url("../img/bg_sub_frame.png") 0px -18px no-repeat; height: 18px; margin: 0 -20px 0 -20px; display: block; content: ' '; clear: both}

	#content-text div.company_block h2 { position: relative; font: normal 1.416em/1 Tahoma; color: #fff; margin: 0 0 10px; padding: 0 0 3px; border-bottom: 1px solid #fff}
	#content-text div.subcontent_block h2 { position: relative; font-family: Tahoma; color: #6370ae }
		#content-text div.subcontent_block h2 a { color: #6370ae; text-decoration: none; }
		#content-text div.company_block h2 var { position: absolute; right: 0;  top: 4px; font: normal 0.588em/1 Tahoma;}
		#content-text div.subcontent_block h2 var { position: absolute; right: 0;  top: 4px; font: normal 0.588em/1 Tahoma; color: #000}
	#content-text div.company_block img.clogo { float: left; margin: 0 20px 10px 0}
	#content-text div.company_block tt { display: block; clear: both; color: #fff}
	#content-text div.company_block a { color: #f6ff00}
	#content-text div.company_block span.category  { clear: both; margin-top: 5px; display: block; padding-top: 3px; border-top: 1px solid #fff }
	#content-text div.subcontent_block span.category  { clear: both; margin-top: 5px; display: block; padding-top: 3px; border-top: 1px solid #BDC0C2 }
	#content-text span.category  { clear: both; margin-top: 5px; display: block; padding-top: 3px; border-top: 1px solid #BDC0C2 }


	a.more { float: right; display: block; margin-top: 10px; padding: 0 0 0 13px; font: bold 1em "Trebuchet MS"; color: #64696f; background: url("../img/bull_more-green.png") 0 5px no-repeat}


/*------------------ Sidebar ++++++++++++++++++*/

#sidebar { padding: 0 24px; margin: 0 0 0; float: right; width:169px; margin-bottom: 20px; background: #99e147; color: #fff; }
#sidebar:before, #sidebar span.block-before {background: url("../img/bg_sidebar_frame.png") 0px 0px no-repeat; height: 17px; margin: 0px -24px 0 -24px; display: block; content: ' '}
#sidebar:after, #sidebar span.block-after {background: url("../img/bg_sidebar_frame.png") 0px -17px no-repeat; height: 16px; margin: 0 -24px 0 -24px; display: block; content: ' '; clear: both}

	#sidebar ul.cat { margin: 0; padding: 0; font-family: Tahoma;}
		#sidebar ul.cat li{ margin-bottom: 7px; padding: 0; background: none; font: normal 1.416em Tahoma; color: #fff; border-bottom: 1px solid #fff}
		#sidebar ul.cat li:last-child,#sidebar ul.cat li.last-child{ border-bottom: none}
		#sidebar ul.cat li ul{ margin: 5px 0 5px 5px; padding: 0;}
			#sidebar ul.cat li ul li { font-size: 0.705em;  border: none; color: #000; padding: 0 0 0 7px; background: url("../img/bull_li.png") 0 5px no-repeat;}
				#sidebar ul.cat li ul li a { color: #000; text-decoration: none;}
					#sidebar ul.cat li ul li a:hover,#sidebar ul.cat li ul li a:focus{  text-decoration: underline;}

ul.lbl { position: absolute; right: 10px; top: 12px; margin: 0; padding: 0 0 0 10px; width: 124px; height: 23px; background: url("../img/bg_lbl.png") 0 0 no-repeat; font: bold 0.916em/23px Tahoma; }
	ul.lbl li { display: inline; margin: 0; padding: 0 10px; background: none}
	ul.lbl li a{ color: #fff; text-decoration: none;}
	ul.lbl li a:focus,ul.lbl li a:hover
	{ text-decoration: underline;}