/* Vertical CSS3 Menu - Animation 3 */
 
#contentM{
	width: 1020px;
	margin-top: 0px; 
	color: #FFF;
	font-size: 17px;
	float: left;
	}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{
	width: 165px; 
	float: left; 
	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	}
/* ========== MAIN LINKS ========== */
.menu ul > li{
	width: 200px;
	position: relative;
	/*background-image: url(../images/navarr.png);*/
	background-repeat: no-repeat;
	background-position: 180px;
	}
.menu ul li > a{
	display:block;
	padding:11px 0 9px 15px; 
	font-weight:normal; 
	text-decoration:none;
	text-transform:capitalize;
	/*border-bottom:solid 1px #EEE;*/
	-webkit-transition:background 220ms ease-out, color 220ms ease-out;
	-moz-transition:background 220ms ease-out, color 220ms ease-out;
	-ms-transition:background 220ms ease-out, color 220ms ease-out;
	-o-transition:background 220ms ease-out, color 220ms ease-out;
	transition:background 220ms ease-out, color 220ms ease-out;
	}
/* ========== RIGHT ARROW ">" ========== */
.menu ul li a span{ 
	
	position:absolute;
	top:13px;
	right:10px; 
	font-weight:bold;
	color:#47f0ff;
	-webkit-transition:color 220ms ease-out;
	-moz-transition:color 220ms ease-out;
	-ms-transition:color 220ms ease-out;
	-o-transition:color 220ms ease-out;
	transition:color 220ms ease-out;
	}
/* ========== MAIN LINKS ON MOUSEOVER ========== */
 
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active{
	color:#fff;
	}
/* ========== RIGHT ARROW ">" ON MOUSEOVER ========== */
 
/* ========== RIGHT ARROW ">" ON MOUSE CLICK ========== */
 
/* ========== DROPDOWN/MEGA MENU ========== */
.menu ul ul, .menu .mega_drop{
	position:absolute;
	top:-4px;
	left:197px;
	visibility:hidden;
	opacity:0;
	margin-top:-27px;
	padding:9px 0;
	z-index:1000;
	border:solid 1px #D6D6D6;  
	
	background:#2d2d2d;
	/*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
	background:-webkit-linear-gradient(top, #FFF, #EEE);
	background:-moz-linear-gradient(top, #FFF, #EEE);
	background:-ms-linear-gradient(top, #FFF, #EEE);
	background:-o-linear-gradient(top, #FFF, #EEE);
	*/
	-webkit-transition:all 260ms ease-out 50ms;
	-moz-transition:all 260ms ease-out 50ms;
	-ms-transition:all 260ms ease-out 50ms;
	-o-transition:all 260ms ease-out 50ms;
	transition:all 260ms ease-out 50ms;
	}
.menu .mega_drop{
	width:740px; /* 740px + 30px(padding from left side) + 30px(padding from right side) = 800px */
	padding:15px 20px; /* padding 20px from top & bottom and padding 30px from left & right side */
	}
.menu ul li:hover > ul, .menu ul li:hover .mega_drop{
	visibility:visible;
	opacity:1;
	margin-top:0;
	}
/* ========== LINKS IN DROPDOWN MENU ========== */	
.menu ul ul li a{
	padding-right:20px; 
	}
/* ========== TEXT IN A PARAGRAPH IN THE MEGA MENU ========== */
.menu .mega_drop p{
	margin:6px 0 12px 0; 
	color:#888;
	}
/* ========== IMAGE IN THE MEGA MENU ========== */	
.menu .mega_drop .image{
	width:175px;
	height:115px;
	margin:8px 4px;
	padding:0;
	float:left;
	border:solid 1px #666;
	opacity:0.75;
	-webkit-transition:opacity 160ms linear;
	-moz-transition:opacity 160ms linear;
	-ms-transition:opacity 160ms linear;
	-o-transition:opacity 160ms linear;
	transition:opacity 160ms linear;
	}
.menu .mega_drop .image img{
	width:100%;
	height:100%;
	}
/* ========== IMAGE IN THE MEGA MENU ON MOUSEOVER ========== */
.menu .mega_drop .image:hover{
	opacity:1;
	}
/* ========== LISTS IN MEGA MENU ========== */	
.menu .mega_drop .row{
	overflow:hidden;
	}
.menu .mega_drop ol{
	width:177px;
	margin:14px 4px 8px 4px;
	padding:0;
	float:left;
	list-style:none;
	}
.menu .mega_drop ol li > a{
	padding:2px 0 3px 10px;
	font-size:14px;
	color:#b7b7b7;
	text-transform:capitalize;
	border-bottom:solid 1px #EEE;
	}	
.menu .mega_drop ol li.headline a{
	margin-bottom:4px;
	padding:3px 0 3px 5px;
	font-size:15px;
	color:#fff;
	background:#000;
	
	
	opacity:0.7;
filter:Alpha(opacity=70); /* IE8 and earlier */

	border-bottom:none;
	-webkit-box-shadow:0 0 2px #AAAAAA;
	-moz-box-shadow:0 0 2px #AAAAAA;
	box-shadow:0 0 2px #AAAAAA;
	}
.menu .mega_drop ol li:hover > a{
	color:#777;
	background:#EEE;
	}
/* ========== MAP ========== */
.menu .mega_drop #map{
	width:740px;
	height:200px;
	border:solid 1px #D6D6D6;
	-webkit-box-shadow:0 0 4px #CCC;
	-moz-box-shadow:0 0 4px #CCC;
	box-shadow:0 0 4px #CCC;
	}
/* ========== CONTACT FORM ========== */
.menu .mega_drop .contact{
	width:470px;
	margin-top:10px;
	float:left;
	padding:0;
	}
.menu .mega_drop .contact li{
	margin:4px 0;
	float:left;
	}
.menu .mega_drop .contact  li:first-child{
	margin-right:12px;
	}
/* ========== FIELDS IN CONTACT FORM ========== */	
.menu .mega_drop .contact input, .menu .mega_drop .contact textarea{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#888;
	border:solid 1px #CCC;
	-webkit-box-shadow:0 0 3px #D6D6D6;
	-moz-box-shadow:0 0 3px #D6D6D6;
	box-shadow:0 0 3px #D6D6D6;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	transition:all 100ms linear;
	}
.menu .mega_drop .contact input{
	width:219px;
	height:26px;
	padding:0 4px;
	}
.menu .mega_drop .contact textarea{
	width:460px;
	height:80px;
	padding:4px;
	float:left;
	}
/* ========== FIELDS IN CONTACT FORM ON MOUSEOVER ========== */	
.menu .mega_drop .contact input:hover, .menu .mega_drop .contact input:focus, .menu .mega_drop .contact textarea:hover, .menu .mega_drop .contact textarea:focus{
	border:solid 1px #999;
	color:#666;
	}
/* ========== BUTTON IN CONTACT FORM ========== */	
.menu .mega_drop .contact #button{
	width:48px;
	height:26px;
	font-size:13px;
	color:#999;
	background:#EEE;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:0 0 2px #999;
	-moz-box-shadow:0 0 2px #999;
	box-shadow:0 0 2px #999;
	}
/* ========== BUTTON IN CONTACT FORM ON MOUSEOVER ========== */	
.menu .mega_drop .contact #button:hover{
	color:#666;
	-webkit-box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
	box-shadow:0 0 3px #999;
	}
/* ========== BUTTON IN CONTACT FORM ON MOUSE CLICK ========== */	
.menu .mega_drop .contact #button:active{
	color:#CCC;
	-webkit-box-shadow:0 0 3px #CCC;
	-moz-box-shadow:0 0 3px #CCC;
	box-shadow:0 0 3px #CCC;
	}
/* LizardThemes/March2013 */