/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* template 01 : marcella-tamayo.com :D
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: "Lucida Grande", "Helvetica Neue", Verdana, sans-serif;
	color: #606060;
	background-color: #ffffff;
}

a:link { 
	background-color: transparent;
	color: #696969;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.2em;
	
}
	
a:active { 
	background-color: #f5fea9;
	color: #97948b;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.2em;
}

a:visited { 
	background-color: transparent;
	color: #696969;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.2em;
}
a:hover { 
	background-color: #f5fea9;
	color: #97948b;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.2em;
}

a img { border: none; }

#menu {
    width: 195px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
	background-color: transparent;
	margin-left: 100px;
	height: 100%;
	margin-top: 30px;
}

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

#menu ul li.section-title-drawings {
			display:block;
			width:100px;
			height:40px;		
			background-image: url(http://marcella-tamayo.com/files/drawings.png);
			background-repeat:no-repeat;
 }

#menu ul li.section-title-animation {
			display:block;
			width:118px;
			height:40px;		
			background-image: url(http://marcella-tamayo.com/files/animation.png);
			background-repeat:no-repeat;
 } 
 
#menu ul li.section-title-hey {
			display:block;
			width:80px;
			height:34px;		
			background-image: url(http://marcella-tamayo.com/files/hey.png);
			background-repeat:no-repeat;
}

 #menu ul li.section-title-drawings span, #menu ul li.section-title-animation span, #menu ul li.section-title-hey span {
left:-2000px;
position:absolute;
}
 
#content {
    height: 100%;
    margin: 0 0 0 350px;
    top: 0;
}

.container {
    padding: 65px 12px 0px 20px;
}

#content p { width: 750px; 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: 700px; margin: 0; padding: 0 0 12px 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;
}