/*<![CDATA[*/

body, html   { width: 100%; height: 100% }
body         { background: #fff; color: #364856; text-align: center }
*            { margin: 0; padding: 0; text-align: left }
body, td, th { font: 14px Georgia }
div          { float: left }

/* main layout */
#page           { width: 100%; height: 100%; min-height: 100%; text-align: center; background: url(/i/bg_page.gif) repeat-x } 
#fspace         { width: 100%; height: 100px }
#footer         { width: 100%; margin-top: -62px; height: 62px; text-align: center }
html>body #page { height: auto }

#conteiner, #inner, #fconteiner { float: none; margin: auto; width: 960px; padding: 0 20px; wid\th/* */: 920px }
#conteiner, #inner      { padding-top: 38px }
#fconteiner     { width: 920px; padding: 0; border-top: 2px solid #02aedb }
#fconteiner div { width: 420px; padding-top: 16px }
#fdeveloper     { float: right; text-align: right }

#header         { width: 920px; height: 81px; background: url(/i/bg_index_header.gif) 510px top no-repeat }

#hcontacts         { float: right; width: 220px; padding-top: 2px; text-align: right; font-size: 28px; color: #f28021 }
#hcontacts span    { font-size: 15px; color: #5c5c5c; font-weight: bold }
#hcontacts a       { float: right; margin-top: 7px; margin-right: 10px; display: inline-block; font-size: 12px; color: #80c65b; font-weight: bold; font-style: italic }
#hcontacts a:hover { color: #02aedb }

#navigation    { height: 328px; width: 676px; padding-right: 506px; padding-bottom: 58px; background: url(/i/bg_index_navigation.jpg) 178px top no-repeat; heig\ht/* */: 270px; wid\th/* */: 170px }
#navigation a  { font: 18px Georgia; font-style: italic }
#navigation ul { margin-top: 79px }
#navigation li { list-style: none }

#inner #header     { background: url(/i/bg_header.jpg) right no-repeat }
#inner #menus      { width: 267px; display: inline; margin-left: -10px; padding: 0 10px; padding-bottom: 20px; wid\th/* */: 247px }
#inner #navigation { height: 298px; width: 247px; padding: 0; padding-bottom: 59px; background: none;  heig\ht/* */: 240px  }
#inner #nsections  { float: left; width: 247px; display: inline; margin: 0; margin-left: -6px; padding: 0 6px; background: url(/i/bg_nsections.gif) top no-repeat; wid\th/* */: 235px; }

#quality      { width: 622px; margin-top: -45px; padding-left: 88px; background: url(/i/bg_index_quality.gif) no-repeat; wid\th/* */: 534px; }
#quality div  { width: 534px; margin-top: 106px; padding: 16px 18px; font-size: 18px; color: #666; background: #f9fcfe url(/i/bg_index_quality_div.gif) repeat-x; wid\th/* */: 498px }
#quality i    { color: #f28021 }

#icompany { width: 622px; margin-top: 87px; padding-right: 120px; wid\th/* */: 502px }

#nsections { float: right; width: 244px; padding-top: 382px; background: url(/i/bg_index_nsections.jpg) no-repeat }

#nsections a       { font-size: 20px; color: #f28021 }
#nsections a:hover { color: #02aedb }
#nsections li      { margin-top: 9px; list-style: none }
#nsections li ul   { padding-top: 2px }
#nsections li li   { margin-top: 2px; padding-left: 15px; background: url(/i/bg_index_nsections_li_li.gif) left 10px no-repeat }
#nsections ul ul a { font-size: 14px; color: #79cd00; font-style: italic; font-weight: bold }

#content { float: right; width: 572px; margin-top: 80px; padding-bottom: 20px }

/* common styles */

a        { color: #6ebe44 }
a:hover  { color: #02aedb; cursor: pointer }
img      { border: 0; display: block }

p        { padding-bottom: 17px }

h1           { font-size: 26px; font-style: italic; color: #f28021; padding-bottom: 7px; margin-left: -1px }
#content h1  { padding-bottom: 17px }
  

/*]]>*/
