a
{
text-decoration: none;
color: #000;
font-style: italic;
font-weight: bold;
outline:none;
}

a:hover 
{
/*text-decoration: underline;*/
color: #F04E00
outline:none;
}

body 
{
margin: 0;
padding: 0;
text-align:center;
background-color: #666;
background-image: url(Images/bg-4.jpg);
font-family: Gill Sans Light, Arial, Helvetica, sans-serif;
color:#000;
font-size: .8em; 
}

#browse
{
float: right;
}

.caption 
{
font-size: 85%;
/*color: #000;*/
text-decoration:none;
}

.caption2 
{
font-size: 0.85em;
/*color: #c0d4f9;
text-decoration:none;*/
}		
		
#contentleft 
{
background: #666;
width:100px;
height:400px;
float:left;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}		
	
#contentcenter 
{
width:250px;
height:400px;
float:left;
background-color:#666;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
	
#contentright
{
width:400px;
height:400px;
float:left;
background-color: #797979;
/*background: url(graphics/bg-strip.jpg);*/
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
cursor: default;
overflow: auto;
}

#contentright-proj
{
position:relative;
width:400px;
height:400px;
float:left;
background-color: #797979;
/*background: url(graphics/bg-strip.jpg);*/
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
cursor: default;
}
	
#frame 
{
width:752px;
/*height: 800px;*/
margin-right:auto;
margin-left:auto;
margin-top:80px;
text-align:left;
}

h1
{
display: none;
}

h2
{
margin: 0;
padding: 0;
font-size: 1.5em;
color: #F04E00;
font-weight: bold;
}
	
img 
{
border: none;
}

#inner
{
padding: 10px 10px 0 10px;
}

#innerblog
{
padding: 10px 10px 0 10px;
}

#inner-proj
{
padding: 30px 30px 0 0;
}

#inner-top
{
height: 277px;
overflow: auto;
padding: 10px 10px 0 10px;
}

#inner-bottom
{
height: 110px;
padding-left: 10px;
}

#inner img
{
float: right;
margin: 10px 10px 0 0;
}

#innercv
{
padding: 10px;
}

#inner-frame
{
height:402px;
}

.large 
{
font-size: 1.5em;
color: #F04E00;
font-weight: bold;
}

#link
{
float: right;
}
		
.menu
{
height:25px;
color: #333;
position:relative;
top:-20px;
text-align:right;
margin-top:1px;
}

#menu-back
{
/*width:750px;*/
height:20px;
margin-top:0;
background:#fff;
filter:alpha(opacity=30);
opacity:.30;
}

.menu ul
{
margin-top: 0px;
text-align: right;
list-style: none;
}

.menu li
{
display: inline;
}

.menu a
{
text-decoration: none;
/*font-weight: bold;*/
color: #333;
/*padding: 15px;*/
margin: 0 10px 0 10px;
font-style: normal;
font-weight: normal;
}
 
.menu a:hover
{
/*text-decoration: underline;*/
color: #F04E00
} 

p
{
cursor: default;
}

.subtitle 
{
color: #000;
/*color: #F04E00;*/
/*color: #cac7ab;*/
font-weight: bold;
}

/*Project rollovers*/

#abstract a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/abstract-rhythm.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#abstract2 
{
float:right;
}

#abstract a:hover 
{
background-position: 0 0;
outline:none;
}

#confine a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/a-confinement-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px -20px 0 0;
outline:none;
}

#confine2 
{
float:right;
}

#confine a:hover 
{
background-position: 0 0;
outline:none;
}

#desire a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/desire-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0px;
outline:none;
}

#desire2 
{
float:right;
}

#desire a:hover 
{
background-position: 0 0;
outline:none;
}

#elab a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/elaborations.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#elab2 
{
float:right;
}

#elab a:hover 
{
background-position: 0 0;
outline:none;
}

#flowing a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/a-flowing-walls-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#flowing2 
{
float:right;
}

#flowing a:hover 
{
background-position: 0 0;
outline:none;
}

#mittens a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/mittens-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#mittens2 
{
float:right;
}

#mittens a:hover 
{
background-position: 0 0;
outline:none;
}

#paths a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/paths-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#paths2 
{
float:right;
}

#paths a:hover 
{
background-position: 0 0;
outline:none;
}

#phyto a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/phyto-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px -20px 0 0;
outline:none;
}

#phyto2 
{
float:right;
}

#phyto a:hover 
{
background-position: 0 0;
outline:none;
}

#plex a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/plexus-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#plex2 
{
float: right;
}

#plex a:hover 
{
background-position: 0 0;
outline:none;
}

#rain a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/a-rain-harvester-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#rain2 
{
float:right;
}

#rain a:hover 
{
background-position: 0 0;
outline:none;
}

#res a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/resurrection-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#res2 
{
float: right;
}

#res a:hover 
{
background-position: 0 0;
outline:none;
}

#research a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/research-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#research2 
{
float: right;
}

#research a:hover 
{
background-position: 0 0;
outline:none;
}

#salt a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/saltlines-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px -20px 0 0;
outline:none;
}

#salt2 
{
float:right;
}

#salt a:hover 
{
background-position: 0 0;
outline:none;
}

#sales a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/sales-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#sales2 
{
float:right;
}

#sales a:hover 
{
background-position: 0 0;
outline:none;
}

#traces a
{
display: block;
width:120px;
height:100px;
background-image: url(Images/project-rollovers/traces-rollover.jpg);
background-position: 0 -100px;
background-repeat: no-repeat;
margin: 10px 10px 0 0;
outline:none;
}

#traces2 
{
float:right;
}

#traces a:hover 
{
background-position: 0 0;
outline:none;
}
/* end Project Rollovers */

#title {
height: 30px;
padding: 10px 10px 0 10px;
}

#text {
height: 247px;
overflow: auto;
padding: 0 10px 0 10px;
}
