*
{
	padding: 0;
	margin: 0;
}

body, div, ul, li, input, h1, h2, h3, h4, h5 a
{
	/*font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66665A;
}

html, body
{
	height: 100%;
}

body
{
	background-color: #F2F2F0;
}

img
{
	border: 0px;
}

#wrapper
{
	position: relative;
	width: 765px;
	/*
	left: 50%;
	margin: 0 0 0 -382px;
	*/
	margin: 0 auto;
	text-align: left;
	padding: 0;
	/*background-color: #FFFFFF;*/
	/*border: 1px solid #FFFF00;*/
}

#header
{
	z-index: 1;
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
	margin: 0 0 3px 0;
}

#logo
{
	position: relative;
	left: 0;
	top: 25px;
	font-size: 18px;
}

#logo a
{
	text-decoration: none;
	color: #66665A;
}

#menutop
{
	position: absolute;
	left: 155px;
	top: 31px;
	height: 16px;
	/*border: 1px solid #FFFF00;*/
}

#menutop ul
{
	position: relative;
	height: 16px;
	list-style: none;
}

#menutop li 
{
	position: relative;
	float: left;
	width: auto;
	margin: 0 7px 0 0;
}

#menutop a
{
	font-weight: bold;
	text-decoration: none;
	color: #877151;
	padding: 2px;
}

#menutop a.news
{
	color: #EC1C24;
}

#menutop a.news:Hover
{
	color: #FFFFFF;
	background-color: #EC1C24;
}

#menutop a.news2
{
	color: #FFFFFF;
	background-color: #EC1C24;
}

#menutop a.about
{
	color: #00A551;
}

#menutop a.about:Hover
{
	color: #FFFFFF;
	background-color: #00A551;
}

#menutop a.contact
{
	color: #2E3191;
}

#menutop a.contact:Hover
{
	color: #FFFFFF;
	background-color: #2E3191;
}

#menulab
{
	position: absolute;
	top: 25px;
	right: 5px;
}

#menulab a
{
	color: #1EFF35;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

#menulab a:Hover
{
	color: #FFF;
	background-color: #1EFF35;
}

.selected_news, .selected_about, .selected_contact
{
	font-weight: bold;
	padding: 2px;
}

.selected_news
{
	color: #FFFFFF;
	background-color: #EC1C24;
}

.selected_about
{
	color: #FFFFFF;
	background-color: #00A551;
}

.selected_contact
{
	color: #FFFFFF;
	background-color: #2E3191;
}

#menu_projects_header
{
	z-index: 2;
	position: relative;
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 15px 0 0 0;
	background-color: #FFFFFF;
}

#menu_projects_header ul
{
	list-style: none;
	
}

#menu_projects_header ul li
{
	position: relative;
	float: left;
	width: 145px;
	padding: 0 0 0 15px;
	font-size: 9px;
	font-weight: bold;
	color: #877151;	
	/*border: 1px solid #FF0000;*/
}

#menu_projects
{
	z-index: 2;
	position: relative;
	width: 735px;
	margin: 0;
	padding: 15px;
	background-color: #FFFF00;
	height: 80px;
}

#menu_projects ul
{
	list-style: none;
}

#menu_projects ul li
{
	position: relative;
	float: left;
	width: auto;
	padding: 0 5px 5px 0;
	border: none;
	color: #66665A;
}

#menu_projects ul li a
{
	position: relative;
	float: left;
	width: auto;
	padding: 0 0 0 0;
	border: none;
	color: #FFF;
}

#menu_projects ul li.project1 a, 
#menu_projects ul li.project2 a, 
#menu_projects ul li.project3 a
{
	text-decoration: none;
	color: #66665A;
}

#menu_projects ul li.project1 a:Hover
{
	color: #FFFF00;
	background-color: #E90F8B;
}

#menu_projects ul li.project1 .selected
{
	color: #E90F8B;
}

#menu_projects ul li.project2 a:Hover
{
	color: #FFFF00;
	background-color: #00A551;
}

#menu_projects ul li.project2 .selected
{
	color: #00A551;
}

#menu_projects ul li.project3 a:Hover
{
	color: #FFFF00;
	background-color: #2BAEE4;
}

#menu_projects ul li.project3 .selected
{
	color: #2BAEE4;
}

#menu_projects:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.menu_projects_row
{
	float: left;
	margin: 0 0 12px 0;
}

#menu_projects a
{
	text-decoration: none;
}

.menu
{
	position: relative;
	float: left;
	width: 65px;
	height: 20px;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #877151;
}

.submenu
{
	position: relative;
	float: left;
	width: 655px;
	height: 40px;
	padding: 0;
}



.category, .category_projects, .category_research, .category_academic, .category_publications
{
	position: relative;
	float: left;
	width: 80px;
	height: 15px;
	padding: 0;
	/*border: 1px solid #FF9900;*/
}

.clear
{
}

.clear:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.category_projects
{
	color: #EB008B;
}

.category_research
{
	color: #00A551;
}

.category_academic, .category_publications
{
	color: #00ADEE;
}

.projects1, .projects2, .projects3
{
	position: relative;
	float: left;
	width: 575px;
	padding: 0;
}

.projects1:after, .projects2:after, .projects3:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.projects1 ul, .projects2 ul, .projects3 ul
{
	list-style: none;
	margin: 0 0 2px 0;
	/*border: 1px solid #FFFF00;*/
}

.projects1 ul li, .projects2 ul li, .projects3 ul li
{
	position: relative;
	float: left;
	width: auto;
	padding: 0 0 0 0;
	border: none;
}

.projects1 ul:after, .projects3 ul:after, .projects3 ul:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}


.projects1 a, .projects2 a, .projects3 a
{
	text-decoration: none;
	color: #66665A;
}

.projects1 a:Hover
{
	color: #FFFF00;
	background-color: #E90F8B;
}

.projects1 .selected
{
	color: #E90F8B;
}

.projects2 a:Hover
{
	color: #FFFF00;
	background-color: #00A551;
}

.projects2 .selected
{
	color: #00A551;
}

.projects3 a:Hover
{
	color: #FFFF00;
	background-color: #2BAEE4;
}

.projects3 .selected
{
	color: #2BAEE4;
}

#showcase
{
	position: relative;
	width: 765px;
	background-color: #FFFFFF;
	padding: 25px 0 0 0;
}

#showcase hr
{
	border: 0;
	height: 3px; 
	margin: 3px 0 15px 0;
}

#showcase:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

#showcase_categories
{
	position: relative;
	float: left;
	width: 495px;
	margin: 0 0 0 10px;
	/*border: 1px solid #FFFF00;*/
}

.showcase_category1, .showcase_category2, .showcase_category3
{
	position: relative;
	float: left;
	width: 145px;
	margin: 0 20px 0 0;
	font-weight: bold;
	color: #EB008B;
	display: block;
}

.showcase_category2
{
	color: #05A550;
}

.showcase_category3
{
	color: #00ADEE;
}

.showcase_category1 hr
{
	background-color: #EB008B;
}

.showcase_category2 hr
{
	background-color: #05A550;
}

.showcase_category3 hr
{
	background-color: #00ADEE;
}

.showcase_project
{
	position: relative;
	width: 145px;
	height: 220px;
	margin: 0 0 15px 0;
	color: #EB008B;
}

.showcase_content1, .showcase_content2, .showcase_content3
{
	position: relative;
	width: 139px;
	height: 205px;
	margin: 0;
	padding: 2px;
	border: 1px solid #EB008B;
}

.showcase_content2
{
	border: 1px solid #05A550;
}

.showcase_content3
{
	border: 1px solid #00ADEE;
}

.showcase_title1, .showcase_title2, .showcase_title3
{
	position: relative;
	width: 100%;
	text-align: right;
	color: #EB008B;
}

.showcase_title2
{
	color: #05A550;
}

.showcase_title3
{
	color: #00ADEE;
}

.showcase_title1 .reference, .showcase_title2 .reference, .showcase_title3 .reference
{
	font-size: 14px;
}

.showcase_project .city
{
	width: 100%;
	text-align: right;
}

.showcase_project p
{
	font-weight: normal;
	color: #66665A;
}

.showcase_project img
{
	margin: 3px 0 0 0;
}

.showcase_date
{
	position: relative;
	width: 145px;
	font-weight: normal;
	text-align: right;
}

#showcase_allcontent
{
	position: relative;
	float: right;
	width: 190px;
	color: #AFA08B;
	/*border: 1px solid #FF0000;*/
}

#showcase_allcontent hr
{
	background-color: #AFA08B;
}

#showcase_allcontent a
{
	text-decoration: none;
	color: #AFA08B;
}

#showcase_allcontent .title
{
	font-weight: bold;
}

#showcase_allcontent .topcategory
{
	color: #000000;
}

#showcase_allcontent .category1
{
	color: #EB008B;
}

#showcase_allcontent .category2
{
	color: #05A550;
}

#showcase_allcontent .category3
{
	color: #00ADEE;
}

#showcase_allcontent .news
{
	color: #EC1C24;
}

/*
PROJECTS
=======================*/

div.project1, div.project2, div.about, div.contact, div.newsitem
{
	z-index: 3;
	position: relative;
	width: 100%;
	margin: 0 0 3px 0;
	background-color: #FFFFFF;
}

div.project1
{
	padding: 30px 0 15px 0;
}

div.project1 a.return
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	padding: 2px;
	margin: 0;
}

div.project1 a.return:link
{
	color: #66665A;
	background: #FFFF00;
}

div.project1 a.return:visited
{
	color: #66665A;
	background: #FFFF00;
}

div.project1 a.return:Hover
{
	color: #FFFF00;
	background: #66665A;
}
/*
div.project2
{
	width: 735px;
	padding: 30px 0 15px 30px;
}
*/
div.project1:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

div.about, div.contact
{
	padding: 30px 0 70px 0;
}

div.project1 .content
{
	z-index: 1;
	position: relative;
	float: left;
	width: 735px;
	border: 0px solid #FF00FF;
}

div.project1 .content p
{
	width: 425px;
	padding: 0px 0 15px 0;
}

div.square
{
	z-index: 1;
	position: relative;
	float: left;
	width: 30px;
}
/*div.project1 .subcategory_practice1, div.project1 .subcategory_theory1, div.project1 .subcategory_practice2, div.project1 .subcategory_theory2*/
div.project1 .subcategory_practice1, div.project1 .subcategory_theory1, div.project1 .subcategory_practice2, div.project1 .subcategory_theory2
{
	font-size: 13px;
	font-weight: bold;
}

div.project1 .subcategory_practice1
{
	color: #E90F8B;
}

div.project1 .subcategory_theory1
{
	color: #2BAEE4;
}

div.project1 .subcategory_practice2
{
	color: #E90F8B;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.project1 .subcategory_theory2
{
	color: #2BAEE4;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.project1 .name
{
	font-size: 13px;
	color: #66665A;
}

div.project1 .related_practice, div.project1 .related_theory, div.project1 .related_lab
{
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 0 30px;
	
}

div.project1 .related_practice
{
	color: #E90F8B;
}

div.project1 .related_theory
{	
	color: #2BAEE4;
}	

div.project1 .related_lab
{	
	color: #00FF35;
}
	
div.project1 a.subcategory_practice, div.project1 a.subcategory_theory
{
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

div.project1 a.subcategory_practice
{
	color: #E969B2;
}

div.project1 a.subcategory_theory
{
	color: #5BBCE4;
}

div.project1 a.subcategory_practice:Hover, div.project1 a.subcategory_theory:Hover
{
	text-decoration: underline;
}

div.project1 .date
{
	display: block;
	font-size: 10px;
	color: #808080;
}

div.project1 a.news, div.project1 a.practice, div.project1 a.theory, div.project1 a.lab
{
	font-size: 11px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 2px 0 2px;
	text-decoration: none;
}

div.project1 a.news:link
{
	color: #EB2227;
}

div.project1 a.news:visited
{
	color: #EB2227;
}

div.project1 a.news:Hover
{
	color: #FFFFFF;
	background: #EB2227;
}

div.project1 a.practice:link
{
	color: #E90F8B;
}

div.project1 a.practice:visited
{
	color: #E90F8B;
}

div.project1 a.practice:Hover
{
	color: #FFFFFF;
	background: #E90F8B;
}

div.project1 a.theory:link
{
	color: #2BAEE4;
}

div.project1 a.theory:visited
{
	color: #2BAEE4;
}

div.project1 a.theory:Hover
{
	color: #FFFFFF;
	background: #2BAEE4;
}


div.project1 a.lab:link
{
	color: #4ABE4F;
}

div.project1 a.lab:visited
{
	color: #4ABE4F;
}

div.project1 a.lab:Hover
{
	color: #FFFFFF;
	background: #4ABE4F;
}

/*EB2227*/

div.project1 .media
{
	padding: 0px 0 15px 0;
}

div.project1 .media:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

div.project1 .media_img0
{
	padding: 10px 0 0 0;
}

div.project1 .media_img1 img
{
	border: 1px solid #E90F8B;
}

div.project1 .media_img2 img
{
	border: 1px solid #2BAEE4;
}

div.project1 .videos
{
	margin: 20px 0 0 0;
}

div.project1 .videos .video
{
	margin: 0 0 30px 0;
}

div.project1 .videos .title
{
	display: block;
	font-size: 13px;
	color: #66665A;
}

div.project1 .videos .practice, div.project1 .videos .theory
{
	border: 0;
	width: 425px;
	height: 1px; 
	margin: 3px 0 8px 0;
}

div.project1 .videos .practice
{ 
	background-color: #E90F8B;
}


div.project1 .videos .theory
{	
	background-color: #2BAEE4;
}

div.media_menu1, div.media_menu2
{
	font-size: 9px;
	padding: 5px 0 5px 0;
}

div.media_menu1 ul, div.media_menu2 ul
{
	position: relative;
	list-style: none;
}

div.media_menu1 li, div.media_menu2 li
{
	position: relative;
	float: left;
	width: auto;
	padding: 0 2px 0 0;
}

div.media_menu1 a.number, div.media_menu2 a.number
{
	color: #66665A;
	text-decoration: none;
}

div.media_menu1 a.number:Hover, div.media_menu2 a.number:Hover
{
	text-decoration: underline;
}

div.media_menu1 a.number:Hover
{
	color: #E90F8B;
}

div.media_menu2 a.number:Hover
{
	color: #2BAEE4;
}

div.media_menu1 .selected, div.media_menu2 .selected
{
	text-decoration: underline;
}

div.media_menu1 .selected
{
	color: #E90F8B;
}

div.media_menu2 .selected
{
	color: #2BAEE4;
}

div.media_menu1 .arrow, div.media_menu2 .arrow
{
	padding: 2px;
}

div.media_menu1 .arrow
{
	color: #E90F8B;
}

div.media_menu2 .arrow
{
	color: #2BAEE4;
}

div.media_menu1 a.arrow, div.media_menu2 a.arrow
{
	color: #FFFFFF;
	padding: 2px;
	text-decoration: none;
}

div.media_menu1 a.arrow
{
	background: #E90F8B;
}

div.media_menu2 a.arrow
{
	background: #2BAEE4;
}

/*
ABOUT
=======================*/

div.about:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

div.about a
{
	text-decoration: none;
	color: #05A550;
}

div.about a:Hover
{
	text-decoration: underline;
}

div.about .content
{
	z-index: 2;
	position: relative;
	float: left;
	width: 450px;
}

div.about .title
{
	font-size: 13px;
	color: #05A550;
}

div.about hr
{
	border: 0;
	height: 1px; 
	background-color: #05A550;
	margin: 3px 0 8px 0;
}

div.about p
{
	z-index: 2;
	position: relative;
	line-height: 13px;
}

div.about .bios
{
	z-index: 2;
	position: relative;
	width: 300px;
	margin: 0;
	color: #66665A;
}

div.about .bios:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

div.about .bios ul
{
	position: relative;
	list-style: none;
}

div.about .bios li
{
	position: relative;
	float: left;
	width: 150px;
	height: 40px;
}

div.about .bios .name
{
	display: block;
	color: #05A550;
	font-size: 12px;
}


/*
CONTACT
=======================*/

div.contact:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

div.contact .content
{
	z-index: 2;
	position: relative;
	float: left;
	width: 500px;
}

div.contact a
{
	text-decoration: none;
	color: #2F368F;
}

div.contact a:Hover
{
	text-decoration: underline;
}

div.contact .title
{
	font-size: 13px;
	color: #2F368F;
}

div.contact hr
{
	border: 0;
	height: 1px; 
	background-color: #2F368F;
	margin: 3px 0 8px 0;
}

div.contact p
{
	z-index: 2;
	position: relative;
	margin: 0;
	line-height: 13px;
}


/*
NEWS
=======================*/

#news
{
	z-index: 3;
	position: relative;
	width: 100%;
}

#news:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

#newslist
{
	z-index: 1;
	position: relative;
	float: left;
	width: 547px;
	margin: 0 3px 0 0;
}

#newsmenu
{
	z-index: 2;
	position: relative;
	float: left;
	width: 185px;
	height: auto;
	padding: 25px 15px 25px 15px;
	margin: 0;
	background-color: #FFFFFF;
}

#newsmenu .selected
{
	font-size: 11px;
	text-decoration: underline;
}

#newsmenu a
{
	font-size: 11px;
	text-decoration: none;
}

#newsmenu a:link
{
	color: #66665A;
}

#newsmenu a:visited
{
	color: #66665A;
}

#newsmenu a:Hover
{
	color: #66665A;
	text-decoration: underline;
}

#newsmenu .title
{
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #EB2227;
}

div.newsitem
{
	padding: 30px 0 35px 0;
}

div.newsitem:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

div.newsitem .content
{
	position: relative;
	float: left;
	width: 500px;
}

div.newsitem .title
{
	font-size: 13px;
	color: #EB2227;
}

div.newsitem .tags_title
{
	font-size: 11px;
	color: #EB2227;
}

div.newsitem .tags
{
	font-size: 11px;
}

div.newsitem .content hr
{
	border: 0;
	height: 1px; 
	background-color: #EB2227;
	margin: 3px 0 8px 0;
}

div.newsitem .content .media
{
	position: relative;
	padding: 0 0 15px 0;
}

div.newsitem a
{
	color: #66665A;
	text-decoration: none;
	background: #FFF100;
	padding: 0 2px 0 2px;
}

div.newsitem p
{
	position: relative;
	width: 425px;
	padding: 0 0 15px 0;
	/*border: 1px solid #FF0000;*/
}

/*
FOOTER 
=======================*/

#footer
{
	z-index: 4;
	position: relative;
	width: 100%;
	height: 100px;
	/*border: 1px solid #FF00FF;*/
}


/*
GENERIC 
=======================*/

div.clear
{
	clear: both;
}

div.clearfix:after 
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}