Team:ESBS-Strasbourg/proteolux/overview

{{ESBS-Strasbourg/Temp2}} {|
<html>


<div style="position: absolute; width: 965px; height: 20px; z-index: 1; top: -40px; background-color:#222222" id="layer1">

<font color="#FFFFFF">
<img border="0" src="https://static.igem.org/mediawiki/2010/3/33/ESBS-Strasbourg-Proteolux-logo-back.png" width="120" height="28" align="right" hspace="10"></font>
<a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/contact" style="text-decoration: none">
<font color="#FFFFFF">Contact</font></a>&nbsp;&nbsp;&nbsp;
<a style="text-decoration: none">
<font color="#FFFFFF">|</font></a>&nbsp;&nbsp;&nbsp;
<a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/sitemap" style="text-decoration: none">
<font color="#FFFFFF">Sitemap</font></a>

<p>&nbsp;</div>


<p>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>ESBS-Strasbourg</title>
 
 
<script type="text/javascript"><!-- 
var delay=7000
var ie4=document.all
var curindex=0
var totalcontent=0
function get_total(){
if (ie4){
while (eval("document.all.content"+totalcontent))
totalcontent++
}
else{
while (document.getElementById("content"+totalcontent))
totalcontent++
}
}
function contract_all(){
for (y=0;y<totalcontent;y++){
if (ie4)
eval("document.all.content"+y).style.display="none"
else
document.getElementById("content"+y).style.display="none"
}
}
function expand_one(which){
contract_all()
if (ie4)
eval("document.all.content"+which).style.display=""
else
document.getElementById("content"+which).style.display=""
}
function rotate_content(){
get_total()
contract_all()
expand_one(curindex)
curindex=(curindex<totalcontent-1)? curindex+1: 0
setTimeout("rotate_content()",delay)
}
window.onload=rotate_content
//--></script>
</head>
 
<style> 
body{
background-color: red;
font: 11px Arial;
color: #888888;
padding: 5px 5px 5px 5px;
     }
 
b{
color: #ffffff;
}
 
.heading{
color: #FFF;
font: 14px century gothic;
padding: 5px 5px 2px 5px;
font-weight: bold;
}
 
.titlebg{
position: absolute;
top: 0px;
background-color: #000000;
width: 965px;
height: 50px;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
 z-index:3;
      }
 
.title{
position: absolute;
top: 243px;
float: left;
font: 35px Trebuchet MS;
color: #FFF;
padding-top: 5px;
padding-left: 10px;
z-index: 4;
       }
 
.header{
z-index: 1;
position: absolute;
top: 0px;
height: 293px;
     }
 
.menu{
z-index: 5;
position: absolute;
top: -20px;
font: 17px Trebuchet MS;
text-align: center;

           }
 
.menubg{
position: absolute;
top: 243px;
background-color: #000000;
width: 965px;
height: 50px;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
z-index:2;
      }
a:link{color:#fff;}
a:visited{color:#fff;}
a:active{color:#fff;}
</style>
 
<body bgcolor="#414141" style="background-color: #800000">
<body style="background-color: #800000">
 
 
<div class="header">
<div class="titlebg">
</div>
<div class="title">
</>
</div>

<div id="content0" style="display:none">
<img src="https://static.igem.org/mediawiki/2010/5/52/ESBS-Strasbourg-Ab6.png" width="965px" height="293px" border="0">
</div>
<div id="content1" style="display:none">
<img src="https://static.igem.org/mediawiki/2010/b/be/ESBS-Strasbourg-Ab1.png" width="965px" height="293px" border="0">
</div>
<div id="content2" style="display:none">
<img src="https://static.igem.org/mediawiki/2010/2/29/ESBS-Strasbourg-Ab2.png" width="965px" height="293px" border="0">
</div>
<div id="content3" style="display:none">
<img src="https://static.igem.org/mediawiki/2010/6/67/ESBS-Strasbourg-Ab3.png" width="965px" height="293px" border="0">
</div>
<div id="content4" style="display:none">
<img src="https://static.igem.org/mediawiki/2010/2/2e/ESBS-Strasbourg-Ab4.png" width="965px" height="293px" border="0">
</div>
<div id="content5" style="display:none">
<img src="https://static.igem.org/mediawiki/2010/9/9f/ESBS-Strasbourg-Ab5.png" width="965px" height="293px" border="0">
</div>
<div id="content6" style="display:none">
<img src="https://static.igem.org/mediawiki/2010/5/52/ESBS-Strasbourg-Ab6.png" width="965px" height="293px" border="0">
</div>



<div class="menubg">
</div>
 
<div class="menu">
 
<!--[if lt IE 7]>
<script type="text/javascript">
 
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" over";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" over\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
 
</script>
<![endif]-->
<style type="text/css"> 
/* general styling */
*{margin:0;padding:0}
body {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:20px;
	}
.outer{
	padding:0px 0 0 0;
	width:965px;
	margin:auto;
	position:relative;
	text-align:center;
}
 
/* drop up */
ul#nav,ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav {
	width:1100px;
	height:25px;
	
}
 
ul#nav li {
	position: relative;
	float: left;
	width:240px;
	height:75px;
	color:#fff;
	text-align:left;

}
ul#nav li a {
	text-decoration: none;
	color:#fff;
       
}
#nav li ul {
	position: absolute;
	left: 0; 
	top:70px;
	margin-left:-999em;
	border:none;
	height:193px;
	width:153px;
	background:#000;
 /*opacity for IE5+*/
  filter: alpha(opacity=60);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.6;
  /*opacity for mozilla/safari*/
  opacity: 0.6;
}
ul#nav li li{height:auto;border:none;}
ul#nav li li a{
	color:red;
	padding:2px 5px 2px 5px;
	display:block;
}
ul#nav li:hover ul, 
ul#nav li.over ul {
	margin-left:0;
}
ul#nav li:hover,
ul#nav li.over,
ul#nav li:hover a,
ul#nav li.over a {color:#800000}
 
ul#nav li:hover li a,ul#nav li.over li a{color:#fff;}
ul#nav li li a:hover{color:#800000; background-color: #fff;}
ul#nav li p {padding:0px;}
ul#nav li.last,ul#nav li.last ul{border:none;width:193px;}
 
</style>
 
<div class="outer">
	
	<ul id="nav">
		<li>
			<p><br/><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HOME&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</a></p>
			
			
		</li>




		<li>
			<p><br/><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/overview">Overview&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</a></p>
			<ul>
				<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/overview/proteoluxbasic">
				ProteOlux Basic</a></li>
				<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/overview/proteoluxplus">
				ProteOlux Plus</a></li>
				<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/overview/proteoluxpro">
				ProteOlux Pro</a></li>

                               
			</ul>
		</li>


		<li>
			<p><br />
				<a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/scientific">
			Scientific Background&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</a></p>
			<ul>
				<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/scientific/proteoluxbasic">
				ProteOlux Basic</a></li>
                                <li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/scientific/proteoluxplus">
								ProteOlux Plus</a></li>
                                <li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/scientific/proteoluxpro">
								ProteOlux Pro</a></li>

				
			</ul>
		</li>


		<li>
			<p><br/><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/application">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Application</a></p>                 
                        <ul>
				<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/application/cancer">
				Cancer</a></li>
				<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/application/neuro">
				<font size="3">Neurodegenerative Diseases</font></a></li>

				
			</ul>

</div>
 


</div>
 
</div>
</p><p>
<body style="background-color: #800000">
<style> 
 
p{
padding: 5px;
}
 
.heading{
font: century gothic;
color: #ffffff;
}
 
table {
left:0px;
background-color: #414141;
cell-padding: 5px;
border-collapse:collapse;
border-width: 0px;
}
 
#content{
background-color:#222222;
border:0px;
font: 12px Arial;
color: #cccccc;
}
 
#leftmenu{
position: relative;
top: 900px;
border-right:10px transparent;

}
 
td{
color: #cccccc;
border-collapse:collapse;
}
 
#logo
{
background-color: #ffffff;
width: 180px;
height: 180px;
 
}
 
.desc
{
padding: 5px 10px 5px 5px;
text-align: justify;
}
</style>
 
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/blankspace.gif" height="205px">
<br>

<table cellspacing=0>
<tr>
<td width="210" rowspan=20 bgcolor="#414141" valign="top">
<br>
<div class="heading">Scientific Background</div>
<div class="desc">
<ul>
<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/scientific/proteoluxbasic">Proteolux Basic ®</a></li>
<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/scientific/proteoluxplus#proteoluxplus">Proteolux Plus ®</a></li>
<li><a href="https://2010.igem.org/Team:ESBS-Strasbourg/proteolux/scientific/proteoluxpro#proteoluxpro">Proteolux Pro ®</a></li>

</ul>

</div>
</p></div>
</td>
<td width="10" rowspan=20 bgcolor="#222222">
</div>

<td width="750" bgcolor="#414141" valign="top">
<div class="desc">
<div class="heading">
<a name="overview"></a>
 Overview
</div>
<br>

Proteolux is a light-controllable specific protein degradation system. The system contains several parts: the bacterial ClpXP protease from E. Coli and the specific recognition sequence (DAS-tag) for ClpX for the degradation part as the photoreceptor protein phytochrome B (PhyB) and the phytochrome interacting factor 6(PIF6) from A. thaliana for the light-dependent part of the system.
<br><br>

The ClpXP proteases consist of three main parts: the ClpX unit and two units of ClpP. The ClpX forms a hexametric ring and binds to a double heptamer of ClpP. The ClpX is responsible for recognizing proteins bearing a specific degradation tag, unfolding and leading them into the catalytic core of the enzyme, where two ClpP subunits break down the peptides bonds. 
<br><br>

PhyB is characterized by a red/far-red photochromicity. Through red-light absorption (650–670 nm) PhyB undergoes a rapid conformational change from its ground state Pr to its active state Pfr. The structural change allows the binding of different interacting factors (PIF).The process is completely reversible through absorption in the near infra-red spectrum (705-740nm). PhyB is fused to the N terminus of a trimeric form of ClpX that lacks the N-terminus in which the subunits were connected with a flexible linker to stabilize the enzyme. 

<br><br>

Target proteins are fused to the PIF and tagged with the specific degradation sequence which, through light activation, brings the degradation sequence in proximity to ClpX and guides them to the catalytic core of the protease. Therefore a specific degradation of proteins containing the degradation sequence can be induced by a light signal.


<br>

</td>
</tr>


<tr>
<td width="750" height="10" bgcolor="#222222">
</td>
</tr>


<tr>
<td width="750" bgcolor="#414141" valign="top">
<div class="heading">
<a name="Animation"></a>
Proteolux Plus ®
</div>
<br>
<br>
<center>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/C5BuJnIIRHg?hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/C5BuJnIIRHg?hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
<br></center>
<br><br>

</td>
</tr>



<tr>
<td width="750" height="10" bgcolor="#222222">
</td>
</tr>



<tr>
<td width="750" bgcolor="#414141" valign="top">
<div class="heading">
<a name="Animation"></a>
Proteolux Plus ®
</div>
<br>
<br>
<center>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/pvdjXNAQMIM?hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/pvdjXNAQMIM?hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
<br></center>
<br><br>

</td>
</tr>



</div>
<br>
</td>
</tr>





</table>
</body>
</html>