/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper {
	width: 510px;
	margin-top: 20px;
	float: left;
	margin-left: 60px;
	}

.accordionButton {
		font-family: Verdana, Geneva, sans-serif;
	width: 510px;
	float: left;
	_float: none;
	color:#909090;
	font-size:20px;
	cursor: pointer;
	text-indent: 20px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	background-image: url(../imagens/acc.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	}
#wrapper h3 {
	font-size: 45px;
	color: #909090;
}
#wrapper h3 span {
	color: #474471;
}


	
.accordionContent {
	width: 470px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	font-family: Verdana, Geneva, sans-serif;
	color: #424242;
	padding-left: 40px;
	background-color: #ececec;
	padding-bottom: 20px;
	padding-top: 10px;
	}
#conteudo #wrapper .accordionContent span {
	font-size: 12px;
	color: #ababab;
}

#conteudo #wrapper .accordionContent h4 {
	color: #40aacd;
	font-size: 20px;
	font-family: WalkwayExpandBlackRegular;
}


	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	color: #cccccc;
		transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
	background-image: url(../imagens/acc-ativo.gif);
	background-repeat: repeat-x;
	border: 1px solid #333;
	}
	
.over {
	color:#bcbcbc;
		transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
	background-image: url(../imagens/acc_hover.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	}