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

body {
	font-family: Helvetica, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0px;
	overflow-x: scroll;
	//overflow: auto;
	
		//width: 1200px;
	//height: 1000px;
	
	 
}


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

a:link { font-size: 16px; text-decoration: none; background-color: none; color: #00ff90; width: 200px; }
a:active { font-size: 16px; text-decoration: none; background-color: none; color: yellow; font-weight: bold; width: 200px;  }
a:visited { font-size: 16px; text-decoration: none; background-color: none; color: #00ff90; width: 200px;  }
a:hover { font-size: 16px; text-decoration: none; background-color: none; color: #748090; font-style: none; letter-spacing: none; width: 200px; }


a img { border: none; }

a.addthis_button img { border: 0px; 

}



a.addthis_button { border: 0px; 
	position: fixed;
	left: 1000px;
	top: 20px;
	z-index: 79;
}


#maintext {
	font-family: Times New Roman;
	//text-transform: none;
	font-size: 14px;
	text-indent: 0ex;
		 
	 
}

.year { font-size: 8px; font-family: Times New Roman; font-style: italic; color: grey; line-height: 45px; margin-left:-30px;}

.label { font-size: 8px; font-family: Times New Roman; font-style: italic; color: grey; margin-left:20px;}
 
.name { font-size: 12px; font-family: Helvetica, Arial; font-weight: bold; color: black;  margin-left:20px; text-transform: uppercase;}

.dl { font-size: 10px; font-family: Helvetica, Arial; color: black;  margin-left:20px;}


#menufresh {
	position: absolute;
	left: 200px;
	top: 180px;
}


#menumenu0 {
	position: absolute;
	left: 500px;
	top: 180px;
}

#menumenu {
	position: absolute;
	left: 750px;
	top: 180px;
}


#menumenu2 {
	position: absolute;
	left: 1000px;
	top: 180px;
}

#menumenu3 {
	position: absolute;
	left: 1250px;
	top: 180px;
}

#menumenu4 {
	position: absolute;
	left: 1500px;
	top: 180px;
}

#menumenu5 {
	position: absolute;
	left: 1750px;
	top: 180px;
}

#menumenu6 {
	position: absolute;
	left: 2000px;
	top: 180px;
}

#menumenu7 {
	position: absolute;
	left: 2250px;
	top: 180px;
}

#menumenu8 {
	position: absolute;
	left: 2500px;
	top: 180px;
}

#menumenu88 {
	position: absolute;
	left: 3200px;
	top: 180px;
}

#menu999 {
	position: fixed;
	left: 610px;
	top: 17px;
	z-index: 99;
}

#menu999 ul {
	color: #ffffff
	margin: 0 0 12px 0;
	list-style-type: none;
	list-style: none; 
	
}

#menu999 ul li.section-title {    color: #ffffff

}

#maintext2 {
	//text-transform: none;
	font-size: 12px;
	text-indent: none;
	width: 400px; 
	padding-left: 610px;
	overflow: hidden;
	}


#maintext6 {
	//text-transform: none;
	font-size: 12px;
	text-indent: none;
	width: 160px; 
	position: absolute;
	left: 760px;
	top: 197px;
	overflow: hidden;
	}

#maintext3 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 610px;
	overflow: hidden;
	}

#maintext333 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;
	padding-left: 0px;
	overflow: hidden;
	}

#maintext4 {
	//text-transform: none;
	font-size: 12px;
	text-indent: none;
	padding-left: 610px;
	overflow: hidden;
        }



#maintext5 {
	//text-transform: none;
	font-size: 12px;
	text-indent: none;
	padding-left: 610px;
	font-weight: bold;
	overflow: hidden;
        }

#pdate {
	text-transform: none;
	font-size: 10px;
	font-family: Georgia
	font-style: italic;
	text-indent: 0px;	}

#indent {
	position: fixed;
	left: -20px;
	//padding-left: -100px;
	font-size: 10px;
	font-family: Georgia
	font-style: italic;
	text-indent: 0px;	}

#inde {
	position: fixed;
	left: 200px;
	//padding-left: -100px;
	font-size: 10px;
	font-family: Georgia
	font-style: italic;
	text-indent: 0px;	}

#inde9 {
	position: absolute;
	left: 200px;
	top: 200px;
	font-size: 100px;
	}

#inde99 {
	position: absolute;
	left: 200px;
	top: 200px;
	font-size: 20px;
	}

.indeee {
	font-family: Helvetica, Arial
	font-weight: bold;

}


#perform {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;	margin-left: 240px;	}

#perform2 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;	margin-left: 0px; }


#perform33 {
	//text-transform: none;
	font-size: 24px;
	line-height: 28px;
	text-indent: 0px;	margin-left: 0px; }

#media1 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;	margin-left: 610px;	}

#work1 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;	
	margin-left: 180px;
	}

#work2 {
	//text-transform: none;
	font-size: 12px;
	text-indent: none;
	width: 400px; 
	position: absolute;
	left: 35px;
	top: 30px;
	}

#work33 {
	
	font-size: 12px;
	
	width: 200px; 
	position: absolute;
	left: 275px;
	top: 380px;
background-color: none;

 
	}

#work333 {
	
	font-size: 12px;
	
	width: 500px; 
	position: absolute;
	left: 500px;
	top: 200px;
background-color: none;
z-index: -9;

 
	}


#work3 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;
	width: 800px;}

#soc1 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;
	margin-top:-2pc;
	margin-right:50px;
	margin-left:500px;
	}

#blog1 {
	//text-transform: none;
	font-size: 12px;
	text-indent: 0px;	
	margin-left: 180px;
	}

#blog2 {
	//text-transform: none;
	font-size: 12px;
	text-indent: none;
	width: 400px; 
	position: absolute;
	left: 20px;
	top: 170px;
	}




.links4 a {
color: black;
background-color: none ;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: none;
letter-spacing: 0px;
}

.links4 a:visited {
color: grey;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: none;
}

.links4 a:hover {
color: gray;
background-color: none;
font-size: 12px;
font-style: bold;
text-decoration: none;
text-indent: none;
}

.links33 a {
color: black;
line-height: 25px;
background-color: none ;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
letter-spacing: 0px;
width: 100px; 
}

.links33 a:visited {
color: grey;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
width: 100px; 
}

.links33 a:hover {
color: gray;
background-color: none;
font-size: 12px;
font-style: bold;
text-decoration: none;
text-indent: 410px;
width: 100px; 
}

.links333 a {
color: black;
line-height: 50px;
background-color: none ;
font-size: 12px;
font-style: italic;
text-decoration: underline;
text-indent: 410px;
letter-spacing: 0px;
width: 100px; 
}

.links333 a:visited {
color: grey;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
width: 100px; 
}

.links333 a:hover {
color: gray;
background-color: none;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
width: 100px; 
}

.links2work a {
color: black;
background-color: none ;
font-size: 12px;
font-style: bold;
text-decoration: underline;
margin-left: 20px;
letter-spacing: 0px;
width: 100px; 
}

.links2work a:visited {
color: grey;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
width: 100px; 
}

.links2work a:hover {
color: gray;
background-color: none;
font-size: 12px;
font-style: bold;
text-decoration: none;
text-indent: 410px;
width: 100px; 
}


.links3 a {
color: black;
background-color: none ;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
letter-spacing: 0px;
width: 100px; 
}

.links3 a:visited {
color: grey;
font-size: 12px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
width: 100px; 
}

.links3 a:hover {
color: gray;
background-color: none;
font-size: 12px;
font-style: bold;
text-decoration: none;
text-indent: 410px;
width: 100px; 
}

.links-future a {
color: black;
background-color: none ;
font-size: 24px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
letter-spacing: 0px;
width: 100px; 
}

.links-future a:visited {
color: grey;
font-size: 24px;
font-style: bold;
text-decoration: underline;
text-indent: 410px;
width: 100px; 
}

.links-future a:hover {
color: gray;
background-color: none;
font-size: 24px;
font-style: bold;
text-decoration: none;
text-indent: 410px;
width: 100px; 
}

#tindent { margin-left: 500px; }



.links2 a {
color: black;
font-family: Helvetica, Arial;
background-color: gray;
font-size: 12px;
font-style: none;
text-decoration: none;
text-indent: 410px;
letter-spacing: 4px;
}

.links2 a:visited {
color: black;
font-family: Helvetica, Arial;
font-size: 12px;
font-style: none;
text-decoration: none;
text-indent: 410px;
}

.links2 a:hover {
color: black;
font-family: Helvetica, Arial;
background-color: #77879c;
font-size: 12px;
font-style: bold;
text-decoration: none;
text-indent: 410px;
}

.links-add a {
color: black;
font-family: Helvetica, Arial;

font-size: 12px;
font-style: none;
text-decoration: none;
text-indent: 0px;
letter-spacing: 4px;
}

.links-add a:visited {
color: black;
font-family: Helvetica, Arial;
font-size: 12px;
font-style: none;
text-decoration: none;

}

.links-add a:hover {
color: black;
font-family: Helvetica, Arial;

font-size: 12px;
font-style: bold;
text-decoration: none;

}


.links55 a {
color: black;
font-family: Helvetica, Arial;



}

.links55 a:visited {
color: black;
font-family: Helvetica, Arial;
font-size: 12px;
font-style: none;
text-decoration: none;

}

.links55 a:hover {
color: black;
font-family: Helvetica, Arial;
font-size: 12px;
text-decoration: none;

}

.links55 a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
.links55 a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.links99 a {
}

.links99 a:visited {
}

.links99 a:hover {
}

.links99 a.tooltip span {display:none; padding:3px 10px 3px 10px; margin-left:8px; margin-top:15px; width:400px; font-size:10px; z-index:91;}
.links99 a.tooltip:hover span{display:inline; position:absolute; background:black; border:0px solid #cccccc; color:white; z-index:91; -moz-border-radius: 10px; -webkit-border-radius: 10px;}


.links996 a {
}

.links996 a:visited {
}

.links996 a:hover {
}

.links996 a.tooltip span {display:none; padding:10px 10px 10px 10px; margin-left:8px; margin-top:15px; width:400px; font-size:10px; z-index:91;}

.links996 a.tooltip:hover span{display:inline; position:absolute; top:150px; left:150px; background:black; border:0px solid #cccccc; color:white; z-index:91; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#marker-info { position: fixed; left: 590px; top: 17px; z-index: 55; }
#marker-works { position: fixed; left: 590px; top: 30px; z-index: 55; }
#marker-perfo { position: fixed; left: 590px; top: 45px; z-index: 55; }
#marker-media { position: fixed; left: 590px; top: 58px; z-index: 55; }
#marker-links { position: fixed; left: 590px; top: 73px; z-index: 55; }
#marker-contact { position: fixed; left: 590px; top: 87px; z-index: 55; }
#marker-blog { position: fixed; left: 590px; top: 100px; z-index: 55; }
#marker-404 { position: fixed; left: 590px; top: 17px; z-index: 55; }

#seq { position: fixed; left: 0px; top: 200px; z-index: -77; }

#links2 { position: fixed; left: 520px; top: 140px; z-index: 88;}

#menu .container { padding 0px;    } 
#content .container { padding 0px;    }


#eee {
	line-height: 500px;
}

#post {
	width: 250px;
	position: relative;
	top: 200px;
	left: 50px;
};




#menu { 
    width: 3px;
    overflow: auto;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    height: 100%;
	z-index: 99px;
 
}

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

#menu ul li.section-title {    color: #ffffff

}

#content {
    height: 100%;
    margin: 0 0 0 3px;
	overflow: hidden;
    top: 0;
}

.container {
    padding: 0px;
}

#content p { width: 800px; margin-bottom: 0px; }

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






