body {
	background-color:#FFF;
	padding:50px;
	padding-top:5px;
	background-image:url(../img/blue.gif);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	text-align:center;
}

#a {
color:#FF0000;
}

#header{
background-image:url(../images/header/headHome.png);
background-repeat:no-repeat;
width: 792px;
height: 150px;
margin:auto;
border-top:5px solid #000000;	
border-left:5px solid #000000;	
border-right:5px solid #000000;
}

div#test-accordion{
    border: 1px solid #343230;
	background-color:black;

	padding-top:2px;
	padding-bottom:2px;
	padding-left:1px;
	padding-right:1px;
	text-align:left;
}

div.accordion {
	position: relative; /* required for bounding */
	width:800px;
	margin:auto;
	text-align:left;
}

/*TOGGLE MOMENTS */
div.accordion-toggle{
position: relative; /* required for effect */
z-index: 10; /* required for effect */
}

div#nav_rewind{
background-image:url(../img/nav/rewind.png);
background-repeat:no-repeat;
background-position:center;
background-color:#FFE965;
color:#000;   
cursor: pointer;
margin-bottom:1px;
padding:9px 14px 6px 14px;
border-top:2px solid #000000;	
border-bottom:2px solid #000000;
border-left:4px solid #000000;	
border-right:4px solid #000000;
text-align:left;
height:10px;

}

div#nav_rewind:hover, div#nav_rewind.accordion-toggle-active{
background-color:#FFE966;
background-image:url(../img/nav/rewind.png);
background-repeat:no-repeat;
background-position:center;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
		text-align:left;
		height:10px;
}

div#nav_ca{
background-image:url(../img/nav/ca.png);
background-repeat:no-repeat;
background-position:center;
background-color:#FFE965;
color:#000;   
cursor: pointer;
margin-bottom:1px;
padding:9px 14px 6px 14px;
border-top:2px solid #000000;	
border-bottom:2px solid #000000;
border-left:4px solid #000000;	
border-right:4px solid #000000;
text-align:left;
height:10px;

}

div#nav_ca:hover, div#nav_ca.accordion-toggle-active{
background-color:#FFE966;
background-image:url(../img/nav/ca.png);
background-repeat:no-repeat;
background-position:center;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
		text-align:left;
		height:10px;
}

div#nav_projects{
background-image:url(../img/nav/projects.png);
background-repeat:no-repeat;
background-position:center;
background-color:#FFE965;
color:#000;   
cursor: pointer;
margin-bottom:1px;
padding:9px 14px 6px 14px;
border-top:2px solid #000000;	
border-bottom:2px solid #000000;
border-left:4px solid #000000;	
border-right:4px solid #000000;
text-align:left;
height:10px;

}

div#nav_projects:hover, div#nav_projects.accordion-toggle-active{
background-color:#FFE966;
background-image:url(../img/nav/projects.png);
background-repeat:no-repeat;
background-position:center;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
		text-align:left;
		height:10px;
}

div#nav_phil{
background-image:url(../img/nav/phil.png);
background-repeat:no-repeat;
background-position:center;
background-color:#FFE965;
color:#000;   
cursor: pointer;
margin-bottom:1px;
padding:9px 14px 6px 14px;
border-top:2px solid #000000;	
border-bottom:2px solid #000000;
border-left:4px solid #000000;	
border-right:4px solid #000000;
text-align:left;
height:10px;

}

div#nav_phil:hover, div#nav_phil.accordion-toggle-active{
background-color:#FFE966;
background-image:url(../img/nav/phil.png);
background-repeat:no-repeat;
background-position:center;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
		text-align:left;
		height:10px;
}

div#nav_diff{
background-image:url(../img/nav/diff.png);
background-repeat:no-repeat;
background-position:center;
background-color:#FFE965;
color:#000;   
cursor: pointer;
margin-bottom:1px;
padding:9px 14px 6px 14px;
border-top:2px solid #000000;	
border-bottom:2px solid #000000;
border-left:4px solid #000000;	
border-right:4px solid #000000;
text-align:left;
height:10px;

}

div#nav_diff:hover, div#nav_diff.accordion-toggle-active{
background-color:#FFE966;
background-image:url(../img/nav/diff.png);
background-repeat:no-repeat;
background-position:center;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
		text-align:left;
		height:10px;
}

div#nav_contact{
background-image:url(../img/nav/contact.png);
background-repeat:no-repeat;
background-position:center;
background-color:#FFE965;
color:#000;   
cursor: pointer;
margin-bottom:1px;
padding:9px 14px 6px 14px;
border-top:2px solid #000000;	
border-bottom:2px solid #000000;
border-left:4px solid #000000;	
border-right:4px solid #000000;
text-align:left;
height:10px;

}

div#nav_contact:hover, div#nav_contact.accordion-toggle-active{
background-color:#FFE966;
background-image:url(../img/nav/contact.png);
background-repeat:no-repeat;
background-position:center;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
		text-align:left;
		height:10px;
}
	
div.accordion-toggle:hover, div.accordion-toggle-active{
	background-color:#FFE966;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
		text-align:left;


}

div.accordion-content{
	text-align:left;
    overflow: hidden;	/* required for effect */
    background: white;
	background-repeat:repeat;
	padding:9px 24px 6px 24px;
	color:#000;
	border-top:2px solid #000000;	
	border-bottom:2px solid #000000;
	border-left:4px solid #000000;	
	border-right:4px solid #000000;
}
