/* COMMON
------------------------------------*/


body,html{
    height:100%;
    background-color: #000000;
}
body,td,th,input,select,textarea {
    font-family: Tahoma,Arial;
    font-size: 12px;

}
body {

    color: #ffffff;
    font-size: 14px;
    font-family: arial, sans-serif;
}

a,
a:hover,
a:focus,
a:active
{ color: #FFFFFF;  text-decoration:none; }

.clear-right { clear:right}

#components h1, #tinymce h1,
#components h2, #tinymce h2,
#components h3, #tinymce h3,
#components h4, #tinymce h4,
#components h5, #tinymce h5,
#components h6, #tinymce h6,
#components p, #tinymce p
{
    margin:0 0 10px 0;
}
#components h1, #tinymce h1
{
    font-size:20px;
    font-family:Arial;
    font-weight:normal;
    color:#FF0000;

    margin-top: 10px;
}
#components h2, #tinymce h2{
    font-size:18px;
    font-family: Arial;
    font-weight:normal;
}
#components h3, #tinymce h3{
    font-size:16px;
    font-family: Arial;
    font-weight:normal;
}
#components h1.underlined, #tinymce h3.underlined{
    padding:0 0 5px 0;
    margin:0 0 10px 0;
    border-bottom:1px dotted #990000;
}
#components h4, #tinymce h4,
#components h6, #tinymce h6,
#components h5, #tinymce h5{
    font-size:16px;
    font-family: Arial;
    font-weight:normal;
}
#components p, #tinymce p{
    line-height:18px;
}

#components table, #tinymce table {
    margin-bottom: 10px;
}

h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{
    text-decoration:none;
}

#tinymce ul, #components ul,
#tinymce ol, #tinymce ul{
    padding: 0 0 0 10px;
    margin: 0 0 10px 10px;
    line-height:18px;
}
#components ul, #tinymce ul{
    list-style-type:none;
}
#components ol li,
#components ul li,
#tinymce ul li,
#tinymce ol li
{
    padding:0 0 5px 18px;
    background: transparent url(../images/bullet5.gif) no-repeat 0 0.5em;

    color: #ffffff;
}

label{
    cursor:pointer;
}

#footer, #components, body#tinymce.mcecontentbody { background-color: #000000 !important;}
/* EXTAS
------------------------------------*/

.clear{clear:both;}
.off{display:none;}
.on{}
.f-left{float:left;}
.f-right{float:right;}
:focus{outline:none;}
.white{color:white;}
strong { font-weight: bold;}


/* TABLES
------------------------------------*/

.table{color: #ffffff;}

/* CUSTOM
------------------------------------*/

.fineprint{
    font-size:9px;
    line-height:13px;
}
.form input, .form select
{
    background-color: #333333;
    color: #eeeeee;
}

/* MAINMENU
------------------------------------*/

#mainmenu li a
{
    background: transparent url(../images/button.png) repeat-x left top;
    height: 15px;
    padding: 10px 0;

    text-decoration: none;
    color: #ffffff;
}

#mainmenu li a:hover
{
    color: #bbbbbb;
}

#mainmenu
{
    height: 35px;
    margin: 0 0 10px 0;
}
/* PROJECT
--------------------------------*/
.featuredproject, .project
{
    width:301px;
    height: 217px;
    position: relative;
}

.featuredproject img, .project img { position: absolute; left: 0; top: 0; width: 304px; height: 217px; }
.featuredproject a, .project a
{
    position: absolute; left: 0; bottom: 0;

    background-color: rgba(0,0,0,0.7);

    padding: 10px 5px;
    height: 15px;
    width:290px;
    font-size: 13px;
    font-weight:bold;
    color: #ffffff;

    display: block;
}

.featuredproject a b, .project a b { float: right; }

.project
{
    float: left;
    margin: 21px 22px 0 0;
}
.project.last
{
    margin: 21px 0 0 0;
}
#components.projects{margin-top: 20px;}
.projects .sidebar
{
    width: 150px;

    float:left;
}

#components.projects .sidebar ul {
    list-style: none;
    margin:  0;
    padding-left: 0;
}
#components.projects .sidebar ul li
{
    background: none;
    padding-left: 0;
    margin-left:0;
    font-size: 12px;
}

#components.projects .sidebar ul li a
{
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #efefef;
    line-height: 120%;

    text-align: center;
}

#components.projects .sidebar ul li a:hover
{
    background-color: #222222;
}


.projects .content
{
    width:570px;
    margin-left: 180px;
}

.projects .content img {
    max-width: 570px;
}

.projects .content h2
{
    padding-left: 35px;
    padding-top: 30px;
}

#components.projects .content ul { margin-left: 60px;}
#components.projects .content ul li { font-size: 12px; }
/* FOLDER PHOTOS
-------------------------*/
#components ul.photolist
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#components .photolist li
{
    float:left;
    margin: 0;
    padding: 4px 4px 0 0;
    width: 110px;
    height: 120px;
}

#components .photolist li a
{
    display: block;
    width: 110px;
    height: 120px;
}
#components .photolist li a img {
    width: 110px;
    height: 120px;
    margin: 0;
    padding: 0;
}


.project_short{
    margin:0 0 5px 0;
    padding: 0;
    float:left;
    width: 250px;
    height:181px;
    position: relative;
}
.project_short img{
    width:250px;
    height:150px;
    margin:0;
    display: block;

    cursor:pointer;
}
.project_short.last{
    margin:0;
}
.project_short a{
    display: block;
    width:228px;
    font-size: 11px;
    padding: 5px 10px;
    margin-top:1px;
    line-height: normal;
    z-index: 10;
    height: auto;

    background-color:white;
    color: black;
    text-align: center;
    border-right: 1px solid #000;
}