/*UTILITY*/

a:hover {cursor:pointer;}

a:link {color:#000}      /* unvisited link */
a:visited {color:#000}  /* visited link */


img {
	border-style:none;
}

p{
	font-family:Garamond, "Times New Roman", Times, serif;	
	font-size:13.5px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:.0625em;
	line-height:16.5px;
	color:#999;
}


/*CONTAINER and SPACER*/


#contain{
	width:1000px;
	height:1000px;
	margin:0px auto;
	text-align:center;
	padding:15px;
}

#spacer{
	width:1000px;
	height:25px;
	margin-left:48px;
}


/*LOGO*/

#gjf{
	background-image:url(../imgs/logomark2.1.jpg);
	height:163px;
	width:150px;
	float:left;
	margin-top:5px;
	text-align:left;
	overflow:hidden;
}




/*ACCORDION*/


#nav{
	float:left;
	margin-left:15px;
	text-align:left;
	overflow:hidden;
}

.toggler {
	width:755px;
	background-color: #999999;
	padding: 5px;
	margin-top: 2px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:.0625em;
	color:#FFF;
}

.toggler:hover {background-color:#d0e4a6;}


.active {
	background-color: #ffffff;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:.0625em;
	color: #d0e4a6;
}

	.active:hover {
		color:#ffffff;
		background-color:#d0e4a6;
	}

.element {
	background-color:#fff;
	font-family:Garamond, "Times New Roman", Times, serif;	
	font-size:13.5px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:.0625em;
	line-height:16.5px;
}





/*INSIDE ACCORDION*/

.title{
	color:#333;
	width:225px;
	margin:5px 0px 5px 0px;
	text-align:left;
	font-style:normal;
}

.info{
	width:300px;
	margin-left:100px;
	color:#666;
	margin:5px 0px 5px 0px;
	text-align:left;
	font-style:normal;
	float:left;
}

.gallery{
	width:300px;
	margin:5px 0px 5px 0px;
	text-align:left;
}