body {
background-color: white;
margin: 10px 0 0 0;
padding: 0;
}

a {
text-decoration: none;
border: 0px;
outline: none;
}

a:link {

border: 0;
}

#footer {
clear: left;
display: block;
margin: 0 0 0 160px;
padding: 15px 0;
}

#footer p {
color: #BBBBBB;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 9px;
font-weight: bold;

}

#nav {
margin: 0 0px 0 0;
line-height: 20px;
font-size: 13px;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-image: url(/images/40percent.png);
background-repeat: repeat;
background-color: gray;
width: 110px;
float: left;
padding: 10px 10px 10px 20px;
text-indent: -10px;
position: fixed;
}

#nav span.underline {
border-bottom: 1px solid black;

}

#nav p {
margin: 0;
padding: 0;
}

#nav a {
color: black;
font-weight: bold;
text-decoration: none;
}

#nav a:hover {
border-bottom: 2px solid black;
}

#nav a:active, #nav a:active span{
border-bottom-color: fuchsia;
color: fuchsia;
}

#content, #footer {
width: auto;
margin: 0 15px 0 160px;
}

#content img {
vertical-align: top;
background-color: #ff308f; 

}

.content-head {
margin-bottom: 50px;

}

.project, #footer{
border-top: 5px solid #EEEEEE;
padding-top: 10px;
padding-bottom: 20px;
}

.project a {
color: #666666;
text-decoration: none;
}

.project a:active {
color: fuchsia;
}

h1 {
line-height: 40px;
font-size: 50px;
font-family: Helvetica, Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}

h4 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:17px;
font-weight:bold;
margin: 0;
padding: 0;
font-weight: bold;
}

h4 a {
color: black;
text-decoration: none;
}

.project a:hover {
color: black;

}

p.set-description {
line-height: 23px;
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
width: 550px;
}

.info-type1 {
padding: 0 15px 0 0;
margin: 0;
line-height: 18px;
font-size: 13px;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #999999;
width: 250px;
display: inline;
float: left;
}

a.permalink {
color: #CCCCCC;
font-weight: bold;
font-size: 10px;
}

p.see-more {
margin-left: 265px;
font-weight: bold;
font-size: 12px;
font-family: Helvetica, Verdana, Arial, sans-serif;
border-bottom: none;
}

p.see-more a:hover {
color: black;
}

p.see-more span {
border-bottom: 1px solid #666666;
}

.screengrabs, .still {
margin-bottom: 5px;
}


/* jQuery information rollover */

/******************** PORTFOLIO page css starts ******************/
#portfolio_container{	
	padding:0 0 0 0;
	display: block;
}

#portfolio_container .portfolio_div_container .portfolio_div img{
/*	width:230px;
	height:100px; */
}
#portfolio_container .portfolio_div_container{	
	height:250px; 
/*	width:245px;	*/
	margin-right:5px; 
	margin-bottom: 5px;
	border-bottom: 1px solid #666666; 
	float:left; 
	padding:0px 0 0 0px; 
	overflow:hidden;	
	position:relative;
}
#portfolio_container .portfolio_div_container .portfolio_div{
/*	height:100px;
	width:230px;	*/		
	overflow:hidden;	
	position:relative;
}
#portfolio_container .portfolio_div .info_container{	
	width:230px;
	height:100px;		
	top:100px;		
	z-index:0;
	position:relative;	
}

#portfolio_container .portfolio_div img {
	border: none;

}

#portfolio_container .portfolio_div div.info{
	position:relative;	
	width:220px;
	top:-100px;
	z-index:100;
	height:90px;
	color:#FFF;
	font:11px tahoma,arial;
	padding:5px;	
	line-height:16px;
}
#portfolio_container .portfolio_div div.info p{
	font:11px tahoma,arial;
	padding:0 5px;
}

#portfolio_container .portfolio_div div.info p.format{
	font:9px tahoma,arial;
	padding-left:5px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 0;
}

#portfolio_container .portfolio_div div.info p.title{
	font-size:17px;
	font-weight:bold;
	margin-top: 5px;	
}

#portfolio_container a .portfolio_div div.info p:link {
	color:white;
	text-decoration:none;
	border: none;
	outline: none;
}
#portfolio_container .portfolio_div div.info_bg{	
	position:relative;	
	background-color:#333333;
	width:230px;	
	z-index:50;
	top:-200px;
	height:100px;		
	opacity:0.8;
}