/*
TABLE OF CONTENTS

01 MEGA MENU BAR
02 MEGA MENU CONTAINERS
03 DROP DOWN COLUMNS GRID
04 FLY-OUT MENU
05 MEGA MENU WEB ELEMENTS
   1. General Typography
   2. Lists
   3. Custom Paragraphs
   4. Video + Misc.
   5. Images
   6. Paragraph Icons
   7. Social Icons
   8. Form Elements
   9. Tables
06 DEFAULT THEMES, DARK & LIGHT (COMPULSORY)
   1. Dark Menu Bar
   2. Light Menu Bar
   3. Dark Drop Down
   4. Light Drop Down
   5. Neutral Colored Elements
      - Form Elements
      - Tables
07 ADDITIONAL THEMES (OPTIONNAL)
   1. Blue
   2. Brown
   3. Cherry
   4. Coffee
   5. Green
   6. Grey
   7. Ocean
   8. Orange
   9. Pink
   10. Purple
   11. Red
   12. Tan
   13. Yellow
08 VERTICAL MEGA MENU
09 MOBILE DEVICES
   1. Common Media Queries
   2. Horizontal Mega Menu Media Queries
   3. Vertical Mega Menu Media Queries
*/


/*
	Layout container
	The menu will automatically expand into your container.
	"page_wrapper" and "page_wrapper_vertical" are just used to show how the menu fits,
	those containers are not necessary, just put the menu into a container and it will
	fit exactly to its dimensions.
*/

/*
body {
	background: url("../img/background.jpg");
}*/
.page_wrapper {
	width: 100%;
	margin: 0 auto;

}
/*.page_wrapper_vertical {
	width:960px;
	margin: 0;
}*/
@media only screen and (min-width: 768px) and (max-width: 984px) {
	.page_wrapper, .page_wrapper_vertical {width:750px;}
}
@media only screen and (min-width:320px) and (max-width:767px) {
	.page_wrapper, .page_wrapper_vertical {width:420px;}
}
@media only screen and (max-width:479px) {
	.page_wrapper, .page_wrapper_vertical {width:300px;}
}



/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */

.megamenu_container {
	width:100%;
	height: 46px;
	*height: 44px;
	/*margin:5px auto;
	position: relative;
	z-index:9999;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
.MaroonMenu {
	list-style:none;
	padding:0;
	position:relative; /* For IE7 */
	margin:0;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size:.875em;*/
	line-height:1;
	
}
	.MaroonMenu > li {
		float:left;
		margin:0;
		border:none;
		-webkit-transition: background 0.15s ease;
		-moz-transition: background 0.15s ease;
		-o-transition: background 0.15s ease;
		-ms-transition: background 0.15s ease;
		transition: background 0.15s ease;
	}
		.MaroonMenu > li > a {
			font-size:.975em;
			/*text-transform:uppercase;*/
			outline:0;
			text-decoration:none;
			display:block;
			/*margin: 0 0 0 20px;*/
			padding: 16px 15px 17px 15px;
		}
		.MaroonMenu > li .megamenu_drop {
			padding-right:30px;
		}

		/* Right aligned menu item */
		
		.MaroonMenu li.megamenu_right {
			float:right;
			margin-right:-1px;
		}
		.MaroonMenu li.megamenu_right a {
			margin-right:5px;
		}




/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */




.MaroonMenu li .dropdown_container,
.MaroonMenu li .dropdown_fullwidth,
.MaroonMenu li .dropdown_multilevel {
	position: absolute;
	margin:0;
	padding-top:24px;
	padding-bottom:10px;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.MaroonMenu li .dropdown_first {
	margin-left:-1px;
}
.MaroonMenu li .droplast_right {
	margin-right:-1px;
}

/* Showing Drop Down on Mouse Hover */

.MaroonMenu li:hover .dropdown_container {
	top:45px;
	left:auto;
}
.MaroonMenu li:hover .dropdown_fullwidth {
	top:45px;
	left:-1px;
}
.MaroonMenu li .dropdown_right {
	right:0;
}
.MaroonMenu li:hover .dropdown_right {
	top:45px;
	left:auto;
	right:0;
}


/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/

.MaroonMenu .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}
.MaroonMenu .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}
.MaroonMenu .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.MaroonMenu .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.MaroonMenu .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}
.MaroonMenu .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}
.MaroonMenu .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}
.MaroonMenu .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}
.MaroonMenu .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.MaroonMenu .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.MaroonMenu .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.MaroonMenu .dropdown_12columns,
.MaroonMenu .dropdown_fullwidth {
	width: 100%;
}




/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */

.MaroonMenu .col_1,
.MaroonMenu .col_2,
.MaroonMenu .col_3,
.MaroonMenu .col_4,
.MaroonMenu .col_5,
.MaroonMenu .col_6,
.MaroonMenu .col_7,
.MaroonMenu .col_8,
.MaroonMenu .col_9,
.MaroonMenu .col_10,
.MaroonMenu .col_11,
.MaroonMenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	margin-left: 2%;
	margin-right: 2%;
	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
	*margin-left: 1.9%;
	*margin-right: 1.9%;
}

.MaroonMenu .col_1 {width:4.33%;}
.MaroonMenu .col_2 {width:12.66%;}
.MaroonMenu .col_3 {width:21%;}
.MaroonMenu .col_4 {width:29.33%;}
.MaroonMenu .col_5 {width:37.66%;}
.MaroonMenu .col_6 {width:46%;}
.MaroonMenu .col_7 {width:54.33%;}
.MaroonMenu .col_8 {width:62.66%;}
.MaroonMenu .col_9 {width:71%;}
.MaroonMenu .col_10 {width:79.33%;}
.MaroonMenu .col_11 {width:87.66%;}
.MaroonMenu .col_12 {width:96%;}

.MaroonMenu .rowcontent {
	clear:left;
	/*
	IE7 clear issue.
	Display inline required.
	*/
	*display:inline;
}




/*  _______________________________________________

    04 FLY-OUT MENU
    _______________________________________________  

.MaroonMenu .dropdown_flyout, 
.MaroonMenu .dropdown_flyout .dropdown_flyout_level {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.MaroonMenu .dropdown_flyout li {
	float: left;
	width: 92%;
	padding: 3px 4% 3px 4%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.MaroonMenu .dropdown_flyout ul li {
	width: 140px;
	padding: 3px 10px 3px 10px;
}
.MaroonMenu .dropdown_flyout a {
	display: block;
	width: 10em;
}
.MaroonMenu .dropdown_flyout .dropdown_flyout_level {
	position: absolute;
	margin:15px 0 0 4px;
	padding:6px;
	left: -9999em;
	top:-9999em;
	display: block;
	zoom:1;
	float: left;
}
.MaroonMenu .dropdown_flyout li:hover > .dropdown_flyout_level {
	left:95%;
	top:-21px;
}
.MaroonMenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
	left:-108%;
	right:100%;
}

*/


/*  _______________________________________________

    05 MEGA MENU WEB ELEMENTS
    _______________________________________________  */




/* 1. General Typography */


.MaroonMenu p, 
.MaroonMenu h1, 
.MaroonMenu h2, 
.MaroonMenu h3, 
.MaroonMenu h4, 
.MaroonMenu h5, 
.MaroonMenu h6 {
	padding:0;
	margin:0 0 20px;
}
.MaroonMenu > li > div a {
	text-decoration: none;
	outline: none;
}
.MaroonMenu > li > div a:hover {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}
.MaroonMenu p {
	font-size:.95em; 
	line-height:1.2em; 
}
.MaroonMenu h1, 
.MaroonMenu h2, 
.MaroonMenu h3,
.MaroonMenu h4, 
.MaroonMenu h5, 
.MaroonMenu h6 {
	font-weight: bold;
	margin:0 0 20px 0;
}
.MaroonMenu h1 {
	font-size: 24px;
	line-height: 28px;
}
.MaroonMenu h2 {
	font-size: 20px;
	line-height: 22px;
}
.MaroonMenu h3 {
	font-size: 16px;
	line-height: 20px;
}
.MaroonMenu h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom:14px;
}
.MaroonMenu h5 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom:14px;
}
.MaroonMenu h6 {
	font-size: 10px;
	line-height: 16px;
	margin-bottom:14px;
	text-transform:uppercase;
}


/* 2. Lists */


.MaroonMenu li ul,
.MaroonMenu li ol {
	padding:0;
	margin:0 0 18px 20px;
}
.MaroonMenu li ul {
	list-style:disc;
}
.MaroonMenu li ol {
	list-style:decimal;
	*margin-left: 22px;
}
	.MaroonMenu li ul li,
	.MaroonMenu li ol li {
		font-size:1em;
		line-height:21px; 
		position:relative;
		padding:0;
		margin:0;
		float:none;
		text-align:left;
	}
.MaroonMenu li .list_unstyled {
	list-style: none;
	margin-left:0;
}


/* 3. Custom Paragraphs */


.MaroonMenu .blue, 
.MaroonMenu .grey, 
.MaroonMenu .orange, 
.MaroonMenu .dark, 
.MaroonMenu .purple {
	padding:0 0 0 15px; 
	margin-bottom:18px;
	border-left: solid 5px;
}
	.MaroonMenu .blue {border-left-color:#929292;}
	.MaroonMenu .grey {border-left-color:#ECE7BA;}
	.MaroonMenu .orange {border-left-color:#BD4F33;}
	.MaroonMenu .dark {border-left-color:#3F3F3F;}
	.MaroonMenu .purple {border-left-color:#382E34;}

.MaroonMenu .black_box {
	text-shadow:none;
	padding:10px;
	margin-top:-10px;
	*margin-top:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}


/* 4. Video + Misc. 


.MaroonMenu .video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 24px;
}
	.MaroonMenu .video_container iframe,  
	.MaroonMenu .video_container object,  
	.MaroonMenu .video_container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:none;
	}
.MaroonMenu .dropcap {
	display:block; 
	float:left; 
	font-size:42px; 
	line-height:36px; 
	margin:4px 8px 0 0;
}
.MaroonMenu hr {
	width: 100%;
	height: 0;
	*height:2px;
	border:none;
	margin-bottom: 24px;
}
*/

/* 5. Images */


.MaroonMenu img {
	max-width: 100%;
	height: auto;
	border:none;
	/*margin-bottom: 18px;*/
}
	.MaroonMenu img.img_left {
		float: left;
		margin-right: 18px;
	}
	.MaroonMenu img.img_right {
		float: right;
		margin-left: 18px;
	}
/*.MaroonMenu img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity:0.7;
	-webkit-transition: opacity 0.3s ease-in-out; 
	-moz-transition: opacity 0.3s ease-in-out; 
	-o-transition: opacity 0.3s ease-in-out; 
	-ms-transition: opacity 0.3s ease-in-out; 
	transition: opacity 0.3s ease-in-out;  
}
.MaroonMenu img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
	-webkit-transition: opacity 0.3s ease-in-out; 
	-moz-transition: opacity 0.3s ease-in-out; 
	-o-transition: opacity 0.3s ease-in-out; 
	-ms-transition: opacity 0.3s ease-in-out; 
	transition: opacity 0.3s ease-in-out;  
}*/


/* 6. Paragraph Icons 


.MaroonMenu .paragraph_icon {
	padding-left: 36px;
	padding-right: 20px;
	margin-bottom: 18px;
}
.MaroonMenu .mini_icon {
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-left:-34px;
	float: left;
	width: 20px;
	height: 20px;
}
.megamenu_dark .MaroonMenu .mini_icon {
    background-image: url("../img/icons/mini-icons-white.png");
}
.megamenu_light .MaroonMenu .mini_icon {
    background-image: url("../img/icons/mini-icons-black.png");
}

.MaroonMenu .ic_archive{ background-position: 0 0;  } 
.MaroonMenu .ic_attachment{ background-position: 0 -56px;  } 
.MaroonMenu .ic_bookmark{ background-position: 0 -112px;  } 
.MaroonMenu .ic_brush{ background-position: 0 -168px;  } 
.MaroonMenu .ic_calc{ background-position: 0 -224px;  } 
.MaroonMenu .ic_calendar{ background-position: 0 -280px;  } 
.MaroonMenu .ic_cancel{ background-position: 0 -336px;  } 
.MaroonMenu .ic_chat{ background-position: 0 -392px;  } 
.MaroonMenu .ic_chats{ background-position: 0 -448px;  } 
.MaroonMenu .ic_cloud{ background-position: 0 -504px;  } 
.MaroonMenu .ic_delete{ background-position: 0 -560px;  } 
.MaroonMenu .ic_documents{ background-position: 0 -616px;  } 
.MaroonMenu .ic_down{ background-position: 0 -672px;  } 
.MaroonMenu .ic_down_circle{ background-position: 0 -728px;  } 
.MaroonMenu .ic_download{ background-position: 0 -784px;  } 
.MaroonMenu .ic_edit{ background-position: 0 -840px;  } 
.MaroonMenu .ic_empty_document{ background-position: 0 -896px;  } 
.MaroonMenu .ic_favorite{ background-position: 0 -952px;  } 
.MaroonMenu .ic_folder{ background-position: 0 -1008px;  } 
.MaroonMenu .ic_fullscreen{ background-position: 0 -1064px;  } 
.MaroonMenu .ic_graph{ background-position: 0 -1120px;  } 
.MaroonMenu .ic_grid{ background-position: 0 -1176px;  } 
.MaroonMenu .ic_left{ background-position: 0 -1232px;  } 
.MaroonMenu .ic_left_circle{ background-position: 0 -1288px;  } 
.MaroonMenu .ic_list{ background-position: 0 -1344px;  } 
.MaroonMenu .ic_lock{ background-position: 0 -1400px;  } 
.MaroonMenu .ic_mail{ background-position: 0 -1456px;  } 
.MaroonMenu .ic_minus{ background-position: 0 -1512px;  } 
.MaroonMenu .ic_ok{ background-position: 0 -1568px;  } 
.MaroonMenu .ic_picture{ background-position: 0 -1624px;  } 
.MaroonMenu .ic_pin{ background-position: 0 -1680px;  } 
.MaroonMenu .ic_plus{ background-position: 0 -1736px;  } 
.MaroonMenu .ic_power{ background-position: 0 -1792px;  } 
.MaroonMenu .ic_print{ background-position: 0 -1848px;  } 
.MaroonMenu .ic_refresh{ background-position: 0 -1904px;  } 
.MaroonMenu .ic_right{ background-position: -56px 0;  } 
.MaroonMenu .ic_right_circle{ background-position: -56px -56px;  } 
.MaroonMenu .ic_settings{ background-position: -56px -112px;  } 
.MaroonMenu .ic_sound{ background-position: -56px -168px;  } 
.MaroonMenu .ic_sync{ background-position: -56px -224px;  } 
.MaroonMenu .ic_tag{ background-position: -56px -280px;  } 
.MaroonMenu .ic_target{ background-position: -56px -336px;  } 
.MaroonMenu .ic_text_document{ background-position: -56px -392px;  } 
.MaroonMenu .ic_time{ background-position: -56px -448px;  } 
.MaroonMenu .ic_unlock{ background-position: -56px -504px;  } 
.MaroonMenu .ic_up{ background-position: -56px -560px;  } 
.MaroonMenu .ic_up_circle{ background-position: -56px -616px;  } 
.MaroonMenu .ic_user{ background-position: -56px -672px;  } 
.MaroonMenu .ic_users{ background-position: -56px -728px;  } 
.MaroonMenu .ic_zoom{ background-position: -56px -784px;  } 
*/

/* 7. Social Icons 


.MaroonMenu .social_icon {
	width: 42px;
	height: 42px;
	margin-bottom: 12px;
	*padding-bottom:18px;
	float: left;
    background: url("../img/icons/social-icons.png") no-repeat top left;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:0.6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition: .3s all ease-in; 
	-o-transition: .3s all ease-in;
	-moz-transition: .3s all ease-in; 
	transition: .3s all ease-in;
}
.MaroonMenu .social_icon:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
}
.MaroonMenu .social_icon_delicious {background-position: 0 0;} 
.MaroonMenu .social_icon_digg {background-position: 0 -62px;} 
.MaroonMenu .social_icon_dribble {background-position: 0 -124px;} 
.MaroonMenu .social_icon_ember {background-position: 0 -186px;} 
.MaroonMenu .social_icon_facebook {background-position: 0 -248px;} 
.MaroonMenu .social_icon_flickr {background-position: 0 -310px;} 
.MaroonMenu .social_icon_forrst {background-position: 0 -372px;} 
.MaroonMenu .social_icon_google {background-position: 0 -434px;} 
.MaroonMenu .social_icon_last_fm {background-position: 0 -496px;} 
.MaroonMenu .social_icon_linkedin {background-position: 0 -558px;} 
.MaroonMenu .social_icon_my_space {background-position: 0 -620px;} 
.MaroonMenu .social_icon_quora {background-position: 0 -682px;} 
.MaroonMenu .social_icon_rss {background-position: 0 -744px;} 
.MaroonMenu .social_icon_sharethis {background-position: 0 -806px;} 
.MaroonMenu .social_icon_skype {background-position: 0 -868px;} 
.MaroonMenu .social_icon_stumbleupon {background-position: 0 -930px;} 
.MaroonMenu .social_icon_tumblr {background-position: 0 -992px;} 
.MaroonMenu .social_icon_twitter {background-position: 0 -1054px;} 
.MaroonMenu .social_icon_vimeo {background-position: 0 -1116px;} 
.MaroonMenu .social_icon_you_tube {background-position: 0 -1178px;} 

*/
/* 8. Form Elements 


.MaroonMenu .contact_form {
	display: block;
	margin: 0 0 20px 0;
}
.MaroonMenu .contact_form label {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.MaroonMenu .form_element {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 90%;
	padding:6px;
	margin:12px 0 18px 0;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
    border-radius:3px;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}   
	.MaroonMenu .form_element:focus {
		outline:none;
	}
.MaroonMenu .contact_form textarea {
	width:94%;
	height:110px;
	resize:none;
}
.MaroonMenu .contact_form .required {
	color:#C00;
}
.MaroonMenu .contact_form .button {
	font: bold 11px Sans-Serif;
	padding: 7px 12px;
	margin:9px 12px 0 0;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-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;
}
.MaroonMenu .contact_form .button:active {
	position:relative;
	top:1px;
}
.MaroonMenu > li.megamenu_searchform {
	padding: 7px 12px 0 0;
}
.MaroonMenu > li.megamenu_searchform input {
	font-size: 12px;
}
.MaroonMenu > li.megamenu_searchform .megamenu_searchfield {
	margin-top: 2px;
	padding: 4px 4px 4px 6px;
	width: 202px;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
*/

/* 9. Tables */


.MaroonMenu .table_light, 
.MaroonMenu .table_dark {
	width:100%;
	padding:0;
	margin:6px 0 18px 0;
	font-size:12px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.MaroonMenu .table_light th, 
.MaroonMenu .table_dark th {
	text-align:left; 
	padding:12px 9px 12px 9px; 
	font-weight:bold; 
	font-size:12px;
}
	.MaroonMenu .table_light td,
	.MaroonMenu .table_dark td {
		padding:12px 9px 12px 9px; 
	}




/*  _______________________________________________

    06 DEFAULT THEMES, DARK & LIGHT (COMPULSORY)
    _______________________________________________  */




/* 1. Dark Menu Bar */


.megamenu_dark_bar {
	/*background: #212121;
	background: -webkit-linear-gradient(top,#333333 0%,#181818);
	background: -moz-linear-gradient(top,#333333 0%,#181818);
	background: -o-linear-gradient(top,#333333 0%,#181818);
	background: -ms-linear-gradient(top,#333333 0%,#181818);
	background: linear-gradient(top,#333333 0%,#181818);	
	border: 1px solid #171717;
	-webkit-box-shadow:inset 0px 0px 2px rgba(40,40,40,0.7);
	-moz-box-shadow:inset 0px 0px 2px rgba(40,40,40,0.7);
	box-shadow:inset 0px 0px 2px rgba(40,40,40,0.7);*/
}
.megamenu_dark_bar .MaroonMenu {
	color:#FFFFFF;
}
	.megamenu_dark_bar .MaroonMenu > li:hover, 
	.megamenu_dark_bar .MaroonMenu > li.active {
		background: #121212;
		-webkit-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
		-moz-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
		box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
	}
	.megamenu_dark_bar .MaroonMenu li.noactive {
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.megamenu_dark_bar .MaroonMenu > li > a {
		color:#FFFFFF;
		text-shadow:1px 1px 1px #000000;
	}
	.megamenu_dark_bar .MaroonMenu > li:hover > a {
		color:#FFFFFF;
		text-shadow:1px 1px 1px #000000;
	}
	.megamenu_dark_bar .MaroonMenu > li .megamenu_drop {
		background:url("../img/dropdown.png") no-repeat right 18px;
	}
	.megamenu_dark_bar .megamenu_vertical > li .megamenu_drop {
		background:url("../img/right.png") no-repeat right 16px;
	}


/* 2. Light Menu Bar 


.megamenu_light_bar {
	background: #9;
	background: -webkit-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -moz-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -o-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: -ms-linear-gradient(top,#f8f8f8 0%,#eeeeee);
	background: linear-gradient(top,#f8f8f8 0%,#eeeeee);	
	border: 1px solid #CCCCCC;
	-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	-moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);
}
.megamenu_light_bar .MaroonMenu {
	color:#212121;
}
	.megamenu_light_bar .MaroonMenu > li:hover, 
	.megamenu_light_bar .MaroonMenu > li.active {
		background: #DDDDDD;
	}
	.megamenu_light_bar .MaroonMenu li.noactive {
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.megamenu_light_bar .MaroonMenu > li > a {
		color:#212121;
		text-shadow:1px 1px 1px #FFFFFF;
	}
	.megamenu_light_bar .MaroonMenu > li:hover > a {
		color:#212121;
		text-shadow:1px 1px 1px #FFFFFF;
	}
	.megamenu_light_bar .MaroonMenu > li .megamenu_drop {
		background:url("../img/dropdown-b.png") no-repeat right 18px;
	}
	.megamenu_light_bar .megamenu_vertical > li .megamenu_drop {
		background:url("../img/right-b.png") no-repeat right 16px;
	}
*/

/* 3. Dark Drop Down 


.megamenu_dark .MaroonMenu li .dropdown_container,
.megamenu_dark .MaroonMenu li .dropdown_fullwidth,
.megamenu_dark .MaroonMenu li .dropdown_flyout li ul {
	border:1px solid #000000;
	border-top-width: 0;
	background: #111111;
	color: #f6f6f6;
	width: 100%;
}
.megamenu_container_vertical .MaroonMenu li .dropdown_container,
.megamenu_container_vertical .MaroonMenu li .dropdown_fullwidth,
.megamenu_container_vertical .MaroonMenu li .dropdown_flyout li ul {
	border-top-width: 1px;
}
.megamenu_dark .MaroonMenu li .dropdown_flyout li ul {
	border:1px solid #000000;
}
.megamenu_dark .MaroonMenu li .dropdown_flyout .dropdown_parent {
	background:url("../img/right.png") no-repeat right 9px;
}
.megamenu_dark .MaroonMenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_dark .MaroonMenu li .dropdown_flyout .dropdown_parent.active {
	background-color:#000000;
}
.megamenu_dark .MaroonMenu li .dropdown_flyout .dropdown_parent.noactive {
	background-color:transparent;
}
.megamenu_dark .MaroonMenu p, 
.megamenu_dark .MaroonMenu h1, 
.megamenu_dark .MaroonMenu h2, 
.megamenu_dark .MaroonMenu h3, 
.megamenu_dark .MaroonMenu h4, 
.megamenu_dark .MaroonMenu h5, 
.megamenu_dark .MaroonMenu h6 {
	color: #f6f6f6;
	text-shadow: 1px 1px 1px #000000;
}
.megamenu_dark .MaroonMenu > li > div a,
.megamenu_dark .MaroonMenu li ul li,
.megamenu_dark .MaroonMenu li ol li {
	color:#aaaaaa;
}
.megamenu_dark .MaroonMenu > li > div a:hover {
	color:#dddddd;
}
.megamenu_dark .MaroonMenu li ul li:hover,
.megamenu_dark .MaroonMenu li ol li:hover,
.megamenu_dark .MaroonMenu .blue, 
.megamenu_dark .MaroonMenu .grey, 
.megamenu_dark .MaroonMenu .orange, 
.megamenu_dark .MaroonMenu .dark, 
.megamenu_dark .MaroonMenu .purple {
	color:#eeeeee;
}
.megamenu_dark .MaroonMenu .black_box {
	background: #000000;
	color:#ffffff;
}
.megamenu_dark .MaroonMenu .grey_bg {
	background: #eeeeee;
	color: #000000;
	text-shadow:1px 1px 1px #ffffff;
}
.megamenu_dark .MaroonMenu .form_element {
	-webkit-box-shadow: 0 1px 1px #000000;
	-moz-box-shadow: 0 1px 1px #000000;
	box-shadow: 0 1px 1px #000000;
}
.megamenu_dark .MaroonMenu > li.megamenu_searchform:hover {
	background: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.megamenu_dark .MaroonMenu hr {
	border:none;
	border-bottom:1px solid #202020;
	border-top:1px solid #000000;
}
*/

/* 4. Light Drop Down */


.megamenu_light .MaroonMenu li .dropdown_container,
.megamenu_light .MaroonMenu li .dropdown_fullwidth,
.megamenu_light .MaroonMenu li .dropdown_flyout li ul {
	border:1px solid #CCCCCC;
	border-top-width: 0;
	background: #FAFAFA;
	color: #212121;
}
.megamenu_container_vertical .MaroonMenu li .dropdown_container,
.megamenu_container_vertical .MaroonMenu li .dropdown_fullwidth,
.megamenu_container_vertical .MaroonMenu li .dropdown_flyout li ul {
	border-top-width: 1px;
}
.megamenu_light .MaroonMenu li .dropdown_flyout li ul {
	border:1px solid #CCCCCC;
}
.megamenu_light .MaroonMenu li .dropdown_flyout .dropdown_parent {
	background:url("../img/right-b.png") no-repeat right 9px;
}
.megamenu_light .MaroonMenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_light .MaroonMenu li .dropdown_flyout .dropdown_parent.active {
	background-color:#eeeeee;
}
.megamenu_light .MaroonMenu li .dropdown_flyout .dropdown_parent.noactive {
	background-color:transparent;
}
.megamenu_light .MaroonMenu p, 
.megamenu_light .MaroonMenu h1, 
.megamenu_light .MaroonMenu h2, 
.megamenu_light .MaroonMenu h3, 
.megamenu_light .MaroonMenu h4, 
.megamenu_light .MaroonMenu h5, 
.megamenu_light .MaroonMenu h6 {
	color: #212121;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.megamenu_light .MaroonMenu > li > div a,
.megamenu_light .MaroonMenu li ul li,
.megamenu_light .MaroonMenu li ol li {
	color:#900;
}
.megamenu_light .MaroonMenu > li > div a:hover {
	color:#333333;
}
.megamenu_light .MaroonMenu li ul li:hover,
.megamenu_light .MaroonMenu li ol li:hover,
.megamenu_light .MaroonMenu .blue, 
.megamenu_light .MaroonMenu .grey, 
.megamenu_light .MaroonMenu .orange, 
.megamenu_light .MaroonMenu .dark, 
.megamenu_light .MaroonMenu .purple {
	color:#444444;
}
.megamenu_light .MaroonMenu .black_box {
	background: #212121;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
}
.megamenu_light .MaroonMenu .grey_bg {
	background: #eeeeee;
}
.megamenu_light .MaroonMenu .form_element {
	-webkit-box-shadow: 0 1px 1px #efefef;
	-moz-box-shadow: 0 1px 1px #efefef;
	box-shadow: 0 1px 1px #efefef;
}
.megamenu_light .MaroonMenu > li.megamenu_searchform:hover {
	background: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.megamenu_light .MaroonMenu hr {
	border:none;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #e4e4e4;
}


/* 5. Neutral Colored Elements */


/* Form Elements 

.MaroonMenu .form_element {
	color: #000000; 
	background-color:#fbfbfb;
	border:1px solid #dddddd;
}   
	.MaroonMenu .form_element:hover{
		background-color:#fcfcfc;
	}
	.MaroonMenu .form_element:focus {
		background-color:#ffffff;
	}
.MaroonMenu .contact_form .required {
	color:#C00;
}
.MaroonMenu .contact_form .button {
	border: 1px solid #000000;
	color: #ffffff;
	background-color: #222222;
	text-shadow: 0 1px 1px #000000;
	-webkit-box-shadow: 0 1px 1px #000000;
	-moz-box-shadow: 0 1px 1px #000000;
	box-shadow: 0 1px 1px #000000;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
	background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
	background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
	background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}
.MaroonMenu .contact_form .button:hover, 
.MaroonMenu .contact_form .button:focus {
	color: #ffffff;
	background-color: #1A1A1A;
}
.MaroonMenu .contact_form .button:active {
	-webkit-box-shadow: 0 0 1px #000000;
	-moz-box-shadow: 0 0 1px #000000;
	box-shadow: 0 0 1px #000000;
}
.MaroonMenu > li.megamenu_searchform .megamenu_searchfield {
	background: #fff;
	border: solid 1px #bcbbbb;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
*/

/* Tables */

.MaroonMenu .table_light {
	border:1px solid #cbcbcb;
	border-bottom:none;
}
	.MaroonMenu .table_light th {
		color:#3A3A3A; 
		border-bottom:1px solid #cbcbcb; 
		background:#F5F5F5;
	}
	.MaroonMenu .table_light td {
		border-bottom:1px solid #cbcbcb; 
		background:#fff; 
		color:#888;
	}

.MaroonMenu .table_dark {
	border:1px solid #000; 
	border-bottom:none;
}
	.MaroonMenu .table_dark th {
		color:#FFF; 
		border-bottom:1px solid #000; 
		background:#0D0D0D;
	}
	.MaroonMenu .table_dark td {
		border-bottom:1px solid #000; 
		background:#0F0F0F; 
		color:#DDD;
	}
.MaroonMenu .table_1 {
	/*border:1px solid #cbcbcb;*/
	border-bottom:none;
	margin: 0 10px;
}
.MaroonMenu .table_1 td {
		/*border-bottom:1px solid #cbcbcb; */
		background:#fff; 
		color:#888;
		padding:5px 10px;
		font-size:.9em;
	}
.MaroonMenu .table_1 tr {border: none;}


/*  _______________________________________________

    07 ADDITIONAL THEMES (OPTIONNAL)
    _______________________________________________  */








/*  _______________________________________________

    08 VERTICAL MEGA MENU 
    _______________________________________________  */







/*  _______________________________________________

    09 MOBILE DEVICES
    _______________________________________________  */




/* 1. Common Media Queries */


@media only screen and (min-width: 320px) and (max-width: 984px) {

	.MaroonMenu img {
		max-width: 96%;
		height: auto;
	}
	.MaroonMenu textarea {
		width:96%;
	}

}


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

	.megamenu_container .MaroonMenu > li > div > .responsive_sixths,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_sixths {
		width: 8.66%;
	}
	.megamenu_container .MaroonMenu > li > div > .responsive_fourths,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_fourths {
		width: 17%;
	}
	.megamenu_container .MaroonMenu > li > div > .responsive_thirds,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_thirds {
		width: 25.33334%;
	}
	.megamenu_container .MaroonMenu > li > div > .responsive_halfs,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_halfs {
		width: 42%;
	}

}


@media only screen and (min-width:320px) and (max-width:767px) {

	.MaroonMenu .dropdown_flyout, 
	.MaroonMenu .dropdown_flyout .dropdown_flyout_level {
		position: relative;
		left:auto;
		top:auto;
		padding: 0;
		margin: 0 4% 0 4%;
	}
	.MaroonMenu .dropdown_flyout li,
	.MaroonMenu .dropdown_flyout ul li {
		width: 100%;
		padding: 3px 0 3px 0;
	}
	.MaroonMenu .dropdown_flyout li:hover > .dropdown_flyout_level {
		left:auto;
		top:auto;
	}
	.MaroonMenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
		left:auto;
		right:auto;
	}
	.megamenu_dark .MaroonMenu li .dropdown_flyout li ul,	
	.megamenu_light .MaroonMenu li .dropdown_flyout li ul {
		border:none;
		background: none;
	}
	.megamenu_dark .MaroonMenu li .dropdown_flyout .dropdown_parent {
		background:url("../img/dropdown.png") no-repeat right 9px;
	}
	.megamenu_light .MaroonMenu li .dropdown_flyout .dropdown_parent {
		background:url("../img/dropdown-b.png") no-repeat right 9px;
	}
	.megamenu_dark .MaroonMenu li .dropdown_flyout .dropdown_parent:hover,
	.megamenu_dark .MaroonMenu li .dropdown_flyout .dropdown_parent.active,
	.megamenu_light .MaroonMenu li .dropdown_flyout .dropdown_parent:hover,
	.megamenu_light .MaroonMenu li .dropdown_flyout .dropdown_parent.active {
		background-color:transparent;
	}

}


@media only screen and (min-width: 320px) and (max-width: 479px) {

	.megamenu_container .MaroonMenu > li > div > .responsive_sixths,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_sixths,
	.megamenu_container .MaroonMenu > li > div > .responsive_fourths,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_fourths,
	.megamenu_container .MaroonMenu > li > div > .responsive_thirds,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_thirds,
	.megamenu_container .MaroonMenu > li > div > .responsive_halfs,
	.megamenu_container_vertical .MaroonMenu > li > .dropvertical_container > div > .responsive_halfs {
		width: 42%;
	}

}


/* 2. Horizontal Mega Menu Media Queries */


@media only screen and (min-width: 768px) and (max-width: 984px) {
/*
	.megamenu_container .MaroonMenu > li {
		margin:0 8px 0 0;
	}
		.megamenu_container .MaroonMenu > li.right {
			margin-right:-1px;
		}
		.megamenu_container .MaroonMenu > li > a {
			padding: 16px 10px 17px 10px;
		}
		.megamenu_container .MaroonMenu > li .megamenu_drop {
			padding-right:30px;
		}
*/
.megamenu_container {
		height: auto;
	}
	.megamenu_container .MaroonMenu > li,
	.megamenu_container .MaroonMenu > li:hover,
	.megamenu_container .MaroonMenu > li.right,
	.megamenu_container .MaroonMenu > li.right:hover {
		float:none;
		width:auto;
		padding-right:0;
		margin-right:0;
	}
		.megamenu_container .MaroonMenu > li > a {
			padding: 16px 10px 16px 10px;
			font-size:1em;
		}
		.megamenu_container .MaroonMenu li.right a {
			margin-right:0;
		}

	 .megamenu_container .MaroonMenu li:hover .dropdown_container,
	 .megamenu_container .MaroonMenu li:hover .dropdown_fullwidth,
	 .megamenu_container .MaroonMenu li:hover .dropdown_right {
		top:auto;
		left:-1px;
	}
  	.megamenu_container .MaroonMenu .dropdown_1column,
  	.megamenu_container .MaroonMenu .dropdown_2columns,
  	.megamenu_container .MaroonMenu .dropdown_3columns,
	.megamenu_container .MaroonMenu .dropdown_4columns,
	.megamenu_container .MaroonMenu .dropdown_5columns,
	.megamenu_container .MaroonMenu .dropdown_6columns,
	.megamenu_container .MaroonMenu .dropdown_7columns,
	.megamenu_container .MaroonMenu .dropdown_8columns,
	.megamenu_container .MaroonMenu .dropdown_9columns,
	.megamenu_container .MaroonMenu .dropdown_10columns,
	.megamenu_container .MaroonMenu .dropdown_11columns,
	.megamenu_container .MaroonMenu .dropdown_12columns {
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
	.megamenu_container .MaroonMenu .col_1,
	.megamenu_container .MaroonMenu .col_2,
	.megamenu_container .MaroonMenu .col_3,
	.megamenu_container .MaroonMenu .col_4,
	.megamenu_container .MaroonMenu .col_5,
	.megamenu_container .MaroonMenu .col_6,
	.megamenu_container .MaroonMenu .col_7,
	.megamenu_container .MaroonMenu .col_8,
	.megamenu_container .MaroonMenu .col_9,
	.megamenu_container .MaroonMenu .col_10,
	.megamenu_container .MaroonMenu .col_11,
	.megamenu_container .MaroonMenu .col_12 {
		width:92%;
		margin-left: 4%;
		margin-right: 4%;
	}
	.megamenu_container .MaroonMenu > li.megamenu_searchform .megamenu_searchfield {
		margin-left: 10px;
		margin-bottom: 10px;
	}

}


@media only screen and (min-width:320px) and (max-width:767px) {

	.megamenu_container {
		height: auto;
	}
	.megamenu_container .MaroonMenu > li,
	.megamenu_container .MaroonMenu > li:hover,
	.megamenu_container .MaroonMenu > li.right,
	.megamenu_container .MaroonMenu > li.right:hover {
		float:none;
		width:auto;
		padding-right:0;
		margin-right:0;
	}
		.megamenu_container .MaroonMenu > li > a {
			padding: 16px 10px 16px 10px;
			font-size:1em;
		}
		.megamenu_container .MaroonMenu li.right a {
			margin-right:0;
		}

	 .megamenu_container .MaroonMenu li:hover .dropdown_container,
	 .megamenu_container .MaroonMenu li:hover .dropdown_fullwidth,
	 .megamenu_container .MaroonMenu li:hover .dropdown_right {
		top:auto;
		left:-1px;
	}
  	.megamenu_container .MaroonMenu .dropdown_1column,
  	.megamenu_container .MaroonMenu .dropdown_2columns,
  	.megamenu_container .MaroonMenu .dropdown_3columns,
	.megamenu_container .MaroonMenu .dropdown_4columns,
	.megamenu_container .MaroonMenu .dropdown_5columns,
	.megamenu_container .MaroonMenu .dropdown_6columns,
	.megamenu_container .MaroonMenu .dropdown_7columns,
	.megamenu_container .MaroonMenu .dropdown_8columns,
	.megamenu_container .MaroonMenu .dropdown_9columns,
	.megamenu_container .MaroonMenu .dropdown_10columns,
	.megamenu_container .MaroonMenu .dropdown_11columns,
	.megamenu_container .MaroonMenu .dropdown_12columns {
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
	.megamenu_container .MaroonMenu .col_1,
	.megamenu_container .MaroonMenu .col_2,
	.megamenu_container .MaroonMenu .col_3,
	.megamenu_container .MaroonMenu .col_4,
	.megamenu_container .MaroonMenu .col_5,
	.megamenu_container .MaroonMenu .col_6,
	.megamenu_container .MaroonMenu .col_7,
	.megamenu_container .MaroonMenu .col_8,
	.megamenu_container .MaroonMenu .col_9,
	.megamenu_container .MaroonMenu .col_10,
	.megamenu_container .MaroonMenu .col_11,
	.megamenu_container .MaroonMenu .col_12 {
		width:92%;
		margin-left: 4%;
		margin-right: 4%;
	}
	.megamenu_container .MaroonMenu > li.megamenu_searchform .megamenu_searchfield {
		margin-left: 10px;
		margin-bottom: 10px;
	}

}


/* 3. Vertical Mega Menu Media Queries */




/*
DEMO
*/


/*
body {
	font-family:Arial, Helvetica, sans-serif;
}*/
.description {
	margin: 48px auto;
	width: 70%;
}
.description h2{
	margin-bottom:48px;
	text-align: center;
	text-shadow:1px 1px 1px #ffffff;
}
.description p{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
	text-shadow:1px 1px 1px #ffffff;
}
.page_wrapper .clear {
	clear: both;
}
.page_wrapper .index {
	width: 30.333%;
	margin-right: 3%;
	margin-bottom: 36px;
	float: left;
	border-radius:4px;
	box-shadow:0 1px 2px #cccccc, inset 0 1px 1px #fcfcfc;

	background: #f6f6f6;
	background: -webkit-linear-gradient(top,#f8f8f8 0%,#efefef);
	background: -moz-linear-gradient(top,#f8f8f8 0%,#efefef);
	background: -o-linear-gradient(top,#f8f8f8 0%,#efefef);
	background: -ms-linear-gradient(top,#f8f8f8 0%,#efefef);
	background: linear-gradient(top,#f8f8f8 0%,#efefef);

}
.page_wrapper .index a,
.page_wrapper .index p {
	font-size: 16px;
	text-align: center;
}
.page_wrapper .index p {
	padding: 24px 0 24px 0;
}
.page_wrapper .index a {
	color:#444444;
	padding: 24px;
	text-decoration: none;
}
.page_wrapper .indexlast {
	margin-right: 0;
}
@media only screen and (min-width:320px) and (max-width:767px) {
.page_wrapper .index {
	width: 100%;
	margin-right: 0%;

}
}