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

body {
	font-size: 12px;
	font-family: Arial, sans-serif;
	/*color: #1d2f91;*/
	color:#000;
	background: #fefeff;
	margin:0px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #2a8ebf; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color:#2a8ebf; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
}

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

#menu ul li.section-title { }

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

.container, .container-work {
	margin:20px;
	margin-top:20px;
    padding: 5px 5px 25px 5px;
}

.container-work {
	margin-top:145px;
}

.container-work img {
	margin-top:16px;
	margin-left:0px;
	margin-bottom:16px;
}


#content p { width: 466px;
	/*margin-bottom: 9px;*/ 
}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }


.section-title {
	color: #000;
}
/* TITLES */
.project-titles {
	margin: 0px 0px 0px 0px;
	color: #000;
	/*color: #1d2f91;*/
}

#main {
	display:none;
}

#logo {
	display:block;
	height:0px;
	font-size: 20px;
	letter-spacing:.001em;
	line-height:18px;
	color:#2a8ebf;
	text-decoration: none;
}

#logo a:hover {
	text-decoration: none;
}

#home_logo_big, #closebutton {
	display:block;
	position:absolute;
	top:0px;
	left:240px;
	height:0px;
	font-size:140px;
}
#closebutton {
	/*background:#f0f;*/
	height:160px;
	width:220px;
}


#home_logo_big a:hover { 
	text-decoration: none;
/*	border-bottom: 1px dotted #1d2f91;*/
}


	#ok_logo_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		background: url('images/stripes.jpg' );
		/*filter:alpha(opacity=75);
				-moz-opacity: 0.75;
				opacity: 0.75;*/
		height:100%;
		width:100%;
		
	}

	* html #ok_logo_overlay { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#ok_HideSelect {
		z-index:99;
		position:fixed;
		top: 0;
		left: 0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height:100%;
		width:100%;
	}



.topleftspacer {
	height:110px;
}

object {
	/*border:40px;*/
	/*height:400px;*/
}