/* structural
----------------------------------------------- */


.portfolio
{
	background: none;
	padding: 0;
margin: 0 0 0 0px;

}



/* Can the headers be wrapped in a div?? vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */

div.header {width: 600px; position: absolute;}


div.header a {text-decoration: none; color: #fff;}


.portfolio h1 {
position: relative; 
top: 65px; left: 320px;
	color: #fff;
	margin: 0;
letter-spacing: .05em;
	font-size: 90%;
	font-weight: lighter;

}


/* Toggle vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */


h2.trigger {
	padding: 0 0 0 0px;
	margin: 0 0 0px 0;


	width: 600px;
	font-weight: normal;
	float: left;
	border: solid #ddd;
	border-width: 0px 0px 1px 0px;
}
.trigger img {border: none;}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {background: #900; display: block; }

h2.active {background-position: left bottom;} 
/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0px 0 0 0px;
	padding: 0;
	border-top: 1px solid #900;

	overflow: hidden;

	width: 900px;
	clear: both;
}
.toggle_container .block {
	margin: 0px 0 0 0px;
padding: 0px 0 0 0; 
/*--Padding of Container--*/

}

div.portfolio {clear: both;}


/* Accordion Bars vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */



div.block ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

div.block ul li{
  float: left;
  padding: 0px;
  display: block;
  margin-right: 0px;
}

div.block ul li a{
  display: block;
  overflow: hidden;
  height: 600px;
width: 75px;
}


ul.accordion
{
	list-style: none;
	height: 600px;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

ul.accordion li
{
	float: left;
	display: inline;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

/* box is the gray heading that overlays the images */

.box { position: relative; 
}

.box p
{
	position: absolute;
	top: 10px;
height: 15px;
	width: 580px;
	font-size: 90%;
	background: url('trans2.png') repeat;
	color: #ddd;
	padding: 5px 10px;
	margin: 0px;
	border: solid #ddd;
	border-width: 0px 0px 0px 2px;
	overflow: hidden;
	}
	
#port-content{
width: 740px;
	float: left;
	background: none;
	border: solid #ddd;
	border-width: 0px 0px 0px 0px;
}