@charset "utf-8";

/**
 * CSS
 *
 * @copyright Copyright (c) 2010, ecto.lt
 * @author    Benas Valančius <benas@ecto.lt>
 * @package   Framework
 *
 * $Id: page.css 385 2010-02-21 20:49:48Z noen $
 */

/** CLEAR & DEFAULTS */
html, body, div, dl, dt, dd, h1, h2, h3, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0;padding:0; }
ol, ul { margin:0;padding:10px 10px 10px 30px; }
table { border-collapse:collapse;border-spacing:0; }
fieldset, img { border:0; }
:active, :focus { outline:0; }
acronym { cursor:help; }
button { cursor:pointer; }
p { padding-bottom:10px; }


/** GLOBAL */
html, body, table, input, select, textarea, button
{
    font:12px "Trebuchet MS";
}
html, body
{
    background:#eee;
}
html, body, table
{
    color:#000;
}
table
{
    border:0;
}
input, select, textarea
{
    color:#000;
    padding:3px 4px;
    border:1px solid #aaa;
}
input:focus, select:focus, textarea:focus
{
    border:1px solid #fecf9b !important;
}
input.checkbox, input[type="checkbox"]
{
    border:0;
    background:transparent;
    cursor:pointer;
    vertical-align:middle;
}
a, a:link, a:active, a:visited, a:hover
{
    text-decoration:underline;
    color:#0f4fcd;
}
a:hover
{
    text-decoration:none;
}
.star { color:#bc0000; }
.fl { float:left; }
.fr { float:right; }
.hand { cursor:pointer; }

h1
{
    font-size:32px;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:1.2em;
}
h1 span
{
    font-size:14px;
    font-weight:normal;
    letter-spacing:0;
    color:#999;
}
h2
{
    font-size:20px;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:1.2em;
    margin-bottom:10px;
}

.redLine
{
    border:2px solid #cf0000;
    position:fixed;
    top:0;
    width:100%;
}
#header
{
    position:fixed;
    top:4px;
    padding:20px 0;
    width:980px;
    background:url(/design/bg_header.png) bottom center;
}
#contact
{
    right:20px;
    top:0;
    position:absolute;
}
#contactsForm
{
    padding:10px 20px;
    background:#cf0000;
    width:310px;
    color:#fff;
    display:none;
}
#contactsButton
{
    text-align:right;
}
#logo
{
    float:left;
}
#left
{
    position:fixed;
    top:120px;
    width:230px;
}
.mainMenu
{
    padding:0;
    margin:0;
}
.mainMenu
{
    text-align:right;
    line-height:30px;
    font-size:16px;
    list-style:none;
}
.mainMenu li
{
    padding-right:30px;
}
.mainMenu a
{
    color:#666;
    text-decoration:none;
}
.mainMenu a:hover
{
    color:#333;
    text-decoration:underline;
}
.mainMenu .active a
{
    color:#cf0000;
    font-size:22px;
}
#pageTitle
{
    margin-left:240px;
    padding-top:25px;
}
#body
{
    width:980px;
    margin:0 auto;
}
#content
{
    padding:126px 0 50px 240px;
    overflow:hidden;
}

a.email_info img
{
    height:15px;
    width:80px;
    background:url(/design/hack.gif) no-repeat top left;
    vertical-align:middle;
    margin-bottom:3px;
}
a.email_info:hover img
{
    background:url(/design/hack.gif) no-repeat bottom left;
}
a.skype img
{
    vertical-align:middle;
    margin-bottom:3px;
}


/** Form */
div.formRow
{
    padding-bottom:10px;
}
div.formRow span
{
    display:none;
}
div.formTitle
{
    font-size:10px;
    line-height:20px;
}
div.formInput input,
div.formTextarea textarea,
div.formButton
{
}
div.formInput input,
div.formTextarea textarea
{
    width:300px;
}
div.formTextarea textarea
{
    height:100px;
}
div.formInput input:focus,
div.formTextarea textarea:focus
{
    background:#f9f8e8;
    border:1px solid #666;
}
div.formButton button
{
    width:153px;
    padding:3px;
}
div.emptyRow span
{
    display:inline;
    font-weight:bold;
    color:#000;
}
div.emptyRow div.formTitle
{
}
div.emptyRow div.formInput input,
div.emptyRow div.formTextarea textarea
{
    border:1px solid #000;
    background:#fbeded;
}

div.doneMessage
{
    font-weight:bold;
    margin-top:20px;
    padding:10px;
    text-align:center;
}

.portfolioItems
{
    float:left;
    width:155px;
    position:fixed;
}
.portfolioItems ul,
.portfolioItems li
{
    padding:0;
    list-style:none;
}
.portfolioItems a
{
    color:#666;
    text-decoration:none;
}
.portfolioItems a:hover
{
    color:#333;
    text-decoration:underline;
}
.portfolioItems .active a
{
    color:#cf0000;
}
.portfolioItem
{
    margin-left:160px;
}
.portfolioItem h2
{
    padding-bottom:10px;
}
.portfolioBlock
{
    overflow:hidden;
}
.portfolioBlock p
{
    padding-bottom:5px;
    line-height:18px;
}
.portfolioBlock .fr
{
    padding:0 0 5px 15px;
}
.portfolioTitleList
{
    padding:0;
    margin:0;
    list-style:none;
}
.portfolioTitleList li
{
    padding:0 0 10px;
}

.text ul
{
    padding-top:0;
}

#loadingScreen
{
    position:absolute;
    background:#CF0000 url(/design/loading.gif) no-repeat center center;
}