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

body {
	background: #FFFFFF none repeat scroll 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align:left;
	line-height:14px;

}

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

a:link {
	background: #FFFFFF none repeat scroll 0 0;
	color: #E76F2B;
	text-decoration:none;
	}
a:active {
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	text-decoration:none
	}
a:visited { 
	background:#FFFFFF none repeat scroll 0 0;
	color:#46A6DE;
	text-decoration:none}
a:hover { 
	background: #46A6DE;
	color: #46A6DE;
	text-decoration: none;
	}

a img { border: none; }

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

#menu ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
}

#menu ul li.section-title { }

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

.container {
    padding: 5px 5px 25px 35px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

.contact { 
	text-align:left; 
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-size:14px;
	line-height:16px;
	}

h1 { 
	background-color:#FFF
	color: #000;
	font-size: 10px;
	font-style:normal;
	font-variant:normal;
	font-weight: normal;
}
h2 { 
	font-size:10px;
	font-style:oblique;
	font-weight:bold;
}
h3 { font-size: 16px; }
h4 { font-size:12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container a:hover {
	background:transparent none repeat scroll 0 0;
	color:#FFF;
	text-decoration:none;
	}
#img-container a:link {
	background:transparent none repeat scroll 0 0;
	color:#000;
	text-decoration:none;
	}
#img-container p	{ width: 842px; margin: 0; padding: 0 0 12px; }

#once { clear: left; }

div#imagenZen {
	margin:0 auto;
	
	}

div#textoBlanco {
	text-align:center;
	color:#FFF;
	font-size:14px;}
	
	
#menu ul li.section-title-Info {
			display:block;
			width:134px;
			height:99px;		
			background-image:url('http://www.rua309.com/files/menu11.jpg');
			background-repeat:no-repeat;
 }

#menu ul li.section-title-Published Work{
			display:block;
			width:104px;
			height: 30px;		
			background-image:url(../img/motion.png);
			background-repeat:no-repeat;
 } 
 
#menu ul li.section-title-Unplublished Work{
			display:block;
			width:99px;
			height: 38px;		
			background-image:url(../img/design.png);
			background-repeat:no-repeat;
}
 
#menu ul li.section-title-Photography {
			display:block;
			width:80px;
			height: 31px;		
			background-image:url(../img/about.png);
 			background-repeat:no-repeat;
 }
 
 #menu ul li.section-title-Info span, #menu ul li.section-title-motion span, #menu ul li.section-title-design span, #menu ul li.section-title-about span {
left:-2000px;
position:absolute;
}

#menu h2 {display: none;}