/*
Item Name : Universal Mega Menu
Item URI : http://codecanyon.net/item/universal-responsive-mega-menu/4984236
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.1
*/

/*

TABLE OF CONTENTS

00 PAGE STYLING (REMOVABLE)
01 MENU BAR
   1. Mega Menu Bar
   2. Mega Menu Trigger Button
02 DROP DOWNS
	1. Common Styling
	2. Footer
	3. Drop Down Containers
03 COLUMNS GRID
04 MULTILEVEL DROP DOWN
05 CONTENT & TYPOGRAPHY
   1. Basic Typography 
   2. Lists
   3. Other Styling
   4. Inline Images
   5. Icons
   6. Form Elements
06 DROP DOWN TABS
07 RETINA DISPLAYS



/*  _______________________________________

	IMAGE SWAP FOR MENU ITEMS
    _______________________________________  */

/* This is the name of the category in the toplink and its corresponding image with hover effect. */

.home {cursor: pointer; width: 64px; height: 28px; background-image: url(../pageimages/toplinks/home.png); background-position: 0 0; display:block;}
.home:hover {background-position: 0 100%;}
.fonts {cursor: pointer; width: 59px; height: 28px; background-image: url(../pageimages/toplinks/fonts.png); background-position: 0 0; display:block;}
.fonts:hover {background-position: 0 100%;}
.styles {cursor: pointer; width: 64px; height: 28px; background-image: url(../pageimages/toplinks/styles.png); background-position: 0 0; display:block;}
.styles:hover {background-position: 0 100%;}
.artists {cursor: pointer; width: 70px; height: 28px; background-image: url(../pageimages/toplinks/artists.png); background-position: 0 0; display:block;}
.artists:hover {background-position: 0 100%;}
.packages {cursor: pointer; width: 88px; height: 28px; background-image: url(../pageimages/toplinks/packages.png); background-position: 0 0; display:block;}
.packages:hover {background-position: 0 100%;}
.gallery {cursor: pointer; width: 79px; height: 28px; background-image: url(../pageimages/toplinks/gallery.png); background-position: 0 0; display:block;}
.gallery:hover {background-position: 0 100%;}
.videos {cursor: pointer; width: 66px; height: 28px; background-image: url(../pageimages/toplinks/videos.png); background-position: 0 0; display:block;}
.videos:hover {background-position: 0 100%;}
.typetester {cursor: pointer; width: 101px; height: 28px; background-image: url(../pageimages/toplinks/typetester.png); background-position: 0 0; display:block;}
.typetester:hover {background-position: 0 100%;}
.support {cursor: pointer; width: 74px; height: 28px; background-image: url(../pageimages/toplinks/support.png); background-position: 0 0; display:block;}
.support:hover {background-position: 0 100%;}
.news {cursor: pointer; width: 50px; height: 28px; background-image: url(../pageimages/toplinks/news.png); background-position: 0 0; display:block;}
.news:hover {background-position: 0 100%;}
.about {cursor: pointer; width: 61px; height: 28px; background-image: url(../pageimages/toplinks/about.png); background-position: 0 0; display:block;}
.about:hover {background-position: 0 100%;}
.search {cursor: pointer; width: 85px; height: 28px; background-image: url(../pageimages/toplinks/search.png); background-position: 0 0; display:block;}
.search:hover {background-position: 0 100%;}

.hidetext {text-indent:-8000px;}


/*  _______________________________________

	00 PAGE STYLING (REMOVABLE)
    _______________________________________  */



/* 
The following markup is used only for demonstration purposes,
this whole section can be removed.

body {font-family:Arial,Helvetica,sans-serif;background:url(../img/page_bg.png) repeat}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	body {background:url(../img/page_bg@2x.png) repeat}
}
.page_wrapper {width: 960px;margin: 0 auto;}
p{font-size:12px; line-height:21px; margin-bottom:18px}
.dummy_content{width:100%;margin:32px auto;}
.dummy_content_margin {width:100%; margin:75px auto;*padding-top:60px;}
.dummy_content p,.dummy_content_margin p,.dummy_content li,.dummy_content_margin li{color:#666;font-size:12px;line-height:21px;text-shadow:1px 1px 1px #ffffff;}
.dummy_content .pusher,.dummy_content_margin .pusher{width:100%;height:50px}
.dummy_content a,.dummy_content_margin a{color:#888888;text-decoration:none}
.dummy_content a:hover,.dummy_content_margin a:hover{color:#999999}
.dummy_content ul,.dummy_content_margin ul{list-style: square;line-height:21px;}
.dummy_content h1,.dummy_content_margin h1,.dummy_content h2,.dummy_content_margin h2,.dummy_content h3,.dummy_content_margin h3{color:#222;text-shadow:1px 1px 1px #ffffff;}

*/

/*  _______________________________________

    01 MENU BAR
    _______________________________________  */
	
.page_wrapper {width: 1100px;margin: 0 auto;}	
	
	
	
.menucolumns1 {
    white-space:nowrap;
	text-align:left;
	padding-left:15px;
	padding-right:10px;
}

.menucolumns2 {
    /* Firefox */
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule: 1px dotted #b7a379;

    /* Safari and Chrome */
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 1px dotted #b7a379;

    white-space:nowrap;
	column-count: 2;
    column-gap: 40px;
    column-rule: 1px dotted #b7a379;
	text-align:left;
	padding-left:10px;
}


.menucolumns3 {
    /* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 40px;
    -moz-column-rule: 1px dotted #b7a379;

    /* Safari and Chrome */
    -webkit-column-count: 3;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 1px dotted #b7a379;

    white-space:nowrap;
	column-count: 3;
    column-gap: 40px;
    column-rule: 1px dotted #b7a379;
	text-align:left;
}

.menucolumns4 {
    /* Firefox */
    -moz-column-count: 4;
    -moz-column-gap: 40px;
    -moz-column-rule: 1px dotted #b7a379;

    /* Safari and Chrome */
    -webkit-column-count: 4;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 1px dotted #b7a379;
 	white-space:nowrap;
	column-count: 4;
    column-gap: 40px;
    column-rule: 1px dotted #b7a379;
	text-align:left;
}

.menucolumns_mp {
    /* Firefox */
    -moz-column-count: 4;
    -moz-column-gap: 40px;
    -moz-column-rule: 1px dotted #b7a379;

    /* Safari and Chrome */
    -webkit-column-count: 4;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 1px dotted #b7a379;
 	white-space:nowrap;
	column-count: 4;
    column-gap: 40px;
    column-rule: 1px dotted #b7a379;
	text-align:left;
}

.menucolumns5 {
    /* Firefox */
	-moz-column-count: 5;
    -moz-column-gap: 40px;
    -moz-column-rule: 1px dotted #b7a379;

    /* Safari and Chrome */
    -webkit-column-count: 5;
    -webkit-column-gap: 25px;
    -webkit-column-rule: 1px dotted #b7a379;
    white-space:nowrap;
	column-count: 5;
    column-gap: 40px;
    column-rule: 1px dotted #b7a379;
	text-align:left;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 8px;
}

.menucolumns6 {
    /* Firefox */
    -moz-column-count: 6;
    -moz-column-gap: 40px;
    -moz-column-rule: 1px dotted #b7a379;

    /* Safari and Chrome */
    -webkit-column-count: 6;
    -webkit-column-gap: 40px;
    -webkit-column-rule: 1px dotted #b7a379;

    
	column-count: 6;
    column-gap: 40px;
    column-rule: 1px dotted #b7a379;
	text-align:left;
}

.newsdate {font-size: 7.5pt;font-family: Arial, Helvetica, sans-serif;color: #777;padding-left:0px; line-height:8px;}

.menutext {font-size: 12px; line-height:20px; color: #6e6149; font-family: Georgia; font-weight: normal; text-decoration: none;}	
.menutext a:link {color: #6e6149; text-decoration: none;
	-webkit-transition:color .4s;
	-moz-transition:color .4s;
	-o-transition:color .4s;
	-ms-transition:color .4s;
	transition:color .4s; }
.menutext a:visited {color: #6e6149; text-decoration: none;}
.menutext a:hover {color: #AE560A; text-decoration: underline;}

.largemenutext {font-size: 14px; line-height:18px; color: #777; font-family: Georgia; font-weight: normal; text-decoration: none;}	
.largemenutext a:link {color: #6e6149; text-decoration: none;}
.largemenutext a:visited {color: #6e6149; text-decoration: none;}
.largemenutext a:hover {color: #AE560A; text-decoration: underline;}

.newredtext {font-size: 8px; color:#bb2020; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; position: relative; padding-left:5px; bottom: 1px;}	

.seemoretext {
	float: right;
	position: relative;
	text-align: right;
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
	color: #777;
	padding-top:0px;
	text-decoration: none;
	width: 200px;
    vertical-align: bottom;
}
.seemoretext a:link {
  text-decoration: none;
  color: #777;
}

.seemoretext a:hover {
  text-decoration: underline;
  color: #AE560A;
}

.seemoretext a:active {
  text-decoration: none;
  color: #777;
}

.seemoretext a:visited {
  text-decoration: none;
  color: #777;
}

.mgmenu hr {height: 0; border-width: 1px 0 0 0; border-style: dotted; border-color:#b7a379;}

/* 
  If you have several menus on the same page, you can here 
  define some properties separately for each of them
  by using their respective ID.
*/

#mgmenu1 {
	z-index: 99999;
}
#mgmenu2 {
	z-index: 99999;
}


/* 1. Mega Menu Bar */

.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer {
	width:100%;
	height: 5px;
	z-index:9999;
/*    background: #282828; 
    background: -webkit-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -moz-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: linear-gradient(top, #282828 0%, #1f1f1f 100%);  */
    
    
}
.mgmenu_container {
	position:relative;
	margin:0 auto;
}
.mgmenu_fixed,
.mgmenu_footer {
    width: 1100px;
    max-width: 1100px;
    position:relative;
	top:0;
    /* IE7 Fix */
    *width:expression(this.parentNode.currentStyle['width']);
}
.mgmenu_footer {
	top: auto;
	bottom:0;
}
.mgmenu {
    font-family: Georgia, Times New Roman, Times, serif;
	font-size:13px;
	list-style:none;
	padding:0;
	margin:0;
	position:relative; /* For IE7 */
	line-height:0;
}
	.mgmenu > li {
	    float: left;
	    margin: 0;
	    padding-right: 0px;
			padding-bottom: 0px;
/*	    -webkit-transition:background .3s;
	    -moz-transition:background .3s;
	    -o-transition:background .3s;
	    -ms-transition:background .3s;
	    transition:background .3s; */   
	}
		.mgmenu > li:hover,
		.mgmenu > li.active {
/*			background-color:#131313;    */
		}
		.mgmenu li.noactive {
			background:none;
		}
		.mgmenu > li > a,
		.mgmenu > li > span {
			display: block;
			color:#ffffff;
			font-size:12px;
			outline:0;
			text-decoration:none;

		}
		.mgmenu > li > span:hover,
		.mgmenu > li > a:hover,
		.mgmenu > li > a:focus {
		
			color:#ffffff;
			outline:none;
		}
		.mgmenu > li .mgmenu_drop {
			background-image:url("../img/downArrow.png");
			background-repeat: no-repeat;
			background-position:right 19px;
			padding-right:20px;
		}
		.mgmenu_footer .mgmenu > li .mgmenu_drop {
			background-image:url("../img/upArrow.png");
		}
		.mgmenu > li.right_item {
			float:right;
			margin-right:0;
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button,
		.mgmenu_footer > .mgmenu > li.mgmenu_button {
			display: none;
			cursor: pointer;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none;
			font-weight: bold;
			background-color:transparent;
			background-image:url("../img/toggle.png");
			background-repeat: no-repeat;
			background-position:96% 10px;
			line-height:12px;
			padding:14px 4% 14px 4%;
			color:#ffffff;
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button_active,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button_active,
		.mgmenu_footer > .mgmenu > li.mgmenu_button_active {
			background-color:#000000;
		}

/* 2. Mega Menu Trigger Button 

.mgmenu_trigger {
	position: fixed;
	z-index:2;
	margin:0 auto;
	right:0;
	margin-right: 20px;
	width:35px;
	height:41px;
	display: block;
}
.mgmenu_trigger {
	top: 0; 
	background-image:url("../img/button_up.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-color: #121212;
}
.mgmenu_trigger.active {
	background-image:url("../img/button_down.png");
}
.mgmenu_footer ~ .mgmenu_trigger {
	top:auto;
	bottom: 0; 
	background-image:url("../img/button_down.png");
}
.mgmenu_footer ~ .mgmenu_trigger.active {
	background-image:url("../img/button_up.png");
}
*/



/*  _______________________________________

    02 DROP DOWNS
    _______________________________________  */




/* 1. Common Styling */

/* This makes the triangle at the top of each dropdown and it's position on the top of the box. */

.dropdown_styles:before {
	float:left;
	position:absolute;
	z-index: 99999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 150px;
    margin-top: -19px;
}

.dropdown_artists:before {
	float:left;
	position:absolute;
	z-index: 99999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 200px;
    margin-top: -19px;
}

.dropdown_typetester:before {
	float:left;
	position:absolute;
	z-index: 99999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 450px;
    margin-top: -19px;
}

.dropdown_news:before {
	float:left;
	position:absolute;
	z-index: 9999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 255px;
    margin-top: -9px;
}

.dropdown_about:before {
	float:left;
	position:absolute;
	z-index: 99999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 80px;
    margin-top: -19px;
}

.dropdown_search:before {
	float:left;
	position:absolute;
	z-index: 99999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 50px;
    height: 9px;
    display: block;
	margin-left: 180px;
    margin-top: -19px;
}
.dropdown_gallery:before {
	float:left;
	position:absolute;
	z-index: 99999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 80px;
    margin-top: -19px;
}
.dropdown_videos:before {
	float:left;
	position:absolute;
	z-index: 99999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 80px;
    margin-top: -19px;
}
/* This controls the look of the dropdown */
.mgmenu li .dropdown_container,
.mgmenu li .dropdown_styles,
.mgmenu li .dropdown_artists,
.mgmenu li .dropdown_tutorials,
.mgmenu li .dropdown_support,
.mgmenu li .dropdown_news,
.mgmenu li .dropdown_about,
.mgmenu li .dropdown_typetester,
.mgmenu li .dropdown_search,
.mgmenu li .dropdown_gallery,
.mgmenu li .dropdown_videos,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
	cursor: default;
	overflow: visible; 
	position:absolute;
	top:auto;
	display: none;
	float:left;
	zoom:1;
	z-index: 10;
	/* Distance to menu from button... */
	/*margin:24px 0 40px -1px; */
	margin:0px 0 40px -1px;
	padding:15px 0 15px 0;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:2px solid #666666;
	border-top:2px solid #666666;
	background-color: #fff;
	-webkit-box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);
	-moz-box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);
	-o-box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);
	box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);
	background:url(../pageimages/menubackground1.png) repeat;
/*	background: -webkit-linear-gradient(top, #dad1bf 0%, #ffffff 100%);
    background: -moz-linear-gradient(top, #dad1bf 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #dad1bf 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #dad1bf 0%, #ffffff 100%);
    background: linear-gradient(top, #dad1bf 0%, #ffffff 100%); */
}
/* This this controls the horizontal position of a dropdown and it's width. */

.mgmenu li .dropdown_container {
	left:12.5%;
	width:75%;

}

.mgmenu li .dropdown_fullwidth {
	left:16%;
	width:auto;
}

.mgmenu li .dropdown_tutorials {
	left:45%;
	width:auto;
}
.mgmenu li .dropdown_support {
	left:57%;
	width:auto;
}
.mgmenu li .dropdown_news {
	left:50%;
	width:300px;
}


.mgmenu li .dropdown_typetester {
	left:15%;
	width:auto;
}

.mgmenu li .dropdown_about {
	left:72%;
	width:auto;
}
.mgmenu li .dropdown_search {
	left:69%;
	width:auto;
}


.mgmenu li.right_item .dropdown_container {
	left:auto;
	right:-1px;
}
.mgmenu li .dropdown_gallery {
	left:36%;
	width:auto;
}
.mgmenu li .dropdown_videos {
	left:44%;
	width:auto;
}


/* 2. Footer */


.mgmenu_footer .mgmenu > li .dropdown_container,
.mgmenu_footer .mgmenu > li .dropdown_tutorials,
.mgmenu_footer .mgmenu > li .dropdown_support,
.mgmenu_footer .mgmenu > li .dropdown_news,
.mgmenu_footer .mgmenu > li .dropdown_about,
.mgmenu_footer .mgmenu > li .dropdown_fullwidth,
.mgmenu_footer .mgmenu > li .mgmenu_multilevel {
	margin:0 0 0 -1px;
	top:auto;
	bottom:0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	-o-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	border:1px solid #CCCCCC;
	border-bottom:none;
}

/* This is necessary for the hover function to work. */
.mgmenu > li:hover .dropdown_container,
.mgmenu > li:hover .dropdown_tutorials,
.mgmenu > li:hover .dropdown_support,
.mgmenu > li:hover .dropdown_news,
.mgmenu > li:hover .dropdown_about,
.mgmenu > li:hover .dropdown_gallery,
.mgmenu > li:hover .dropdown_videos,
.mgmenu > li:hover .dropdown_fullwidth,
.mgmenu > li.right_item:hover .dropdown_container {
	display: block;
}


/* 3. Drop Down Containers */


.mgmenu li .dropdown_1column {
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	overflow-y: hidden;
	overflow-x: hidden;
	height:auto%;
}
.mgmenu li .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}
.dropdown_3columns:before {
	float:left;
	position:absolute;
	z-index: 9999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 112px;
     margin-top: -24px;
}
.mgmenu li .dropdown_3columns {
	width: 30%;
	padding-left: 15px;
	padding-right: 15px;
	text-align:left;
}
.mgmenu li .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.mgmenu li .dropdown_5columns {
	width: 41.6667%;
	padding-left: 15px;
	padding-right: 10px;
	text-align:left;
}
.dropdown_6columns:before {
	float:left;
	position:absolute;
	z-index: 9999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 8px;
     margin-top: -24px;
}
.mgmenu li .dropdown_6columns {
	width: 45%;
	padding-left: 15px;
	padding-right: 15px;
}
.dropdown_7columns:before {
	float:left;
	position:absolute;
	z-index: 9999;
    content: " ";
    background:url(../pageimages/menutriangle.png) no-repeat;
	background-position: 2% 0px;
    width: 15px;
    height: 9px;
    display: block;
	margin-left: 210px;
     margin-top: -24px;
}
.mgmenu li .dropdown_7columns {
	width: 58.3334%;
	padding-left: 15px;
	padding-right: 10px;
}
.mgmenu li .dropdown_8columns {
	width: 66.6667%;
	padding-left: 15px;
	padding-right: 10px;
}
.mgmenu li .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.mgmenu li .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.mgmenu li .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.mgmenu li .dropdown_tutorials {
	width: auto;
}
.mgmenu li .dropdown_typetester {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	width: auto;
	text-align:left;
}
.mgmenu li .dropdown_support {
	width: auto;
}
.mgmenu li .dropdown_about {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	width: auto;
	text-align:left;
}
.mgmenu li .dropdown_search {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	width: auto;
	text-align:left;
}
.mgmenu li .dropdown_gallery {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	width: auto;
	text-align:left;
}
.mgmenu li .dropdown_videos {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	width: auto;
	text-align:left;
}





/*  _______________________________________

    03 COLUMNS GRID
    _______________________________________  




.mgmenu .col_1,
.mgmenu .col_2,
.mgmenu .col_3,
.mgmenu .col_4,
.mgmenu .col_5,
.mgmenu .col_6,
.mgmenu .col_7,
.mgmenu .col_8,
.mgmenu .col_9,
.mgmenu .col_10,
.mgmenu .col_11,
.mgmenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	
	*padding-left: 1.9%;
	*padding-right: 1.9%;
}
.mgmenu .col_1 {width:4.33%;}
.mgmenu .col_2 {width:12.66%;}
.mgmenu .col_3 {width:21%;}
.mgmenu .col_4 {width:29.33%;}
.mgmenu .col_5 {width:37.66%;}
.mgmenu .col_6 {width:46%;}
.mgmenu .col_7 {width:54.33%;}
.mgmenu .col_8 {width:62.66%;}
.mgmenu .col_9 {width:71%;}
.mgmenu .col_10 {width:79.33%;}
.mgmenu .col_11 {width:87.66%;}
.mgmenu .col_12 {width:96%;}

.mgmenu .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 18px;
}
.mgmenu .col_border {
	-webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	-o-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	box-shadow: -1px 0 0 rgba(0,0,0,0.15);
}

*/

/*  _______________________________________________

    04 MULTILEVEL DROP DOWN
    _______________________________________________  */




.mgmenu .dropdown_flyout, 
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	border:1px solid #CCCCCC;
	background: #e5e5e5;
}
.mgmenu .dropdown_flyout li {
	float: left;
	width: 100%;
	padding: 3px 0 3px 0;
}
.mgmenu .dropdown_flyout ul li {
	width: 160px;
	padding: 3px 10px 3px 10px;
}
.mgmenu .dropdown_flyout li.last {
	margin-bottom: 12px;
}
.mgmenu .dropdown_flyout a {
	display: block;
	width: 10em;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	position: absolute;
	margin:15px 0 0 4px;
	padding:6px;
	left:98%;
	top:-21px;
	display: none;
	zoom:1;
	float: left;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
	left:-102%;
	right:100%;
}
.mgmenu .dropdown_flyout .dropdown_parent {
	background:url("../img/rightArrow.png") no-repeat 90% 9px;
}
.mgmenu .dropdown_flyout .dropdown_parent_left {
	background:url("../img/leftArrow.png") no-repeat 90% 9px;
}
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level,
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
	display: block;
}
.mgmenu .dropdown_flyout .flyout_heading {
	font-family: Georgia, Times, "Times New Roman", serif;
	padding-bottom: 9px;
	margin-bottom: 9px;
	font-size: 16px;
	border-bottom: 1px solid #cccccc;
	-webkit-box-shadow:0 1px 1px #f4f4f4;
	-moz-box-shadow:0 1px 1px #f4f4f4;
	-o-box-shadow:0 1px 1px #f4f4f4;
	box-shadow:0 1px 1px #f4f4f4;
}




/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */




/* 1. Basic Typography 


.mgmenu p, 
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
	padding:0;
	margin:0;
	font-weight: normal;
	color:#222222;
	margin-bottom:18px;
}
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
	font-family: Georgia, Times, "Times New Roman", serif;
}
.mgmenu p {
	font-size:12px;
	line-height:5px;
}
.mgmenu h1 {
	font-size:32px;
}
.mgmenu h2 {
	font-size:28px;
}
.mgmenu h3 {
	font-size:24px;
}
.mgmenu h4 {
	font-size:18px;
}
.mgmenu h5 {
	font-size:16px;
}
.mgmenu h6 {
	font-size:14px;
	text-transform:uppercase;
}
.mgmenu a {
	text-decoration: none;
	color:#222222;
	-webkit-transition:color .3s;
	-moz-transition:color .3s;
	-o-transition:color .3s;
	-ms-transition:color .3s;
	transition:color .3s;    
}
.mgmenu a:hover {
	color:#777777;
}
.mgmenu a:focus {
	background: none;
}

*/


/* 2. Lists */


.mgmenu > li ol {
	padding:0 0 0 20px;
	margin:0 0 0 0;
}
.mgmenu > li ul {
	list-style-image: url(../pageimages/squarebullet.png);
	padding:0 0 0 8px;
	margin:0 0 0 0;
}
.mgmenu > li ol {
	list-style:decimal;
}
.mgmenu > li ul.no_bullets {
	list-style:none;
	padding:0;
}
.mgmenu > li ul.no_bullets li {
	line-height: 24px;
}
.mgmenu > li ul li,
.mgmenu > li ol li {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height:22px;
	position:relative;
	color:#a39e82;
}


/* 3. Other Styling 


.mgmenu blockquote {
	color:#aaaaaa;
	border-left: 5px solid #cccccc;
	padding-left: 20px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 27px;
}
.mgmenu .text_box {
	width: 84%;
	background: #ffffff;
	padding: 12px 8% 12px 8%;
	-webkit-box-shadow: 0 1px 1px #bbbbbb;
	-moz-box-shadow: 0 1px 1px #bbbbbb;
	-o-box-shadow: 0 1px 1px #bbbbbb;
	box-shadow: 0 1px 1px #bbbbbb;
}
.mgmenu .text_box_black {
	background: #212121;
}
.mgmenu .text_box_red {
	background: #e48a76;
}
.mgmenu .text_box_blue {
	background: #92bfd1;
}
.mgmenu .text_box_green {
	background: #b4ca91;
}
.mgmenu .text_box_yellow {
	background: #f3d067;
}
.mgmenu .text_box_purple {
	background: #C0ADDB;
}
.mgmenu .text_box_brown {
	background: #b2aa9f;
}
.mgmenu .text_box_black,
.mgmenu .text_box_red,
.mgmenu .text_box_blue,
.mgmenu .text_box_green,
.mgmenu .text_box_yellow,
.mgmenu .text_box_purple,
.mgmenu .text_box_brown {
	color:#ffffff;
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.mgmenu .img_description {
	text-align: center;
	font-style:italic;
	margin-top: -6px;
	font-family: Georgia, Times, "Times New Roman", serif;
}
.mgmenu hr {
	width: 100%;
	height: 0;
	*height:2px;
	margin-bottom: 18px;
	border:none;
	border-bottom:1px solid #f4f4f4;
	border-top:1px solid #ccc;
}
.mgmenu .video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 18px;
}
	.mgmenu .video_container iframe,  
	.mgmenu .video_container object,  
	.mgmenu .video_container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:none;
	    outline: none;
	}
*/	
.mgmenu iframe {
	overflow:hidden;
    height: auto;
	border:0;
    outline: none;
 	width: 100%;
    background:transparent;
}


/* 4. Inline Images 


.mgmenu img {
	border:none;
}
.mgmenu .inline_img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px #999999;
	-moz-box-shadow: 0 1px 1px #999999;
	-o-box-shadow: 0 1px 1px #999999;
	box-shadow: 0 1px 1px #999999;
	margin-bottom:18px;
	margin-top: 6px;
}
.mgmenu a .inline_img {
	opacity: 0.8;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	-ms-transition:opacity .3s;
	transition:opacity .3s;    
}
.mgmenu a:hover .inline_img {
	opacity: 1;
}
.mgmenu .inline_img_border {
	border:5px solid #fff;
}


/* 5. Icons 


.mgmenu .mini_icon {
    background-image: url("../img/icons/mini-icons-white.png");
	background-repeat: no-repeat;
	margin-top: -2px;
	padding-left: 6px;
	float: left;
	width: 20px;
	height: 20px;
}

/* Row 1 

.mgmenu .ic_empty_document{ background-position: 0 0;  } 
.mgmenu .ic_documents{ background-position: -32px 0;  } 
.mgmenu .ic_text_document{ background-position: -64px 0;  } 
.mgmenu .ic_folder{ background-position: -96px 0;  } 
.mgmenu .ic_picture{ background-position: -128px 0;  } 
.mgmenu .ic_cloud{ background-position: -160px 0;  } 
.mgmenu .ic_archive{ background-position: -192px 0;  } 
.mgmenu .ic_download{ background-position: -224px 0;  }
.mgmenu .ic_user{ background-position: -256px 0;  } 
.mgmenu .ic_tag{ background-position: -288px 0;  } 

/* Row 2 

.mgmenu .ic_lock{ background-position: 0 -32px;  } 
.mgmenu .ic_unlock{ background-position: -32px -32px;  } 
.mgmenu .ic_mail{ background-position: -64px -32px;  } 
.mgmenu .ic_brush{ background-position: -96px -32px;  } 
.mgmenu .ic_refresh{ background-position: -128px -32px;  } 
.mgmenu .ic_grid{ background-position: -160px -32px;  } 
.mgmenu .ic_list{ background-position: -192px -32px;  } 
.mgmenu .ic_delete{ background-position: -224px -32px;  } 
.mgmenu .ic_settings{ background-position: -256px -32px;  } 
.mgmenu .ic_time{ background-position: -288px -32px;  } 

/* Row 3 

.mgmenu .ic_bookmark{ background-position: 0 -64px;  } 
.mgmenu .ic_calendar{ background-position: -32px -64px;  } 
.mgmenu .ic_graph{ background-position: -64px -64px;  } 
.mgmenu .ic_pin{ background-position: -96px -64px;  } 
.mgmenu .ic_chat{ background-position: -128px -64px;  } 
.mgmenu .ic_chats{ background-position: -160px -64px;  } 
.mgmenu .ic_print{ background-position: -192px -64px;  } 
.mgmenu .ic_attachment{ background-position: -224px -64px;  } 
.mgmenu .ic_power{ background-position: -256px -64px;  } 
.mgmenu .ic_favorite{ background-position: -288px -64px;  } 

/* Row 4 

.mgmenu .ic_sound{ background-position: 0 -96px;  } 
.mgmenu .ic_edit{ background-position: -32px -96px;  } 
.mgmenu .ic_fullscreen{ background-position: -64px -96px;  } 
.mgmenu .ic_target{ background-position: -96px -96px;  } 
.mgmenu .ic_sync{ background-position: -128px -96px;  } 
.mgmenu .ic_zoom{ background-position: -160px -96px;  } 
.mgmenu .ic_plus{ background-position: -192px -96px;  } 
.mgmenu .ic_minus{ background-position: -224px -96px;  } 
.mgmenu .ic_cancel{ background-position: -256px -96px;  } 
.mgmenu .ic_ok{ background-position: -288px -96px;  } 

/* Row 5

.mgmenu .ic_users{ background-position: 0 -128px;  } 
.mgmenu .ic_calc{ background-position: -32px -128px;  } 
.mgmenu .ic_left{ background-position: -64px -128px;  } 
.mgmenu .ic_right{ background-position: -96px -128px;  } 
.mgmenu .ic_up{ background-position: -128px -128px;  } 
.mgmenu .ic_down{ background-position: -160px -128px;  } 
.mgmenu .ic_up_circle{ background-position: -192px -128px;  }
.mgmenu .ic_down_circle{ background-position: -224px -128px;  } 
.mgmenu .ic_left_circle{ background-position: -256px -128px;  } 
.mgmenu .ic_right_circle{ background-position: -288px -128px;  } 

.mgmenu .menubar_icon {
	padding: 0;
	list-style: none;
	float: left;
}
.mgmenu .menubar_icon:hover {
	background:none;
}
.mgmenu .menubar_icon ul > li {
	list-style: none;
	float: left;
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	-o-transition:background-color .3s;
	-ms-transition:background-color .3s;
	transition:background-color .3s;    
}
.mgmenu .menubar_icon ul > li:hover {
	background-color:#131313;
}
.mgmenu .menubar_icon ul > li > a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	display: block;
	padding: 7px 4px 9px 4px;
	width: 24px;
	height: 24px;
}
.mgmenu .icon_vimeo {
    background-image: url("../img/icons/icon_vimeo.png");
}
.mgmenu .icon_dribbble {
    background-image: url("../img/icons/icon_dribbble.png");
}
.mgmenu .icon_twitter {
    background-image: url("../img/icons/icon_twitter.png");
}
.mgmenu .icon_facebook {
    background-image: url("../img/icons/icon_facebook.png");
}
.mgmenu .icon_flickr {
    background-image: url("../img/icons/icon_flickr.png");
}
*/


/* 6. Form Elements */


.mgmenu .contact_form {
	display: block;
	margin-bottom:10px;
}
.mgmenu .contact_form label {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.mgmenu .form_element {
	color: #000000; 
	background-color:#fbfbfb;
	border:1px solid #dddddd;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	width: 96%;
	padding:9px 2% 9px 2%;
	margin:12px 0 18px 0;
	-webkit-box-shadow: 0 1px 1px #efefef;
	-moz-box-shadow: 0 1px 1px #efefef;
	-o-box-shadow: 0 1px 1px #efefef;
	box-shadow: 0 1px 1px #efefef;
	-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;
}   
	.mgmenu .form_element:hover{
		background-color:#fcfcfc;
	}
	.mgmenu .form_element:focus {
		background-color:#ffffff;
	}
	.mgmenu .form_element:focus {
		outline:none;
	}

.mgmenu .contact_form textarea {
	height:120px;
	resize:none;
}
.mgmenu .contact_form .required {
	color:#C00;
}
.mgmenu .contact_form .error, 
.mgmenu .contact_form .success {
	width: 96%;
	padding:9px 2% 9px 2%;
	margin: 12px 0 6px 0;
	border:1px solid rgba(0,0,0,0.15);
	text-shadow:1px 1px 1px #ffffff;
	-webkit-box-shadow: 0 1px 1px #efefef;
	-moz-box-shadow: 0 1px 1px #efefef;
	-o-box-shadow: 0 1px 1px #efefef;
	box-shadow: 0 1px 1px #efefef;
}
	.mgmenu .contact_form .error {
		background:#f7cac4; 
		color:#992213;
	}
	.mgmenu .contact_form .success {
		background:#d8f6bc; 
		color:#2f530b;
		margin-bottom: 12px;
	}
.mgmenu .contact_form .button {
	padding: 7px 12px;
	margin:9px 12px 0 0;
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #000000;
	color: #ffffff;
	background-color: #222222;
	text-shadow: 0 1px 1px #000000;
	-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;
}
	.mgmenu .contact_form .button:active {
	}
	.mgmenu .contact_form .button:hover, 
	.mgmenu .contact_form .button:focus {
		color: #ffffff;
		background-color: #1A1A1A;
	}

.mgmenu .contact_form .select_element {
	float: left;
	width:310px;
	overflow: hidden;
	position: relative;
	background-color:#fbfbfb;
	border:1px solid #dddddd;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	width: 100%;
	margin:12px 0 18px 0;
	-webkit-box-shadow: 0 1px 1px #efefef;
	-moz-box-shadow: 0 1px 1px #efefef;
	-o-box-shadow: 0 1px 1px #efefef;
	box-shadow: 0 1px 1px #efefef;
}
	.mgmenu .contact_form .select_element select {
		width:100%;
		height:30px;
		font-size:12px;
		color: #999;
		padding: 6px 0 6px 10px;
		border: 0;
		background: none;
		outline: none;
	}
	.mgmenu .contact_form .select_element select option {
		background: #fdfdfd;
		width: 100%;
		color: #666;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {

		.mgmenu .contact_form .select_element:after {
			content: '';
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -3px;
			border: 5px solid transparent;
			border-top: 5px solid #333333;
			pointer-events: none;
		}
		.mgmenu .contact_form .select_element select,
		.mgmenu .contact_form .select_element select option {
			-webkit-appearance: none;
			appearance: none;
		}

	}




/*  _______________________________________

    06 DROP DOWN TABS
    _______________________________________  */




.mgmenu li > .mgmenu_tabs {
	padding: 0 !important;
}
.mgmenu_tabs > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mgmenu_tabs_hide {
	display:none;
}
.mgmenu_tabs .mgmenu_tabs_nav {
	width:20%;
	float:left;
	position: relative;
	margin:0;
	padding: 0;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	
}
.mgmenu_tabs .mgmenu_tabs_panels {
    margin: 0;
	padding: 21px 1% 12px 1%;
	width: 78%;
	*width:77.9%; /* IE7 bug */
	float: left;
	
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	
	-webkit-box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);;
	-moz-box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);
	-o-box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);
	box-shadow:0px 0px 23px 2px #bead88 inset, 3px 3px 3px rgba(0,0,0,0.6);
}
.mgmenu_tabs .mgmenu_tabs_nav li {
	list-style: none;
	margin:0;
	border:none;
	margin:0;
	float: left;
	width: 100%;
	clear: left;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.mgmenu_tabs .mgmenu_tabs_nav li a {
	font-family:Georgia, Times New Roman, Times, serif;
	color: #777;
	font-size:12px;
	font-weight: bold;
	outline:0;
	text-decoration:none;
	display:block;
	padding: 9px 15px 9px 15px;
}
.mgmenu_tabs li a.current,
.mgmenu_tabs li a.current:hover {
	-webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
	top:1px;
	border-radius:5px 5px 0px 0px;
}

/* Right Tabs */

.mgmenu_tabs_right .mgmenu_tabs_panels {
	-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
	box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
}

/* Top & Bottom Tabs */

.mgmenu_tabs_top .mgmenu_tabs_nav,
.mgmenu_tabs_bottom .mgmenu_tabs_nav {
	background-color: #dad1bf;
	width:100%;
}
.mgmenu_tabs_top .mgmenu_tabs_panels,
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
	padding: 18px 0 12px 0;
	width: 98%;
	*width:97.9%; /* IE7 bug */
}
.mgmenu_tabs_top .mgmenu_tabs_nav li,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li {
	float: none;
	width: auto;
	clear: none;
	display: inline;
}
.mgmenu_tabs_top .mgmenu_tabs_nav li a,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
	display:inline;
	float: left;
}
.mgmenu_tabs_top li a.current,
.mgmenu_tabs_top li a.current:hover,
.mgmenu_tabs_bottom li a.current,
.mgmenu_tabs_bottom li a.current:hover {
	background-color: #ffffff;
		background:url(../pageimages/menubackground1.png) no-repeat;
	-webkit-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
	-o-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
	box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
}

.mgmenu_tabs_top .mgmenu_tabs_panels {
	-webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
	box-shadow: 0px -1px 1px rgba(0,0,0,0.05);

}
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}
/* Search Box */
#tfheader{
	}
#tfnewsearch{
		float:right;
		padding:20px;
	}
.tftextinput2{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#656356;
		border:2px solid #777777; border-right:0px;
	}
.tftextinput3{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#656356;
		border:2px solid #777777;
	}
.tfbutton2 {
		margin: 0;
		padding: 5px 7px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		width: 28px;
		hight: 28px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		border: solid 2px #777777;
		background:url(../pageimages/searchicon.png) no-repeat;
		position: relative;
  		vertical-align: top;
	}
.tfbutton2:hover {
		text-decoration: none;
		background:url(../pageimages/searchicon_hover.png) no-repeat;
	}
	/* Fixes submit button height problem in Firefox */
.tfbutton2::-moz-focus-inner {
	  border: 0;
	}
.tfclear{
		clear:both;
	}