/***********************************************************************************************************************
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.
************************************************************************************************************************/
.accordionButton { 
	width: 1410px; 
	float: left; _float: none; /* Float works in all browsers but IE6 */ 
	cursor: pointer; 
	padding: 0 0 0 50px; 
	margin: 0 0 0 0; 
	background: url(../img/icon-open.png) left no-repeat; 
	background-size: 22px 22px;
}

.accordionButton h3, .accordionButton.h3 { 
	font-family: 'Graphik-Bold', Helvetica, Arial, sans-serif;
	font-size: 36px; 
	line-height: 46px; 
	color: #000000; 
	padding-top: 20px; 
	margin: 0 0 20px 0; 
}

.accordionButtonNone { 
	width: 1410px; 
	float: left; _float: none; /* Float works in all browsers but IE6 */ 
	cursor: auto;
	padding: 0 0 0 50px; 
	margin: 0 0 5px 0; 
}

.accordionContent { 
	width: 1410px; 
	float: left; _float: none; /* Float works in all browsers but IE6 */ 
	padding: 20px 0 50px 50px; 
}

	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.on { 
	color: #000000; 
	background: url(../img/icon-close.png) left no-repeat; 
	background-size: 20px 20px;
}	

.over {
	color: #000000; 
}




/* -------- ANFANG MEDIA ---------*/

@media (max-width: 1023px){
/* Style sheet iPhone */
.accordionButton { 
	width: 100%; 
	padding: 0 0 0 25px; 
	background-position: 0 6px; 
	background-size: 16px 16px;
}

.accordionButton h3, .accordionButton.h3 { 
	font-size: 20px; 
	line-height: 26px; 
	padding-top: 0; 
	margin: 0 0 20px 0; 
}

.accordionButtonNone { 
	width: 100%; 
	padding: 0 0 0 25px; 
}

.accordionContent { 
	width: 100%; 
	padding: 0; 
}

.on { 
	background-size: 13px 13px;
}	
}

@media (min-width: 1024px) and (max-width: 1439px){
.accordionButton { 
	width: 100%; 
}

.accordionButton h3, .accordionButton.h3 { 
	font-size: 27px; 
	line-height: 37px; 
	padding-top: 20px; 
	margin: 0 0 20px 0; 
}

.accordionButtonNone { 
	width: 100%; 
}

.accordionContent { 
	width: 100%; 
}

}

@media (min-width: 1440px) and (max-width: 1679px){
.accordionButton { 
	width: 1200px; 
}

.accordionButtonNone { 
	width: 1200px; 
}

.accordionContent { 
	width: 1200px; 
}

}

/* --------- ENDE MEDIA --------- */