/*
Item Name : Wave - Fancy Flexible CSS3 Sticky Footer
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.0
*/

/*

TABLE OF CONTENTS

00. Reset
01. Footer Bar
02. Typography
03. Top Borders
04. Buttons
05. Lists
06. Text Boxes
07. Images
08. Accordion
09. Form Elements
10. Media Queries

*/





/* 00. Reset */


h1poesie, h2poesie, h3poesie, h4poesie, h4poesie, h6poesie {margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline}

/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}*/
blockquotepoesie, q{quotes:none}
blockquotepoesie:before, blockquotepoesie:after, 
q:before, q:after{content:''; content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
/*table{border-collapse:collapse; border-spacing:0} */


/* 01. Footer Bar */


#footer_menu {
    position: fixed;
    margin: 0;
    padding: 0;
    bottom: 0;
    list-style: none;
    z-index:999999;
    width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	_display:none; /* Nothing for IE6 */
}
#footer_menu > li {
	position:absolute;
	bottom:0;
	max-height:40px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-box-shadow:inset 0 0 30px rgba(0,0,0,0.05), 0 0 6px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 0 30px rgba(0,0,0,0.05), 0 0 6px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 30px rgba(0,0,0,0.05), 0 0 6px rgba(0,0,0,0.1);
	-webkit-transition:max-height 2.2s, opacity 2.2s;
	-moz-transition:max-height 2.2s, opacity 2.2s;
	-o-transition:max-height 2.2s, opacity 2.2s;
	-ms-transition:max-height 2.2s, opacity 2.2s;
	transition:max-height 2.2s, opacity 2.2s;
}

	/* 5 Columns */

	.footer_menu_five > li {
		width: 20%;
	}
	.footer_menu_five > .footer_item_1 {
		left:0;
	}
	.footer_menu_five > .footer_item_2 {
		left:20%;
	}
	.footer_menu_five > .footer_item_3 {
		left:40%;
	}
	.footer_menu_five > .footer_item_4 {
		left:60%;
	}
	.footer_menu_five > .footer_item_5 {
		left:80%;
	}

	/* 4 Columns */

	.footer_menu_four > li {
		width: 25%;
	}
	.footer_menu_four > .footer_item_1 {
		left:0;
	}
	.footer_menu_four > .footer_item_2 {
		left:25%;
	}
	.footer_menu_four > .footer_item_3 {
		left:50%;
	}
	.footer_menu_four > .footer_item_4 {
		left:75%;
	}

	/* 3 Columns */

	.footer_menu_three > li {
		width: 33.3333334%;
	}
	.footer_menu_three > .footer_item_1 {
		left:0;
	background-color:#F4F4F4;
	}
	.footer_menu_three > .footer_item_2 {
		left:33.3333334%;
	background-color:#F4F4F4;
	}
	.footer_menu_three > .footer_item_3 {
		left:66.6666667%;
	background-color:#F4F4F4;
	}

	/* 2 Columns */

	.footer_menu_two > li {
		width: 50%;
	}
	.footer_menu_two > .footer_item_1 {
		left:0;
	}
	.footer_menu_two > .footer_item_2 {
		left:50%;
	}


#footer_menu > li:hover {
	background-color:#F4F4F4;
	max-height:999px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#footer_menu > li .footer_menu_content{
	width:90%;
	margin:10px auto;
}


/* 02. Typography */


#footer_menu > li h3poesie,
#footer_menu > li h4poesie {
	font-weight:bold;
	margin-bottom:12px;
	text-shadow:1px 1px 1px #ffffff;
}
#footer_menu > li h3poesie {
	font-size:14px;
}
#footer_menu > li h4poesie {
	font-size:12px;
}
#footer_menu > li p,
#footer_menu > li ul,
#footer_menu > li ol {
	font-size:11px;
	line-height:18px;
	margin-bottom:18px;
	text-shadow:1px 1px 1px #ffffff;
}
#footer_menu > li p {
	color:#212121;
}


/* 03. Top Borders */


#footer_menu > .footer_yellow,
#footer_menu > .footer_orange,
#footer_menu > .footer_pink,
#footer_menu > .footer_purple,
#footer_menu > .footer_blue {
	border-top-width:8px;
	border-top-style:solid;
}
#footer_menu > .footer_yellow {
	border-top-color: #ECD078;
}
#footer_menu > .footer_orange {
	border-top-color: #D95B43;
}
#footer_menu > .footer_pink {
	border-top-color: #C02942;
}
#footer_menu > .footer_purple {
	border-top-color: #542437;
}
#footer_menu > .footer_blue {
	border-top-color: #53777A;
}


/* 04. Buttons */


#footer_menu > li .footer_button {
	margin:12px 0 12px 0;
	padding:6px 12px 6px 12px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	float:right;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
	transition:background-color 0.3s;
}


#footer_menu > .footer_yellow .footer_button {
	background-color:#ECD078;
}
	#footer_menu > .footer_yellow .footer_button:hover {
		background-color:#e8c65a;
	}
#footer_menu > .footer_orange .footer_button {
	background-color:#D95B43;
}
	#footer_menu > .footer_orange .footer_button:hover {
		background-color:#d0452a;
	}
#footer_menu > .footer_pink .footer_button {
	background-color:#C02942;
	color:#FFF;
}
	#footer_menu > .footer_pink .footer_button:hover {
		background-color:#a42338;
	color:#FFF;
	}
#footer_menu > .footer_purple .footer_button {
	background-color:#542437;
	color:#FFF;
}
	#footer_menu > .footer_purple .footer_button:hover {
		background-color:#3c1a27;
	color:#FFF;
	}
#footer_menu > .footer_blue .footer_button {
	background-color:#53777A;
	color:#FFF;
}
	#footer_menu > .footer_blue .footer_button:hover {
		background-color:#456366;
	color:#FFF;
	}


/* 05. Lists */


#footer_menu .footer_list {
	margin-left:15px;
	color:#888888;
}
#footer_menu ul.footer_list {
	list-style:square;
}
#footer_menu ol.footer_list {
	list-style:decimal;
}


/* 06. Text Boxes */


#footer_menu .footer_textbox_white,
#footer_menu .footer_textbox_black {
	padding:9px;
	border-radius:3px;
}
#footer_menu .footer_textbox_white {
	color:#333333;
	background:#ffffff;
}
#footer_menu .footer_textbox_black {
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	background:#212121;
}


/* 07. Images */


#footer_menu .footer_thumbnail {
	border:none;
	float:left;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.07);
	-moz-box-shadow:0 0 6px rgba(0,0,0,0.07);
	box-shadow:0 0 6px rgba(0,0,0,0.07);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity:0.7;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
}
#footer_menu .footer_thumbnail {
	margin:4px 18px 6px 0;
}
#footer_menu .footer_thumbnail:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
}
#footer_menu iframe {
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom:18px;
}
	

/* 08. Accordion */


#footer_menu > li .footer_accordion,
#footer_menu > li .footer_accordion ul {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
.footer_accordion {
	margin: 0 0 18px 0;
}

.footer_accordion > li {
	list-style: none;
	width:90%;
	margin:0 auto;
}
.footer_accordion li > a {
	display: block;
	padding: 0 10px 0 15px;
	height: 32px;
	color: #212121;
	margin-bottom:1px;
	line-height:32px;
	text-decoration:none;
	background: #E4E4E4;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
	transition:background-color 0.3s;
}

.footer_accordion > li:hover > a,
.footer_accordion > li:target > a {
	color: #333333;
	background: #EAEAEA;
}
.footer_accordion_menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: #FAFAFA;
	font-size:11px;
}
.footer_accordion_menu > li:hover a {
	background: #F2F2F2;
}
.footer_accordion_menu li:last-child a { 
	border: none;
}
.footer_accordion li > .footer_accordion_menu {
	max-height:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
	overflow: hidden;
	-webkit-transition:max-height 0.5s 0.3s;
	-moz-transition:max-height 0.5s 0.3s;
	-o-transition:max-height 0.5s 0.3s;
	-ms-transition:max-height 0.5s 0.3s;
	transition:max-height 0.5s 0.3s;
}
.footer_accordion li:hover > .footer_accordion_menu {
	max-height:200px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
}


/* 09. Form Elements */


#contactform {
	display: block;
	width:100%;
	color:#212121;
}
	#contactform label {
		display: block; 
		height: 32px; 
		line-height: 32px; 
		width: auto; 
		font-size: 11px; 
		-webkit-border-radius:5px;
		-moz-border-radius:5px; 
		border-radius:5px; 
	}
	#contactform input, 
	#contactform textarea {
		display: block; 
		width: 94%; 
		margin: 0; 
		padding: 6px 3% 6px 3%;
		background: #F8F8F8; 
		border: 1px solid #ccc; 
		font-size: 12px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-box-shadow:0 0 6px rgba(0,0,0,0.07);
		-moz-box-shadow:0 0 6px rgba(0,0,0,0.07);
		box-shadow:0 0 6px rgba(0,0,0,0.07);
		-webkit-transition:background-color 0.3s;
		-moz-transition:background-color 0.3s;
		-o-transition:background-color 0.3s;
		-ms-transition:background-color 0.3s;
		transition:background-color 0.3s;
	}   
	#contactform input:hover, 
	#contactform textarea:hover {
		background-color: #FBFBFB; 
	}
	#contactform input:focus, 
	#contactform textarea:focus {
		border: 1px solid #BBBBBB; 
		background-color: #FFFFFF; 
		-webkit-box-shadow:0 0 6px rgba(0,0,0,0.1);
		-moz-box-shadow:0 0 6px rgba(0,0,0,0.1);
		box-shadow:0 0 6px rgba(0,0,0,0.1);
	}
	#footer_menu > li #contactform .form_button {
		width:auto;
		border:none;
		-webkit-border-radius:0 0 0 0;
		-moz-border-radius:0 0 0 0;
		border-radius:0 0 0 0;
		margin-left:15px;
	}


/* 10. Media Queries */


@media only screen and (max-width: 760px) {


	#footer_menu > li {
		max-height:36px;
		-webkit-transition:max-height 0s, opacity 2.2s;
		-moz-transition:max-height 0s, opacity 2.2s;
		-o-transition:max-height 0s, opacity 2.2s;
		-ms-transition:max-height 0s, opacity 2.2s;
		transition:max-height 0s, opacity 2.2s;
	}
	#footer_menu > li:hover {
		width:100%;
		left:0;
		z-index:9999;
	}
	#footer_menu > li .footer_menu_content {
		width:95%;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		opacity:0.7;
		-webkit-transition:opacity 2.2s;
		-moz-transition:opacity 2.2s;
		-o-transition:opacity 2.2s;
		-ms-transition:opacity 2.2s;
		transition:opacity 2.2s;
	}
	#footer_menu > li:hover .footer_menu_content,
	#footer_menu > li .footer_accordion > li {
		width:60%;
	}
	#footer_menu > li:hover .footer_menu_content {
		margin-top:20px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity:1;
	}
	#footer_menu > .footer_yellow,
	#footer_menu > .footer_orange,
	#footer_menu > .footer_pink,
	#footer_menu > .footer_purple,
	#footer_menu > .footer_blue {
		border-top-width:6px;
	}
	#footer_menu > li h3poesie {
		font-size:12px;
	}
	#footer_menu > li h4poesie {
		font-size:11px;
	}
	#contactform input, 
	#contactform textarea {
		width: 100%; 
		padding: 5px;
	}   


}

@media only screen and (max-width: 480px) {


	#footer_menu > li:hover .footer_menu_content,
	#footer_menu > li .footer_accordion > li {
		width:80%;
	}


}