/* Basic */

body{
background: #f7fafa;
font-family: "andale mono", "courier new", monospace;
font-size: 10px;
color: #262626;
line-height: 16px;
margin: 0;
margin-left: auto;
margin-right: auto;
width: 960px; 
}

a{
text-decoration: none;
color: #262626;
}

a:hover{
text-decoration: none;
color: #ff5959;
}

a img {
border: 0;
}

/*Header*/

#header {
  position: relative;
  background-color: #262626;
  float: left;
  width: 960px;
  height: 30px;
  font-family: "andale mono", "courier new", monospace;
  font-size: 10px;
  color: white; 
} 

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

#header a:hover{ 
	text-decoration: none;
	color: #ff5959;
}

.headerleft {
  float: left;
  width: 550px;
  padding-top: 7px;
  padding-left: 10px;
}


.headerright {
  float: right;
  width: 50px;
  padding-top: 7px;
  padding-right: 10px;
}


#content {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  margin-top: 10px;
}

#left {
position: relative;
background-color: white;
float: left;
width: 960px;
height: 850px;
margin-bottom: 50px;
}




/*Work Accordian*/
h2.acc_trigger {
padding: 0;	
margin: 0;
background: white;
height: 30 px;	
line-height: 30px;
width: 960px;
font-size: 10px;
font-family: "andale mono", monospace;
font-weight: normal;
float: left;
border-bottom: 1px dotted #262626;
}


h2.acc_trigger a {
	color: #262626;
	text-decoration: none;
	display: block;
	padding: 0 0 0 10px;
	border-bottom: 0px;
}

h2.acc_trigger a:hover , h2.active a {
       color: #ff5959;
}

.name {
  float: left;
  width: 400px;
}


.desc {
  float: right;
  text-align:right;
  font-style: italic;
  padding-right: 10px;
  width: 440px;

}

.gray{
color: #ccc;
}

.acc_container {
	margin: 0px;
	padding: 0px;
	display: none;
	overflow: hidden;
	position: relative;
	font-size: 10px;
	font-family: "andale mono", monospace;
	font-weight: normal;
	width: 960px;
	clear: both;
	background: white;
	border-bottom: 1px dotted #262626;
}
.acc_container .block {
	padding: 10px;
	overflow: hidden;
}

.testimage{
position: relative;
float: left;
width: 570px;
height: 320px;
background-color: #ccc;
margin-bottom: 10px;
}

.subnav{
float: right;
width: 30px;
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;

}

.subnav .left{
padding-right:5px;
color: #ccc;
font-style: italic;
}

.subnav .right{
padding-left:5px;
color: #ccc;
}

.description{
float: left;
width: 420px;
font-size: 10px;
line-height: 16px;
margin-bottom: 10px;

}

/*Video*/
#ffvideo {
position: relative;
background-color: black;
float: left;
width: 940px;
height: 500px;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 152px;
padding-left: 152px;
}

/*slideshow*/
a.prev{
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;
padding-right: 10px;
border: 0px;
}

a.next{
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;
border: 0px;
}

.slideshow { 
height: 500px; 
width: 940px; 
margin: auto; 
overflow: hidden; 
}

.slideshow img {
padding: 0px; 
border: 0px; 
}

.pics { 
height: 500px; 
width: 940px; 
padding:0; 
margin-bottom: 10px; 
overflow: hidden; 
}

.pics img { 
height: 500px; 
width: 940px; 
border: 0px; 
top:0; 
left:0;
}

/*toggle*/

.transbox p
  {
  color:#000000;
  }

.toggleButton
{
font-family: "symbols";
font-size: 25px;
}

.toggleSection
{
position: absolute;
display: none;
width: 250px;
height: 440px;
background-color: #fff;
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
margin: 10px;
z-index: 5;
  opacity:0.95;
  filter:alpha(opacity=95); 
}