/*----------------------------------------------
	ABOUT.CSS
	Author:		Engage Interactive
	Requires:	reset.css
				global.css
----------------------------------------------*/

/*-------------------------------
	ABOUT NAVIGATION
-------------------------------*/

ul#about_navigation {
	padding:62px 7px 1px;
	background:#acbd03 url(/assets/giraffe/images/about/nav.gif) 0 -8px no-repeat;
}

.about_navigation_footer {
	display:block;
	height:8px;
	margin-bottom:5px;
	background:#acbd03 url(/assets/giraffe/images/about/nav.gif) 0 0 no-repeat;
}

ul#about_navigation li {
	margin-bottom:6px;
}

ul#about_navigation li:last-child {
	margin-bottom:0;
}

ul#about_navigation li a {
	display:block;
	width:180px;
	height:28px;
	padding:3px 10px 0;
	color:#e4ff01;
	font-size:26px;
	text-transform:uppercase;
	line-height:10px;
}

ul#about_navigation li a:hover,
ul#about_navigation li a.on {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:#224401;
	text-decoration:none;
}


/*-------------------------------
	FAQ's
-------------------------------*/

#faq h4 {
	padding:0 0 10px 26px;
	margin-bottom:0;
	background:url(/assets/giraffe/images/about/faq.gif) 0 1px no-repeat;
}

#faq p {
	padding-left:26px;
}

#faq p.nofaq {
	padding:0;
}


/*-------------------------------
	FRANCHISES
-------------------------------*/

#franchise_grid {
	width:292px;
	padding-right:0;
}

#franchise_grid a {
	padding:0;
	margin:0;
	background:none;
}

#franchise_grid a img {
	float:left;
	margin-bottom:12px;
}

#franchise_grid a img.left {
	margin-right:12px;
}

/*-------------------------------
	FUN
-------------------------------*/

.fun {
	float: left;
	width:184px;
	height:199px;
	padding:10px 7px 0 10px;
	background:url(/assets/giraffe/images/menus/menu_background.gif);
	margin:0 5px 5px 0;
}

.fun .image_holder {
	height:155px;
	overflow:hidden;
	padding:3px 0 0 3px;
	margin-bottom:6px;
}

.fun h3 { 
	font-size:22px;
	margin:0;
}

.hidden {
	display:none;
}