/*--- Reset --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, i, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, optgroup, option, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:none; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }
html { height:100%; font-size:100.01%; }
body { height:100%; }
img { vertical-align:top; }
*:focus { outline:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
dfn, cite, var, address, optgroup { font-style:normal; }
del { text-decoration:line-through; }
ins { text-decoration:underline; }
sup, sub { position:relative; font-size:.75em; }
sup { top:-.5em; }
sub { top:.25em; }
strong, b { font-weight:bold; }
small { font-size:.8125em; }
big { font-size:1.125em; }
em, i { font-style:italic; }
li { list-style:none; }
ol li { list-style:decimal inside; }
fieldset legend { color:#000; }
input[type=checkbox] { margin:2px 2px 1px 3px; height:17px; width:15px; }
input[type=radio] { margin:1px 2px 0 3px; height:19px; width:15px; }
input, select, button { vertical-align:middle; }
.f-left { float:left; }
.f-right { float:right; }
img.f-left { margin-right:1em; }
img.f-right { margin-left:1em; }

/* -------------------------------------------*/ 
/* ---------->>> GLOBAL <<<-----------*/ 
/* ------------------------------------------*/

/*--- Text -------------------------- */
body, input, textarea, select { font-family: Arial, Tahoma, Geneva, Verdana, Helvetica, sans-serif; }
body { background:#E1E9ED url(../images/bg/body.gif) no-repeat; font-size:.80em; color:#000; min-width:1000px; }
hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
code, kbd, samp, tt, var { font-family:"Courier New", Monaco, Courier, monospace; }
code { display:block; margin:15px 0 24px; background:#fff; border:1px solid #F6F6F7; border-top:1px solid #D0D0D0; border-left:1px solid #D0D0D0; }
code span { display:block; border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6; }
code span pre { padding:13px; display:block; border-top:1px solid #F7F7F7; border-left:1px solid #F7F7F7; }
acronym { font-variant:small-caps; }
acronym, dfn { cursor:help; border-bottom:1px dashed #ccc; }
blockquote { font-style:italic; font-size:1.25em; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }
blockquote p { padding-bottom:.3em; }
p { padding-bottom:1.167em; }
a { cursor:pointer; color:#0782FF; text-decoration:underline; }
a:hover { text-decoration:none; }
address { font-style:italic; font-size:.917em; padding:1px 0 20px; }
address a { font-style:normal; }
address.url { padding-left:25px !important; background:url(../images/ico/url.png) no-repeat; }
address.mail { padding-left:18px !important; background:url(../images/ico/mail.png) no-repeat 0 .35em; }
address.icq { padding-left:22px !important; padding-top:3px !important; background:url(http://status.icq.com/online.gif?icq=276682819&img=26) no-repeat 0.35em 0.2em; }

/*--- /Text -------------------------- */


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#60AFD6; padding-bottom:.71em; }
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4, h5, h6 { font-weight:bold; color:#000; font-size: 1.167em; }

/*--- /Headings ---------------------- */


/*--- Table --------------------------- */
table { border-collapse:collapse; width:100%; }
caption, th, td { text-align:left; font-weight:normal; }

/*--- /Table -------------------------- */


/*--- Forms -------------------------- */
input, textarea, select, option { color:#666; font-size:1em; }
input.type-text, select, textarea { padding:2px; background:#fff; border:1px solid silver; width:10em; }
input.type-button { height:2em; padding:0 10px; cursor:pointer; }

select { padding:0; height:1.666em; }
select option { background:#fff; padding:0 .4em; }
select optgroup { background:#333; color:#fff; }
select optgroup option { padding-left:15px; }

textarea { height:8em; width:98%; padding:2px .9%; display:block; background:#fafafa; }

/*--- /Forms -------------------------- */


/* -------------------------------------------*/ 
/* ------------>>> GRID <<<------------*/ 
/* ------------------------------------------*/

/*--- Layouts -------------------------- */
#wrap { position:relative; min-height:100%; min-width:1000px; }
#page { z-index:2; position:relative; padding-bottom:9em; }

#visual1 { z-index:1; position:absolute; right:0; top:204px; width:117px; height:268px; background:url(../images/bg/visual1.gif) no-repeat; }

.visual-type2 { background-image:url(../images/bg/body2.gif); }
.visual-type2 #visual1 { background-image:url(../images/bg/visual1-2.gif); width:195px; height:284px; bottom:7.667em; top:auto; }
.index-page { background-image:url(../images/bg/body3.gif); }
.index-page #visual1 { background-image:url(../images/bg/visual1-3.gif); width:176px; height:296px; top:300px; }
.index-page h2 { color:#fff; }

/*--- /Layouts ------------------------- */


/*--- Header --------------------------- */
#header { padding-bottom:23px; }
#logo { width:141px; height:49px; margin:68px 0 0; top:-43px; position:relative; left:4%; text-indent:-3000em; overflow:hidden; display:block; background:url(../images/bg/logo.png) no-repeat; }

.nav { font-size:12px; border-top:1px dashed #fff; border-bottom:1px dashed #fff; }
.nav ul { overflow:visible; padding:0 0 0 5%; }
.nav ul li { float:left; line-height:65px; height:65px; margin:-1px 17px -1px 0; position:relative; }
.nav ul li.current, .nav ul li.current a { color:#090; }
.nav ul li.current { padding:0 6px; background:#F4F7F8 url(../images/bg/current.png) repeat-x; }
.nav-aside { float:right; width:29%; padding-left:0; }
.c-l { position:absolute; top:100%; left:50%; margin-left:-5px; width:0; height:0; overflow:hidden; border-right:5px solid #F4F7F8; border-bottom:5px solid #E1E9ED; } 
.c-r { position:absolute; top:100%; left:50%; width:0; height:0; overflow:hidden; border-left:6px solid #F4F7F8; border-bottom:6px solid #E1E9ED; } 

#index-nav { font-size:.917em; padding:36px 0 29px; border-top:1px dashed #fff; border-bottom:1px dashed #fff; }

.portfolio { text-align:center; }
.portfolio ul { float:left;}
.portfolio li { float:left; margin:0 9px; width:140px; padding-bottom:25px; }
.portfolio li img { width:132px; height:132px; display:block; border:4px solid #fff; }
.portfolio li a { overflow:hidden; position:relative; display:block; }
.portfolio li a span { text-align:left; color:#000; position:absolute; width:118px; left:-4000px; bottom:4px; background:#FECB32; padding:5px 7px 7px; }
.portfolio li a:hover span { left:4px; }

.menu { text-align:center; }
.menu li { display:inline; margin:0 7px; }

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


/*--- Footer --------------------------- */
#footer { border-top:1px dashed #fff; overflow:hidden; height:6.834em; margin-top:-6.917em; position:relative; }
#footer-holder { padding:23px 5% 0; }
#footer address { font-style:normal; padding:0; }
#footer address.mail { position:relative; left:-18px; }
#footer address.icq  { position:relative; left:-22px; height:20px; }

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


/*--- Columns [faux absolute positioning] */
.content { position:relative; width:100%; }
.main, .aside, .extra, .col1, .col2, .col3 { position:relative; left:100%; float:left; display:inline; }

.main { width:62%; margin-left:-95%; }
.aside { margin-left:-29%; width:25%; padding-top:3.917em; }

.col1 { width:30%; margin-left:-96.5%; }
.col2 { width:30%; margin-left:-65%; }
.col3 { width:30%; margin-left:-33%; }

/*--- /Columns------------------------ */


/* -------------------------------------------*/ 
/* --------->>> CONTENT <<<----------*/ 
/* ------------------------------------------*/

.print { font-size:.917em; float:right; padding-left:19px; background:url(../images/ico/print.png) no-repeat 0 .3em; }
.date { color:#666; font-size:.917em; padding-bottom:13px; display:block; }
.more { font-size:.917em; padding-left:21px; background:url(../images/ico/more.gif) no-repeat 0 .4em; }
.aside .back { font-size:.833em; }

.img { padding-bottom:15px; }
.img div { float:left; }
.img img { position:relative; z-index:2; }
.img .nfb1 { border:1px solid #DEE6EA; }
.img .nfb2 { border:1px solid #D7DFE3; }
.img .nfb3 { position:relative; border:1px solid #CED5D9; }
.img .c { background:url(../images/corner/corner.png) no-repeat; position:absolute; width:5px; height:5px; overflow:hidden; }
.img .tl { top:-3px; left:-3px; }
.img .tr { top:-3px; margin-left:100%; left:-2px; background-position:-5px 0; }
.img .bl { bottom:-3px; left:-3px; background-position:0 -5px; }
.img .br { bottom:-3px; left:-2px; margin-left:100%; background-position:-5px -5px; }
.nfc1 { float:left; position:relative; left:50%; }
.nfc2 { float:left; position:relative; left:-50%; }

.tabs { font-size:.917em; float:right; padding-bottom:4px; }
.tabs li { position:relative; float:left; margin-right:6px; padding:1px 3px 2px; }
.tabs li.current { color:#090; background:#F6F7F7; }
.tabs .c-l { margin-left:-3px; border-right:3px solid #F6F7F7; border-bottom:3px solid #E1E9ED; } 
.tabs .c-r { border-left:4px solid #F6F7F7; border-bottom:4px solid #E1E9ED; } 

.workers { font-size:.917em; }
.workers dt { padding-bottom:13px; }
.workers dl dt { padding-bottom:0; font-weight:bold; }
.workers li { padding-bottom:15px; }

.gallery { padding-top:13px; }
.gallery dl { float:left; }
.gallery li { width:205px; color:#4F7D93; font-style:italic; float:left; padding:0 18px 29px 0; }
.gallery li dt { padding:0 4px; }

.list { padding-top:20px; }
.list li { padding:0 0 9px; }
.list li .marker { text-decoration:none; content:'√'; font-weight:bold; margin-right:10px; font-size:1.083em; color:#fff; }
.list li .marker:visited { color:#090; }
.list.articles li { padding-bottom:4px; }
.index-page .list { padding-top:9px; }
.news li { padding-top:9px; }



/*---  New Block Formatting Context --- */
#wrap, #page, #header, #footer, .content, .main, .portfolio, .aside, .extra, .wrap, .holder, .img, form, ul, dl { overflow:hidden; }

/*--- Clearing -------------------------- */
.clear, .clearing:after, .nav:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }
#footer { z-index:3; }
.call { left:50%; margin-left:-50px; padding:8px 0 9px 35px; position:absolute; top:22px; }
.buttons { float:right; }
.buttons li { display:inline; margin-left:16px; }