/** 
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 70%;
	color: #1e1e1e;
    line-height: 120%;
	font-family: Helvetica, sans-serif;
	background: #fff;
}

body.section-1 {
	float:left;
	height:50px;
	list-style-type:none;
	padding-left:60px; 
}
body.section-2 { }
body.section-3 { }


a:link { text-decoration: none; color: #666666; }
a:visited { text-decoration:none; color: #666666; }
a:hover { text-decoration: none; background: #99ff66; }
a:active { text-decoration: none; }


a img { border: none; }

#matrix {
text-align:left;
}

#matrix li img {
display:block;
margin:0 0 10px;
}

#matrix hr {
background:#fff none repeat scroll 0 0;
border:1px none;
clear:both;
height:1px;
margin:0 0 10px;
width:920px;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#matrix li {
background-color:#fff;
display:block;
float:left;
margin:0 10px 0 0;
width:210px;
}

#matrix li.last {
margin:0 0 0 0;
}

#menu.container {
   	background-color:#FFFFFF;
}

#menu {
	background-color:#FFFFFF;
	opacity: 1;
	float:left;
	height:auto;
	left:0px;
	overflow:hidden;
	position:fixed;
	text-align:left;
	text-transform:;
	font-size:0.90em;
	top:30px;
	width:210px;
	height:100%;
	z-index:1000;
}

#menu ul {
	list-style: none;
	colour: #1e1e1e;
	margin: 0 0 10px 0;
}

#menu ul li.section-title { 
	background: #ffffff none repeat scroll 0 0;
	padding:5px 0px 5px 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-top: ;
	colour: #ffffff;
	font-family: Helvetica, bold, serif;
	font-size: 1.20em;
	cursor: pointer;
}

object { margin:0; padding:0; }

.legal {
	color:#666666;
	font-size:10px;
	font-weight:lighter;
	margin-bottom:0;
	text-indent:0;
}

.container {
    padding: 40px 15px 10px 15px;
}

#content {
    height: 100%;
    margin: 0 0 0 250px;
    top: 0;
}

element.style {
cursor:pointer;
}

p {
    margin: 0 0 25px 0;
}

#text p {
    colour: #666666;
    line-height: 120%;
    font-size:12px;
	width:225px;
}

.sub-head {
	color:#1e1e1e;
	font-size:12px;
	margin-bottom:00px;
	text-indent:0;
}

.sub-head_lite {
	color:#b7b7b7;
	font-size:12px;
	margin-bottom:00px;
	text-indent:0;
}

.details {
	color:#666666;
	font-size:12px;
	margin:10px 30px 0px 0px;
	text-indent:0;
	width:230px;
}

.intro {
    text-align:justify;
	color:#000;
	font-size:12px;
	line-height: 30px
	margin:10px 30px 30px 30px;
	text-indent:0;
	width:300px;
	
}

#client p {
    float:left;
	padding-right:18px;
	colour: #666666;
    font-size:0.6875em;
	width:225px;

}

#content h1 { font-size: 32px; color:#2e2e2e; }
#content h2 { font-size: 36px; color:#2e2e2e; }
#content h3 { font-size: 17px; color:#2e2e2e; }
#content h4 { font-size: 14px; color: #E0051D; }
#content h5 { font-size: 11px; color: #1e1e1e; }
#content h6 { font-size: 12px; color: #1e1e1e; }

#content p { width: 400px; margin-bottom: 9px; }
# content small { font-size: 12px; }

span {
display:block;
}

div.temp {
	width:70%;
	height:100%;
	colour: #1e1e1e;
	font-family: Helvetica, serif; 
	font-size: 1.75em;
	font-weight:lighter;
    line-height: 135%;
    letter-spacing: -.5px;
}
div.box	{
	float:left;
	width:45%;
	height:100%;
	font-family: Helvetica, serif; 
	font-size: 175%;
    line-height: 90%;
    letter-spacing: -1px;
}

div.vimeod  {
	float:left;
}


#img-container .picture {
}

#img-container .picture_holder {
	float:left;
}


#img-container	{ 
	margin: 0; 
	padding: 0; 
}


#once { 
	clear: left; 
}

#the-background {
	position: fixed;
	overflow: hidden;
	z-index:1;
	width: 100%;
	height:100%;
	top:0;
	left:0;
}

#d-thumbs {
width:800px;
}

#d-thumbs img {
border:medium none;
height:40px;
padding-bottom:0;
width:40px;
}

#d-image img {
border: none; 
}

#wrapper {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
}

.footer_indexhibit { 
        position: fixed; 
        bottom: 20px; 
        left: 15px;
        background-color: transparent;
        z-index: 1;
}

.footer_siska { 
        position: fixed; 
        bottom: 33px; 
        left: 15px;
        background-color: transparent;
        z-index: 1;
}


.logo_siska { 

	font-family: Trebuchet MS, sans-serif;
	text-align: left;
	font-size:24px;
	color: #000;
        position: fixed; 
        top: 40px; 
        left: 15px;
        background-color: transparent;
        
}

.mathieuisasuperfreak {
display: none;	
}

#menu ul {
	line-height: 15px;
}

#menu ul li a { 
font-size: 12px;
}