/* root element for tabs  */
.tabs { 
	list-style:    none; 
	margin:        0 !important; 
	padding:       0;
	border-bottom: 1px solid #666;
	width:         500px;
}

/* single tab */


/* link inside the tab. uses a background image */
.tabs a { 
	font-size:       11px;
	display:         block;
	text-decoration: none;
	color:           #000;
	padding:         0px;
	margin:          0px;
	position:        relative;
}

.tabs a:active {
	outline: none;		
}

/* initially all panes are hidden */ 
.panes .pane {
	display: none;		
}

.tabs h3 {
	margin:      0 0 5px 0;
	font-size:   16px;
	color:       #456;
	font-weight: normal;
}

/* tab pane styling */
/* also aka details */
.panes div {
	display:none;
	border-bottom:    1px solid #efefef;
	width:            815px;
	height:           430px;
	background-color: #fff;
	font-size:        11px; /* was 1.1em did not match size of project brief/list */
}
.panes div img { /* 1st large image in project detail*/
	float:  left;
	margin: 0 15px 15px 0;
}
.panes div p {
	margin-bottom: 5px;
	width:         82%;
}