/* 
    Document   : style
    Created on : 2009-08-30, 23:42:09
    Author     : Evangellion
    Description:
        Purpose of the stylesheest follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
* {    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;}
body {
    background-image: url('../images/background.jpg');
    background-repeat:no-repeat;
    background-color:#17120C;
    background-attachment:fixed;
    color: #fff;
    

}

a{
    text-decoration: none;
    color:#9F2C3F;
}
a:hover {
    color:#b55464;
}
img {
    border: 0px;
}

p{
    text-align:justify;
}

ul,li {
    list-style: none;
    padding:0px;
}

h2{
    height:auto;
    padding:0px;
    margin: 0px;
    line-height: 12px;
}

.content{
    margin: auto;
    width:850px;
}
.top-box {
    float:right;
}
.top-box a {
    display:inline-block;
    padding: 10px;
}

a.home:hover {
    
}


.presentation-box {
    background-image: url('../images/presentation-box.png');
    background-repeat:no-repeat;
    width: 817px;
    height: 149px;
    padding: 9px;
    overflow:hidden;
    display:inline-block;
}
.presentation-left {
    float:left;
    display:block;
    
}
.presentation-left img{
    border:1px solid white;
}
.presentation-right {
    float:right;
    display:block;
    width: 250px;
    margin-right: 10px;
}

.presentation-right p{
    margin-top: 0px;
    line-height: 25px;
    font-size: 16px;
}

.bottom-box {
    margin-top:20px;
}
.bottom-box div{
    float:left;
    padding:5px 8px;
    margin:5px;
    border:1px solid transparent;

}
.bottom-box div:hover {
    

    border-style: dashed;
    border-width: 1px;
    border-color: #9F2C3F;

}
.im_helpful{
    width: 170px;

}

.who_am_i{
    width: 390px;

}

.where_i_am{
    width: 200px;

    background-color:#28201d;
    right:0px;
}

.clear {
    clear:both;
}

#contact{
    background-image: url('../images/contact-box.png');
    background-repeat:no-repeat;
    margin:0px;
    padding:10px 20px;
    height: 260px;
    width: 520px;
    overflow: hidden;
}

#contact .left{
    float:left;
    width: 160px;

}
#contact .right{
    float:right;
    width: 330px;
    margin-left: 30px;
}
#contact .right label {clear:both; display:block;}
#contact .right .by2 {width: 45%; display:inline-block;}
#contact .right input.label, #contact .right textarea.label{  color:#7F7D67;}


.info{
    margin:5px;
    padding:5px;
    background-color: #33ccff;
}
#work .first {margin-left:0px; }

#work {width: 750px; float:right;}
#work h3 {font-size: 20px;}
#work .image {float:left; margin-right: 20px; border:#3B3215 solid 5px; height:300px;}
#work .content {float:left;width:200px; padding-left:0px;}
#work .content h3 { background-color: #3B3215; display:inline-block; margin-top:0px;  padding: 5px 10px;}
#work .mini {float:left;width:150px; height:150px; border:#3B3215 solid 5px; margin: 11px  7px; }

#work .mini_contener {width: 670px;}
#work hr {color:#3B3215;border: none; border-top: 1px #3B3215 dashed; margin: 15px; margin-left: -100px;}

#work .mini_contener a {position:absolute; }
#work .zoom { display:block; width:150px; height:150px; position:absolute; top:0px; left:0px;  background-position: center center; background-repeat: no-repeat; visibility:hidden; border:none; text-decoration: none;}
#work .img {  background-image: url('../images/image.png');}
#work .movie {  background-image: url('../images/movie.png');}

#work .last {margin-right:0px; }
#work .first {margin-left:0px; }