/* ALL */

*{
color: #000;
font-family:Helvetica, Verdana, sans-serif
}

#content{
margin: 0;
padding: 0;
}

a{
text-decoration : none;
}
a img{
border: none;
}

.lobster{
text-decoration: none;
font-family: 'Lobster', cursive;
font-size: 16px;
letter-spacing: 0.02em;
padding:0;
}
.lobster:hover{
background: url(images/link_y.gif) center left;
}
.lobster img{
border: none;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

#head{
margin: 20px 0 0 50px;
}

h2{
font-size:16px;
}

#menu{
float:left;
text-align: right;
margin: 0;
}
#grosk{
float:left;
}

ul#sidebar{
list-style-type: none;
margin: 0;
padding: 0;
}
ul#sidebar li{
padding: 0 3px 2px 0;
margin: 0;
}
ul#sidebar a img{
border: none;
}

/* PRESENTATION/CONTACT */

#pres{
margin: 0 0 0 75px;
}
#pres img{
margin: 20px 0 0 0;
padding: 0;
}
.contact{
padding: 5px 0 0 0;
}

.adress{
border-top: dotted 2px #000;
width: 220px;
padding: 14px 0 0 0;
}

/* LINKS */

#links{
margin: 0 0 0 75px;
}
#links img{
padding: 0;
margin: 20px 0 0 0;
}
#links ul{
list-style-type: none;
padding: 0;
margin: 0;
}

/* WORKS */

#main{
margin: 0 0 0 77px;
}

.column{
float: left;
margin: 0 15px 0 0;
}
.project{
width: 250px;
padding: 4px;
border: 1px #000 dashed;
margin: 0 0 15px 0;
}
.project p{
padding: 0;
margin: 0;
font-size: 14px;
}

.link_project{
height: 100px;
width: 250px;
display: block;
position:absolute;
opacity: 0;
filter:alpha(opacity=0);
-moz-opacity:0; 
background: #000;
}
.link_project:hover{
opacity: 0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7; 
}
.title_project{
font-family: 'Lobster', cursive;
font-size: 20px;
text-align: right;
padding: 68px 8px 0 0;
letter-spacing: 0.02em;
display: block;
color: #FFF;
}

.mini_gif{
padding: 0;
margin: 4px 0 0 0;
}
.bar{
margin: 0 2px 0 2px;
}