/************************ MAIN ************************/
html, body 	{
		height: 		100%;
		margin: 		0px;
		padding: 		0px;
		}
body 		{
		width: 			588px;
		margin: 		0px auto 0px auto;
		padding: 		0;
		font: 			0.8em Verdana, Lucida, Georgia, arial, sans-serif;
		_font-size: 		small;
		color: 			#758076; 
		voice-family: "\"}\"";
		voice-family: inherit;
		background: 	#A0AEA1 url("cols.gif") repeat-y 50% 0%; 
		}
#clearhack	{}
h1, h2 		{
		display: 		none;
		}
h3 		{
		font-size: 		1.2em;
		margin: 		4px 0px 4px 0px;
		padding: 		0px 8px 0px 8px;
		}
h4 		{
		font-size: 		0.85em;
		margin: 		4px 0px 4px 5px;
		padding: 		0px 8px 8px 8px;
		}
hr 		{
		visibility: 		hidden;
		_display: 		none;
		clear: 			both;
		}
img 		{
		margin: 		0px;
		padding: 		0px;
		border: 		0px;
		}
a 		{
		color: 			#913117;
		text-decoration: 	none;
		}
a:hover 	{
		color:			#454C46;
		}
ul 		{
		list-style-image: 	url("mybullet.gif");
		}
dl		{
		font-size: 		0.8em;
		width: 			400px;
		margin: 		35px 0px 35px 0px;
		padding: 		0px 14px 0px 14px;
		}
dt		{
		clear:			left;
		margin: 		20px 0px 0px 0px;
		padding: 		0px;
		font-weight: 		bold;
		}
dd		{
		margin: 		5px 0px 10px 0px;
		padding: 		0px 5px 0px 5px;
		}
dd img		{
		float:			left;
		margin: 		4px 8px 10px 0px;
		border: 		1px solid #758076;
		}
p.clearit	{
		clear:			both;
		}

/************************ LAYOUT ************************/
#wrapper 	{
		width: 			588px;
		margin: 		0px auto 0px auto;
		}
#contenido 	{
		position:		relative;
		float: 			left;
		width: 			430px;
		padding: 		75px 0px 20px 0px; 
		margin:			0px 0px 0px 1px; 
		color: 			#758076; 
		}
#contenido p	{
		width: 			410px;
		margin: 		10px 0px 4px 0px;
		padding: 		0px 8px 0px 8px;
		}
#menu 		{
		position:		relative;
		float: 			left;
		width: 			145px;
		padding: 		75px 0px 50px 0px; 
		margin: 		0px 0px 0px 10px;
		}
#menu ul 	{
		width: 			120px;
		padding: 		0px 0px 0px 0px; 
		margin:			75px 0px 0px 25px; 
		font-weight: 		bold;
		}
#menu ul li 	{
		margin:			10px 0px 0px 0px; 
		color: 			#913117;
		}
#menu ul li a	{
		color: 			#758076;
		}
#menu ul li a:hover, #menu ul li a.actiu {
		color: 			#913117;
		}
#menu ul li a.actiu:hover {
		color: 			#758076;
		}
#copyright	{
		position:		relative;
		font-weight: 		bold;
		color: 			#758076;
		}
/************************ WORKS LIST ************************/
#workslist li a	img {
		padding: 		0px; 
		margin:			5px 5px 5px 0px; 
		border: 		1px solid #758076;
		}


/************************ PORTFOLIO ************************/
#thumbnails 	{
		width: 			418px;
		height: 		212px;
		margin: 		10px 0px 0px 0px;
		padding: 		0px 0px 0px 10px;
		}
#thumbnails img	{
		float: 			left;
		margin-right:		5px;
		border: 		1px solid #758076;
		}
.method		{
		clear: 			both;
		margin: 		4px 0px 0px 0px;
		}
#contenido #nav	{
		position:		absolute;
		width: 			100px;
		top: 			75px;
		left:			355px;
		color: 			#758076;
		font-size:		10px;
		}

/************************ FORM ************************/
form 		{
		padding: 		10px;
		font-size:		0.75em;
		}
form label 	{
  		display: 		block;
		height: 		22px;
  		font-weight: 		bold;
  		cursor: 		pointer;
  		cursor: 		hand;
		}
form input, form textarea {
		width: 			400px;
		margin:	 		0px 0px 5px 0px;
		border:			1px solid #758076;
		background:		white;
		color:			#758076;
		}
input.send 	{
		margin-top:	 	15px;
		background: 		#F6F6F6;
		border:			1px solid #A0AEA1;
		}

form label.required {
  		background: 		url(required.gif) no-repeat 0px 0px;
  		padding: 		0px 0px 0px 22px;
		}
form label.problem {
  		background: 		url(caution.gif) no-repeat 0px 0px;
  		padding: 		0px 0px 0px 50px;
		}
form label.completed {
  		background: 		url(complete.gif) no-repeat 0px 0px;
  		padding: 		0px 0px 0px 22px;
		}	
.alert {
		color: 			#913117;
		}
/************************ ADDRESS ************************/
address		{
		position:		absolute;
		top:			5px;
		width:			400px;
		margin:			0px;
		padding:		0px;
		font: 			0.7em Verdana, Lucida, sans-serif;
		font-style:		normal;
		color: 			#758076; 
		text-align:		center;
		}


/************************ FIR: Radu's method ************************/
.firmain	{
		width: 			1400px;
		height: 		20px;
		margin: 		0px 0px 0px -1000px;
		width: 			1400px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 			1390px;
		}
#clearhack	{}
.firsub		{
		width: 			1350px;
		height: 		15px;
		margin: 		20px 0px 0px -1000px;
		}
.firyear	{
		width: 			1075px;
		height: 		15px;
		margin: 		20px 0px 0px -1000px;
		}
#solutions	{
		background: url(/styles/fir/solutions.gif) no-repeat top right;
		}	
#soluciones	{
		background: url(/styles/fir/soluciones.gif) no-repeat top right;
		}	
#solucions	{
		background: url(/styles/fir/solucions.gif) no-repeat top right;
		}	
#adaptables_eng	{
		background: url(/styles/fir/adaptablewebsites.gif) no-repeat top right;
		}	
#adaptables_esp	{
		background: url(/styles/fir/sitioswebadaptables.gif) no-repeat top right;
		}	
#adaptables_cat	{
		background: url(/styles/fir/llocswebadaptables.gif) no-repeat top right;
		}	
#disseny_eng	{
		background: url(/styles/fir/functionaldesign.gif) no-repeat top right;
		}	
#disseny_esp	{
		background: url(/styles/fir/disenyofuncional.gif) no-repeat top right;
		}	
#disseny_cat	{
		background: url(/styles/fir/dissenyfuncional.gif) no-repeat top right;
		}	
#interaccio_eng	{
		background: url(/styles/fir/interactionandusability.gif) no-repeat top right;
		}	
#interaccio_esp	{
		background: url(/styles/fir/interaccionyusabilidad.gif) no-repeat top right;
		}	
#interaccio_cat	{
		background: url(/styles/fir/interaccioiusabilitat.gif) no-repeat top right;
		}	
#gestio_eng	{
		background: url(/styles/fir/contentmanagement.gif) no-repeat top right;
		}	
#gestio_esp	{
		background: url(/styles/fir/gestiondecontenidos.gif) no-repeat top right;
		}	
#gestio_cat	{
		background: url(/styles/fir/gestiodecontinguts.gif) no-repeat top right;
		}	
#works		{
		background: url(/styles/fir/works.gif) no-repeat top right;
		}	
#trabajos	{
		background: url(/styles/fir/trabajos.gif) no-repeat top right;
		}	
#treballs	{
		background: url(/styles/fir/treballs.gif) no-repeat top right;
		}	
#client_eng, #client_cat	{
		background: url(/styles/fir/client.gif) no-repeat top right;
		}	
#client_esp	{
		background: url(/styles/fir/cliente.gif) no-repeat top right;
		}	
#objectiu_eng	{
		background: url(/styles/fir/objective.gif) no-repeat top right;
		}	
#objectiu_esp	{
		background: url(/styles/fir/objetivos.gif) no-repeat top right;
		}	
#objectiu_cat	{
		background: url(/styles/fir/objectius.gif) no-repeat top right;
		}	
#contact	{
		background: url(/styles/fir/contact.gif) no-repeat top right;
		}	
#contacto	{
		background: url(/styles/fir/contacto.gif) no-repeat top right;
		}	
#contacte	{
		background: url(/styles/fir/contacte.gif) no-repeat top right;
		}	
#yr2001		{
		background: url(/styles/fir/yr2001.gif) no-repeat top right;
		}	
#yr2002		{
		background: url(/styles/fir/yr2002.gif) no-repeat top right;
		}	
#yr2003		{
		background: url(/styles/fir/yr2003.gif) no-repeat top right;
		}	
#yr2004		{
		background: url(/styles/fir/yr2004.gif) no-repeat top right;
		}	
#yr2005		{
		background: url(/styles/fir/yr2006.gif) no-repeat top right;
		}	
#yr2006		{
		background: url(/styles/fir/yr2006.gif) no-repeat top right;
		}	
#yr2007		{
		background: url(/styles/fir/yr2007.gif) no-repeat top right;
		}