@charset "utf-8";

/**
 * CSS
 *
 * @copyright Copyright (c) 2009, ecto.lt
 * @author    Benas Valančius <benas@ecto.lt>
 * @package   Framework
 *
 * $Id: page.css 657 2009-09-06 14:05:52Z noen $
 */

*
{
    padding:0;
    margin:0;
    outline:0;
}
html,
body
{
    font-family:Arial;
    font-size:11px;
    color:#d4d4d4;
    background:url(/design/bg.gif) top left;
}
table
{
    font-family:Arial;
    font-size:11px;
    color:#d4d4d4;
    border:0;
    border-collapse:collapse;
}
img
{
    border:0;
}
fieldset
{
    border:0 none;
}
ul,
ol
{
    padding:5px 30px;
}
input,
select,
textarea
{
    font-family:Arial;
    font-size:12px;
    color:#666666;
    padding:4px 2px;
    border:1px solid #aaa;
}
input.checkbox
{
    border:0 none;
    background:transparent;
    cursor:pointer;
    vertical-align:middle;
}
optgroup option
{
    padding-left:20px;
}
button
{
    cursor:pointer;
}
acronym
{
    cursor:help;
}
h1,
h2,
h3,
h4,
h5
{
    font-weight:normal;
}
p
{
    padding-bottom:10px;
}
a,
a:link,
a:active,
a:visited
{
    text-decoration:underline;
    color:#d4d4d4;
}
a:hover
{
    text-decoration:none;
    color:#d4d4d4;
}

/* global */
.star { color:#bc0000; }
.fl { float:left; }
.fr { float:right; }
.hand { cursor:pointer; }
.clearLeft { clear:left; }

h1
{
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
}
h2
{
    font-weight:bold;
    font-size:11px;
    padding-bottom:5px;
}

div#body
{
    width:920px;
    margin:0 auto;
}
div#header
{
    padding-top:50px;
    padding-bottom:5px;
}
div#logo
{
    color:#aaa;
}
div#logo span
{
    color:#fff;
}
div#logo p
{
    padding:0;
}
#languages
{
    float:right;
    padding-top:25px;
}
div#banner
{
    padding:7px 0;
    background:url(/design/bg_content.png) repeat-y top center;
}
#container
{
    background:url(/design/bg_content.png) repeat-y top center;
    padding-bottom:7px;
}
div#left
{
    float:left;
    width:80px;
}
div#left ul
{
    list-style:none;
    padding:0;
}
div#left li
{
    padding:0;
    line-height:18px;
}
div#left li a
{
    font-size:12px;
    color:#fff;
    text-decoration:none;
}
div#left li.active a
{
    font-weight:bold;
}
div#content
{
    margin-left:84px;
    padding-left:15px;
    border-left:1px solid #a8a8a8;
    min-height:100px;
}
div#footer
{
    height:25px;
    line-height:25px;
    color:#7b7b7b;
    padding:0 30px;
}
div#footer a
{
    color:#7b7b7b;
}
div#bottom
{
    height:5px;
    background:url(/design/bg_content.png) repeat-y top center;
    margin-bottom:50px;
}
.solution
{
    float:right;
}
.solution img
{
    vertical-align:top;
    padding-top:3px;
}



/** Templates */

.about div#left li.active a
{
    color:#ff0084;
}
.about h1
{
    color:#ff0084;
}
.portfolio div#left li.active a,
.portfolio li.active a
{
    color:#fcff00;
}
.portfolio h1,
.portfolio h2
{
    color:#fcff00;
}
.blog div#left li.active a
{
    color:#90ff00;
}
.blog h1
{
    color:#90ff00;
}
.contacts div#left li.active a
{
    color:#00d8ff;
}
.contacts h1
{
    color:#00d8ff;
}

.blog #right,
.contacts #right
{
    margin-left:15px;
    padding-left:15px;
    padding-right:20px;
    border-left:1px solid #a8a8a8;
    min-height:100px;
    width:580px;
    float:right;
    text-align:justify;
}
.blog #content,
.contacts #content
{
    padding-right:630px;
    text-align:justify;
}
.itemText
{
    width:370px;
    text-align:justify;
}


.right
{
    float:right;
    width:569px;
}
.about .center
{
    padding-right:585px;
    text-align:justify;
}


ul.archive
{
    padding:0;
    list-style:none;
}
ul.archive ul
{
    padding-right:0;
    padding-left:10px;
    list-style:none;
}
ul.archive li
{
    line-height:18px;
}
ul.archive ul a
{
    color:#9e9e9e;
    text-decoration:none;
}
ul.archive ul li.active a
{
    color:#90ff00;
}

.portfolioCategories ul
{
    list-style:none;
    padding:0;
}
.portfolioCategories li
{
    padding:0;
    line-height:18px;
}
.portfolioCategories li a
{
    font-size:12px;
    color:#fff;
    text-decoration:none;
}
.portfolioCategories li.active a
{
    font-weight:bold;
}
.portfolioContent
{
    float:right;
    border-left:1px solid #A8A8A8;
    padding-left:15px;
    width:700px;
}

.icons
{
    width:40px;
    height:40px;
}
.icon_video
{
    background:url(/design/icon_video.png) no-repeat center center;
}
.icon_music
{
    background:url(/design/icon_music.png) no-repeat center center;
}
.icon_doc
{
    background:url(/design/icon_doc.png) no-repeat center center;
}
.downloads
{
    padding:0 0 30px;
    height:40px;
    list-style:none;
}
.downloads li
{
    float:left;
    padding-right:10px;
}
.downloads li a
{
    display:block;
}
.downloads li a
{
    display:block;
}
.downloads li div
{
    padding-top:5px;
    padding-left:15px;
    background:url(/design/corner.gif) no-repeat 5px top;
    position:absolute;
    display:none;
}
.downloads li:hover div
{
    display:block;
}

#proBannerBg
{
    width:920px;
    height:321px;
    background:url(/design/loader.gif) no-repeat center center;
}
.proBanner
{
    width:920px;
    height:321px;
    position:relative;
}
.proBanner .fr
{
    padding:22px 22px 0 0;
}
.proBanner .fr span
{
    display:none;
}
.proBanner h3
{
    padding:7px 10px;
}
.proBanner h3 span
{
    padding:3px 5px;
    color:#000;
    background:#b1b1b1;
}
.proBanner .slider
{
    padding:265px 0 0 10px;
    text-align:center;
    float:left;
}

.galleryInner ul
{
    list-style:none;
    padding:0;
}
.galleryInner li
{
    float:left;
    margin:0 0 6px 5px;
}
.galleryInner li.last
{
    margin-right:0;
}

/** Pager */
div.pg_numbers
{
    padding:0 0 20px;
    text-align:left;
}
div.pg_numbers span,
div.pg_numbers a
{
    cursor:pointer;
    padding:5px;
    margin-right:5px;
    text-decoration:none;
    color:#666;
    border:1px solid #f2f2f2;
    background:#f2f2f2;
}
div.pg_numbers span:hover,
div.pg_numbers a:hover
{
    text-decoration:none;
    color:#fff !important;
    background:#e67817 !important;
    border:1px solid #e67817 !important;
}
div.pg_numbers span.on,
div.pg_numbers a.on
{
    text-decoration:none;
    background:#fff;
    color:#333;
    border:1px solid #f2f2f2;
}
div.pg_numbers span
{
    cursor:default;
}
div.pg_numbers .first,
div.pg_numbers .previous,
div.pg_numbers .next,
div.pg_numbers .last
{
    display:none;
}