/*************************
* main project list
*/
h3 {
 	color:#C00;
	font-weight:bold;
	font-size:14px;
 }
#projectNews {
	padding:3px;
	border:1px dotted #C00;
	border-width:1px 2px;
	margin-bottom:20px;
 }
#projectNews .news {
	border:0;
}
#projectNews .news h3 a,#projectNews .news h3 {
	font-size:12px;
	line-height:normal;
	margin:0;
}
.project-area {
background : url('../images/proj-bar.png') no-repeat top left;
width:285px;
float:left;
overflow:hidden;
padding:0px 0px 20px 5px;
margin:0;
}

.project-area h4 {
line-height:20px;
font-weight:bold;
background : url('../images/proj-bar.png') no-repeat top right;
font-size:14px;
margin-bottom:5px;
color:#AA2B00;
}
.project-area ul li {
padding:2px 0;
margin-right:5px;
margin-bottom:4px;
border-bottom: 1px dotted #ccc;
}
/*************************
* single project
*/
#project-logo {
border: 1px solid #ccc;
padding:3px;
float:right;
width:200px;
height:200px;
}
#project-details {
width: 300px;
margin-top:40px;
border-collapse:collapse;
}
#project-details tr {
border-bottom: 1px dotted #ccc;
}
#project-details td {
padding:2px;
}
#project-details td.label {
font-weight:bold;
text-align:right;
width:100px;
padding-right: 8px;
}
#project-description {
border-top: 1px dotted #ccc;
margin-top:20px;
padding-top:10px;
}
#project-description p {
line-height: 18px;
margin-bottom:10px;
}




#diagram {
	margin-top:70px;
    background : url('../images/projects-arrows.png') no-repeat center center;
    height:530px;
    position:relative;
  }
  
  
#diagram .boxes {
background : url('../images/box-projects.gif') no-repeat center center;
position:absolute;
width:129px;
height:73px;
text-align:center;
font-weight:bold;
font-size:18px;
line-height:73px;
}
#diagram .boxes p {
padding:5px;
}

#brain, #brain p{
color:#0066ff;
left:40px;
}

#code, #code p {
color:#d45500;
left:60px;
top:210px;
}

#art, #art p {
color:#800080;
top:130px;
left:215px;
}

#heart, #heart p {
color:#ff0000;
top:30px;
right:56px;
}

#web, #web p {
color:#784421;
right:74px;
bottom:135px;
}

#inspiration, #inspiration p {
color:#008000;
left:230px;
bottom:0px;
}

#graphics, #graphics p {
color:#666666;
left:150px;
bottom:110px;
}