/** 
* 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: #1e1e1e; }
a:visited { text-decoration:line-through; 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;
}

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

#matrix li {
background-color:#f2f2f2;
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 { 
	background: #FFFFFF none repeat scroll 0 0;
	padding:0px 0px 10px;
	border-bottom: 1px dotted #1e1e1e;
	colour: #1e1e1e;
	font-family: georgia, serif;
	font-size: 1.75em;
	cursor: pointer;
}

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

element.style {
cursor:pointer;
}

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-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: 14px; color: #1e1e1e; }
#content p { width: 400px; margin-bottom: 9px; }
# content small { font-size: 12px; }

span {
display:block;
}

div.temp {
	width:70%;
	height:100%;
	font-family: georgia, serif; 
	font-size: 135%;
    line-height: 135%;
    letter-spacing: -.5px;
}
div.box	{
	float:left;
	width:45%;
	height:100%;
	font-family: georgia, 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;
}

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