/* Animated CSS3 Mega Menu - Responsive */
.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:5px;
		right:14px;
		width:46px;
		height:35px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background:url(../images/icon_list.png) no-repeat center;
		background-color:#222;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu h2.dropdown{
		display:none;
		position:absolute;
		top:10px;
		left:14px;
		margin:0;
		font:normal 24px "BebasNeue";
		color:#9E9E9E;
		}

/* ========== THE MAIN FONT ========== */
@font-face{
	font-family:"BebasNeue";
	src:url('../font/BebasNeue.eot');
	src:url('../font/BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('../font/BebasNeue.ttf') format('truetype'),
		url('../font/BebasNeue.svg#BebasNeue') format('svg');
	}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{
	width:950px;
	height:42px;
	margin: 0 auto 0 auto;
	font-family:Tahoma, Geneva, sans-serif;
	background:#333;
	border-top:solid 2px #454545;
	border-bottom:solid 2px #2A2A2A;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 5px #828282;
	-moz-box-shadow:0 1px 5px #828282;
	box-shadow:0 1px 5px #828282;
	position: relative;
	z-index: 1;
	}
.menu ul, .menu ol{
	margin:0;
	padding:0;
	list-style:none;
	}	
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	position:relative;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	float:left;
	}
.menu ul li.menu_right{
	position:relative;
	}
.menu > ul > li:first-child a{
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	}
.menu ul > li > a{
	display:block;
	height:42px;
	padding:0 13px;
	font:20px/46px "BebasNeue";
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	border-right:solid 1px #2A2A2A;
	-webkit-transition:background 180ms linear 20ms, color 180ms linear 20ms;
	-moz-transition:background 180ms linear 20ms, color 180ms linear 20ms;
	-ms-transition:background 180ms linear 20ms, color 180ms linear 20ms;
	-o-transition:background 180ms linear 20ms, color 180ms linear 20ms;
	transition:background 180ms linear 20ms, color 180ms linear 20ms;
	}
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul:hover li.active a{
	background:#333;
	color:#FFF;
	}
.menu ul li.active a, .menu ul li:hover > a, .menu ul li.active:hover > a{
	background:#282828;
	color:#FF8533;
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{
	color:#888;
	}
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
	position:absolute;
	visibility:hidden;
	opacity:0;
	margin-top:11px;
	padding-bottom:1px;
	background:#2A2A2A;
	border-left:solid 1px #232323;
	border-right:solid 1px #232323;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	-webkit-box-shadow:0 0 2px #2A2A2A;
	-moz-box-shadow:0 0 2px #2A2A2A;
	box-shadow:0 0 2px #2A2A2A;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:9px 12px 2px 12px;
	font-size:0;
	border:none;
	border-top:solid 1px #232323;
	border-bottom:solid 1px #232323;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul, .menu ul li:hover .mega_menu{
	visibility:visible;
	opacity:1;
	margin-top:0;
	}
/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */	
.menu ul li.menu_right .mega_menu{
	right:0;
	}	
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
	width:150px; /* + 12px from left and right side, width=174px */
	}
.menu .size2{
	width:250px; /* + 12px from left and right side, width=274px */
	}	
.menu .size3{
	width:350px; /* + 12px from left and right side, width=374px */
	}
.menu .size4{
	width:450px; /* + 12px from left and right side, width=474px */
	}
.menu .size5{
	width:550px; /* + 12px from left and right side, width=574px */
	}
.menu .size6{
	width:650px; /* + 12px from left and right side, width=674px */
	}
.menu .size7{
	width:750px; /* + 12px from left and right side, width=774px */
	}
.menu .size8{
	width:850px; /* + 12px from left and right side, width=874px */
	}
/* ========== DIV WITH CLASS '.full_width' FOR PROPER WORK MUST BE PLACED INSIDE A DIV WITH CLASS '.box' ========== */	
.menu .full_width{
	width:100%;
	left:0;
	padding:0;
	}	
.menu .box{
	margin:9px 10px 6px 10px;
	}	
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{
	float:none;
	position:relative;
	}
.menu ul ul li a{
	position:relative;
	width:132px;
	height:30px;
	padding-right:0;
	font-size:17px;
	color:#444;
	line-height:32px;
	border-top:solid 1px #232323;
	border-right:none;
	}
.menu ul ul li a i{
	position:absolute;
	top:3px;
	right:12px;
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{
	background:#373737;
	color:#FF8533;
	}
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{
	color:#777;
	}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul{
	left:100%;
	top:0;
	-webkit-border-radius:4px;
	-webkit-border-top-left-radius:0;
	-moz-border-radius:0 4px 4px 4px;
	border-radius:0 4px 4px 4px;
	}
/* ========== FLOAT ========== */
.menu .mega_menu .left{
	float:left;
	}
.menu .mega_menu .right{
	float:right;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu .mega_menu h1, .menu .mega_menu h2, .menu .mega_menu h3, .menu .mega_menu h4, .menu .mega_menu h5, .menu .mega_menu h6{
	margin:0;
	font-family:"BebasNeue";
	font-weight:normal;
	color:#FF8533;
	cursor:default;
	}
.menu .mega_menu h1{
	font-size:24px;
	}
.menu .mega_menu h2{
	font-size:20px;
	}
.menu .mega_menu h3{
	font-size:18px;
	}
.menu .mega_menu h4{
	font-size:16px;
	}
.menu .mega_menu h5{
	font-size:14px;
	}
.menu .mega_menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{
	display:inline;
	padding:0;
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	line-height:inherit;
	text-transform:none;
	text-decoration:underline;
	border:none;
	-webkit-transition:color 160ms linear 20ms;
	-moz-transition:color 160ms linear 20ms;
	-ms-transition:color 160ms linear 20ms;
	-o-transition:color 160ms linear 20ms;
	transition:color 160ms linear 20ms;
	}
.menu .mega_menu a:hover{
	color:#FF8533;
	}	
/* ========== PARAGRAPHS IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:0 0 5px 0;
	font-size:12px;
	color:#777;
	text-align:justify;
	}
/* ========== IMAGES IN MEGA MENU ========== */		
.menu .mega_menu img{
	margin:0 10px 4px;
	border:solid 1px #111;
	-webkit-box-shadow:0 2px 3px #222;
	-moz-box-shadow:0 2px 3px #222;
	box-shadow:0 2px 3px #222;
	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU (you need to add class "image" to the link) ========== */		
.menu .mega_menu a.image {
	margin:0 10px 4px;
	height:auto;
	border:none;
	font-size:0;
	}
.menu .mega_menu a.image img{
	margin:0;
	opacity:0.8;
	-webkit-transition:opacity 160ms ease-in 10ms;
	-moz-transition:opacity 160ms ease-in 10ms;
	-ms-transition:opacity 160ms ease-in 10ms;
	-o-transition:opacity 160ms ease-in 10ms;
	transition:opacity 160ms ease-in 10ms;
	}
.menu .mega_menu a.image img:hover{
	opacity:1;
	}
.menu .mega_menu a.image img:active{
	opacity:0.85;
	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu ol.portfolio{
	font-size:0;
	}
.menu .mega_menu ol.portfolio li{
	display:inline-block;
	vertical-align:top;
	width:232px;
	margin:2px 9px 10px;
	float:none;
	*float:left;
	}	
.menu .mega_menu ol.portfolio li a{
	display:block;
	height:auto;
	}
.menu .mega_menu ol.portfolio li a img{
	width:100%;
	height:105px;
	margin:0;
	float:left;
	opacity:0.8;
	border:solid 1px #111;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:0 0 3px #222;
	-moz-box-shadow:0 0 3px #222;
	box-shadow:0 0 3px #222;
	-webkit-transition:opacity 160ms ease-in 10ms;
	-moz-transition:opacity 160ms ease-in 10ms;
	-ms-transition:opacity 160ms ease-in 10ms;
	-o-transition:opacity 160ms ease-in 10ms;
	transition:opacity 160ms ease-in 10ms;
	}	
.menu .mega_menu ol.portfolio li p{
	margin:2px 5px 0;
	color:#666;
	font-size:11px;
	text-align:left;
	line-height:11px;
	float:left;
	}
.menu .mega_menu ol.portfolio li a:hover img{
	opacity:1;
	}
.menu .mega_menu ol.portfolio li a:active img{
	opacity:0.85;
	}		
/* ========== COLUMNS IN MEGA MENU ========== */
.menu .mega_menu ol.columns{
	display:inline-block;
	vertical-align:top;
	width:140px;
	margin:0 10px 8px;
	padding:0;
	*float:left;
	}	
.menu .mega_menu ol.columns li{
	width:100%;
	float:left;
	}	
.menu .mega_menu ol.columns li.headline{
	font-family:"BebasNeue";
	border-bottom:solid 1px #353535;
	}
.menu .mega_menu ol.columns li.headline h3{
	margin-left:7px;
	font-size:20px;
	font-weight:normal;
	color:#484848;
	text-transform:uppercase;
	}
.menu .mega_menu ol.columns li a{
	margin-left:7px;
	padding:0;
	font-size:13px;
	color:#5B5B5B;
	text-transform:none;
	line-height:24px;
	border:none;
	text-decoration:none;
	}
.menu .mega_menu ol.columns li:hover a{
	background:none;
	}
.menu .mega_menu ol.columns li a:hover{
	color:#FF8533;
	}
.menu .mega_menu ol.columns li a:active{
	color:#888;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#3B3B3B;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	} 	
.menu .mega_menu .blog_post h2{
	margin-bottom:4px;
	color:#282828;
	border-bottom:solid 1px #2E2E2E;
	}	
.menu .mega_menu .blog_post p{
	font-size:11px;
	color:#666;
	}
.menu .mega_menu .blog_post .read_more{
	margin-top:-4px;
	height:auto;
	float:right;
	font-size:11px;
	color:#666;
	text-decoration:none;
	}	
.menu .mega_menu .blog_post .read_more:hover{
	color:#FF8533;
	}
/* ========== GOOGLE MAP ========== */
.menu .mega_menu .map{
	width:550px;
	height:160px;
	-webkit-box-shadow:0 2px 4px #111;
	-moz-box-shadow:0 2px 4px #111;
	box-shadow:0 2px 4px #111;
	}
/* ========== CONTACT FORM IN MEGA MENU ========== */
.menu .mega_menu #contact{
	width:490px;
	margin:12px auto 12px;
	}	
.menu .mega_menu .contact{
	width:auto;
	margin:0;
	}
.menu .mega_menu .contact li{
	width:auto;
	margin:3px 0;
	float:left;
	}
.menu .mega_menu  .contact li:first-child{
	margin-right:10px;
	}
/* ========== FIELDS IN CONTACT FORM ========== */	
.menu .mega_menu  .contact input, .menu .mega_menu  .contact textarea{
	font:14px Tahoma, Geneva, sans-serif;
	color:#888;
	background:#333;
	border:solid 1px #232323;
	-webkit-box-shadow:0 0 3px #232323;
	-moz-box-shadow:0 0 3px #232323;
	box-shadow:0 0 3px #232323;
	-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_menu .contact input{
	width:230px;
	height:26px;
	padding:0 4px;
	float:left;
	}
.menu .mega_menu .contact textarea{
	width:480px;
	height:80px;
	padding:4px;
	float:left;
	}
/* ========== FIELDS IN CONTACT FORM ON MOUSEOVER ========== */	
.menu .mega_menu .contact input:hover, .menu .mega_menu .contact textarea:hover{
	border:solid 1px #444;
	}
/* ========== FIELDS IN CONTACT FORM ON MOUSE CLICK ========== */	
.menu .mega_menu .contact input:focus, .menu .mega_menu .contact textarea:focus{
	border:solid 1px #444;
	color:#FF8533;
	}
/* ========== BUTTON IN CONTACT FORM ========== */	
.menu .mega_menu .contact #button{
	width:48px;
	height:26px;
	font-size:13px;
	color:#999;
	background:#333;
	cursor:pointer;
	border:solid 1px #232323;
	-webkit-box-shadow:0 0 2px #232323;
	-moz-box-shadow:0 0 2px #232323;
	box-shadow:0 0 2px #232323;
	}
/* ========== BUTTON IN CONTACT FORM ON MOUSEOVER ========== */	
.menu .mega_menu  .contact #button:hover{
	border:solid 1px #444;
	}
/* ========== BUTTON IN CONTACT FORM ON MOUSE CLICK ========== */	
.menu .mega_menu  .contact #button:active{
	color:#444;
	border:solid 1px #292929;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
/* LizardThemes/July2013 */


#note{
	color: #666666;
	font-size: 12px;
	margin: 0 auto;
	padding: 4px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	width: 400px;
}