/** 
* 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: yellow; }
a:active { text-decoration: none; }


a img { border: none; }

#matrix {
text-align:center;
}

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

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


h1 { font-size: 30px; color:#222;
text-transform:none; }

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:235px;
}

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

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

#menu {
	background-color:#FFFFFF;
	opacity: 0.85;
	float:left;
	height:auto;
	left:28px;
	overflow:auto;
	position:fixed;
	text-align:left;
	text-transform:lowercase;
	font-size:1em;
	top:00px;
	width:200px;
	z-index:1000;
	
}

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

#menu ul li.section-title { 
	padding:0px 0px 10px;
	border-bottom: 1px dotted #1e1e1e;
	colour: #1e1e1e;
	font-family: georgia, serif;
	font-size: 1.75em;
}

  
object { margin:0; padding:0; }

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

.container {
    padding: 50px 15px 5px 10px;
}

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

p {
    margin: 0 0 25px 0;
}

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

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

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

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

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

}

#content h1 { font-family: georgia, serif; font-size: 24px; color:#222; }
#content h2 { font-family: georgia, serif; font-size: 32px; text-transform: lowercase; color:#222; }
#content h3 { font-family: georgia, serif; font-size: 16px; text-transform: lowercase; color:#222; }
#content h4 { font-family: georgia, serif; font-size: 14px; text-transform: lowercase; color: #222; }
#content h5 { font-family: georgia, serif; font-size: 14px; text-transform: lowercase; color: #222; }
#content p {  font-family: helvetica, sans-serif; width: 700px; color: #444; margin-bottom: 2px; }


# content small { font-size: 12px; }

span {
display:block;
}

div.temp {
	width:70%;
	height:100%;
	
	
}
div.box	{
	float:left;
	width:45%;
	height:100%;
	
}

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;
}

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