/* CSS Document 

Created by Natalia Artigas 
http://www.fluid.cat
Date: 08/2010

COLORS:
 - green: #75D142;
 - grey: #C0C0C0;

--------------------------------------------------------*/

/*
	RESET
-----------------------------------------------------------------------------*/
	:link,:visited { text-decoration: none; }
	h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; }
	ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
	a img,:link img,:visited img,:hover img { border: none; }
	:focus { outline: none }
	ul,li{ list-style:none;}
/*
	HTML GENERAL ELEMENTS
-----------------------------------------------------------------------------*/
body{color:#75D142; font: normal 15px/20px 'ArialMT','Arial',sans-serif;}
img{ border: none;}
a,a:visited{ color:#C0C0C0;}
	a:hover{color:#75D142;}
		
.left{ float:left !important;}
.right { float:right !important;}
.row{ display: block; clear: both; overflow: hidden;}
.shadow { text-shadow: #383838 0px 0px 3px;}	
*+html .shadow{ filter: glow(color=#4a4a4a,strength=1);}

/*
	LAYOUT
-----------------------------------------------------------------------------*/
body{ background-color: #fff;}
#wrapper{width:870px; margin:0 auto; background:  url(img/bg_wrapper.jpg) 0px 0px no-repeat; padding: 30px 0px; position: relative; margin-top:1px;}
#header{ position: absolute; top:64px; right: 45px; z-index:100;}
#content{background:  url(img/bg_content.jpg) 0px 0px repeat-y; padding: 0px 25px; overflow: hidden;}
	#content #image{ text-align: center; display: block; height: 499px; width: 820px; margin: 0 auto;}
#footer{background:  url(img/bg_footer.jpg) 0px 0px no-repeat; padding: 30px 25px 0px 25px;}
#footer p{color:#C0C0C0; font-family:'ArialMT','Arial',sans-serif; font-size:10px; text-align: center; position: relative; top:-34px;}

#quicknav{ display: none;}


/* HEADER
-----------------------------------------------------------------------------*/
#header h1{ margin-bottom: 28px;}
#header ul#menu li { line-height: 16px;}
#header ul#menu li a{color:#fff; font: 700 14px/16px 'Arial-BoldMT','Arial',sans-serif;}
	#header ul#menu li a:hover,
	#header ul#menu li.selected a{color:#C0C0C0;}
	
/* NAVIGATION
-----------------------------------------------------------------------------*/
#nav{ display: block; overflow: hidden; margin: 6px 0px 20px 0px;}
#nav ul,
#nav ul li{ float: left;}
#nav li{ margin-right: 4px;}
#nav ul ul{ margin-right: 2px;}
#nav li a{ width: 16px; height: 20px; display: block; float:left; background: url(img/bg_li.jpg) 0px 0px no-repeat;}
	#nav li.selected a{ background-position: -16px 0px;}
	#nav li a span{ position: relative; left: -9999px;}
	
	#nav li li{ margin-right: 0px;}
	#nav li li a{ background: url(img/bg_li_li.jpg) 0px 0px no-repeat;}
		#nav li li:first-child a{ background-position: 0px 0px;}
		#nav li li.selected a{ background-position: -32px 0px;}
			#nav li li.selected:first-child a{ background-position: -48px 0px;}
	
#nav p{ float:left; margin-left: 10px; color:#c4c4c4; font-size: 14px; line-height: 15px;} 
	
/* CONTENT
-----------------------------------------------------------------------------*/
#content h1{color:#75D142; font: 400 36px/47.5px 'ArialMT','Arial',sans-serif; margin:3px 0px 30px 0px;}
	#content h1 span{ color:#C0C0C0;}
	
#content h2{font: 800 15px/20px 'Arial-BoldMT','Arial',sans-serif; margin-bottom: 22px;}

#content #wrapperText{ overflow:hidden; padding: 0px 3px 55px 3px; min-height: 350px; position: relative;}
	#content #wrapperText p{ margin-bottom: 18px;}

#content .col1,
#content .col2{ float: left; width: 238px; padding-right: 30px; margin-bottom: 20px;}
#content .col3{ float:left; width: 223px; padding-right: 30px;}

#content .col1 p,
#content .col2 p,
#content .col3 p{ margin-bottom: 50px; /*text-align: justify;*/}

#content ul.list1 { margin-bottom: 30px;}
	#content ul.list1 li{font: 400 italic 14px/19px 'Arial',sans-serif;}
	
.related{ display:block; overflow:hidden; clear:both; font-weight: bold; position: absolute; bottom: 32px; }
	.related ul{margin:0px !important;}
	.related ul li{ float: left; margin-right: 4px !important; font-size: 12px;} 
		.related ul li.facebook{ margin: 0 8px;}
			.related ul li.facebook a:hover span{ text-decoration: none !important;}
/* FOOTER
-----------------------------------------------------------------------------*/
#footer{}


/* INDEX
--------------------------*/
#wrapper.index #content{ position: relative;}
#wrapper.index #wrapperText{ padding: 0px; min-height: 0px; position: static;}
	#wrapper.index #wrapperText h1{ width: 790px; color:#FFFFFF; font: 400 36px/50px 'ArialMT','Arial',sans-serif;text-align:center; position: absolute; bottom:17px; padding: 0 15px; margin: 0px; }
#wrapper.index #footer{ padding-top: 20px; overflow:hidden;}
	#wrapper.index #footer p{top:0px; font-size: 15px; color:#75D142;}
	#wrapper.index #footer p.right{ max-width: 320px;}
		#wrapper.index #footer p.right a{ color:#C0C0C0;}
			#wrapper.index #footer p.right a:hover{ color:#75D142;}
			
/* WHO WE ARE
--------------------------*/
ul.people{ clear: both; display: block; overflow:hidden; margin-bottom: 40px;}
ul.people li{ clear: both; display: block; margin-bottom: 2px; overflow: hidden;}
	ul.people li img{ float: left; width: 150px;}
	ul.people li .text{ margin-left: 160px;}
		ul.people li .text h2{ padding-top: 5px; margin-bottom: 17px !important;}
		ul.people li .text p.more{ text-align: right; font-size: 12px; font-weight: 800; margin-bottom: 0px !important;}

/* PAST WORK
--------------------------*/
#wrapperText.pastWork{}
#wrapperText.pastWork .row{ margin-bottom: 4px;}
	#wrapperText.pastWork h2{ font-size: 15px; font-weight: normal; width: 184px; float: left;}
	#wrapperText.pastWork ul{ margin-left: 186px}
		#wrapperText.pastWork ul li{ float: left; margin-right: 23px; font-weight: bold;}

/* PRESS & PUBLICATIONS
--------------------------*/
	
ul.publications li{ color:#c0c0c0; margin-bottom: 20px;}
ul.publications li a{ font-weight: bold;}


/* CONTACT
--------------------------*/
.contact #wrapperText p{ margin-bottom: 40px !important;}
.contact #image iframe{ position: absolute;}