/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/*a, a > * {
	color: #3a3a3a;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	  -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}*/

/* ---------------------------------------------------------------------- */
	select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/*padding: 5px 10px;*/
	border-radius: 0;
}

select {
	height: 30px;
	width: 100%;
}
	
select:hover { border-color: #dedede; }
	
select:focus { border-color: #ccc; }
	 

	/*	Main Navigation
	/* -------------------------------------------------- */

#main-nav { 
	margin-top:0;
        margin-bottom: 45px;
	display:block;
	height:0px;
	
	}

#main-nav > ul { 
	max-width:980px;
	}

#main-nav li {
				list-style: none;
				float: left;
				width:13%;
				margin: 0;
				position: relative;
				display:inline-block;
				padding:0px 1.7%;
				text-align:center;
			}

.hide{
		display:block;
		opacity:0.4;
		height:67px;
		margin:-70px 0 0 600px;	
		-webkit-transition: all 1200ms linear;
    -moz-transition: all 1200ms linear;
    -o-transition: all 1200ms linear;
    -ms-transition: all 1200ms linear;
    transition: all 1200ms linear;
		}
#main-nav a {
					color: #FFFFFF;
					font-family:Arial, Helvetica, sans-serif;
					font-size: 16px;
					line-height:30px;
					font-weight: bold;
					display: inline-block;
					padding: 0px 10%;
					position: relative;
					text-align: center;
					z-index: 98;
					-webkit-transition: all 800ms linear;
   
				}

				/*.ie7 #main-nav a { padding: 33px 20px; }*/

#main-nav a:hover, #main-nav a.active,#main-nav .hover > a {
						background-color:#650507;
						/*color: #fdc5c6;*/
	 					-moz-border-radius:5px 5px 0 0;
					     border-radius:5px 5px 0 0;
						 border:1px solid #9d0205;
					}


.no-js #main-nav li:hover > ul {
					display: block;
					top: 92px;
				}

#main-nav ul ul {				
					display: none;
					left: 17px;
					padding: 0px 0;
					position: absolute;
					top: 29px;
					width: 200px;
					/*background: #650507;*/
					background:url(../images/bg_hundred.gif) 0 0 fixed;
					z-index: 2000;
					-moz-border-radius:0px 0px 8px 8px;
					border-radius:0px 0px 8px 8px;
					border:1px solid #9d0205;
				}

#main-nav ul ul li { float: none; width:100%; padding:0; margin-bottom:1px; }

#main-nav ul ul a {
							border-bottom: 1px solid #FFFFFF;
							border-top: 1px solid #650507;
							color: #FFFFFF;
							display: block;
							font-family: Tahoma;
							font-size: 13px;
							letter-spacing: 0;
							font-weight: bold;
							padding: 3px 20px !important;
							text-align: left;
							text-transform: none;
						}

#main-nav ul ul a:hover,#main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
								background: #8a0002;
								color: #fff;
								border-bottom: 1px solid #FFFFFF;
							}

.bordernone{
	border:none!important;
	}


.not-ie #main-nav ul ul .current:after { display: none; }

#main-nav ul ul ul {
					left: 200px !important;
					top: 0 !important;
				}

#main-nav .responsive-nav {
			background-image: url(../mob-menu/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: table;
			width: 0%;
			opacity:0.0;
			height:0px;	
			margin:2% 0;
			-webkit-transition: all 1200ms linear;
    -moz-transition: all 1200ms linear;
    -o-transition: all 1200ms linear;
    -ms-transition: all 1200ms linear;
    transition: all 1200ms linear;
		}
/* ---------------------------------------------------------------------- */

	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media (max-width: 960px) {	
#main-nav a:hover, #main-nav a.active {
						background-color:transparent;
						color: #fdc5c6;
						border:none;
						-moz-border-radius: 0px;
	 					border-radius: 0px;
	 					-moz-box-shadow:#d7585a 0px 0px 0px;
						-webkit-box-shadow:#d7585a 0px 0px 0px;
						box-shadow:#d7585a 0px 0px 0px;
					}
	}
@media (max-width: 900px) {		
	#main-nav{
	display:inline;
	}
#main-nav li{
	width:auto;
	padding:0 1.2%;
	}
#main-nav a{
	padding:0 6%;
	}		
}
@media (max-width: 700px) {	
#main-nav ul ul {				
					left: 6px;
					}
	}	
@media only screen and (max-width: 970px) {

	/*	Header > Main Navigation*/
select, option {
	cursor: pointer;
	padding: 5px 7px;
}	
.hide{
		display:block;	
		margin:0px;
		opacity:0.9;	
		}
	#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }

			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: inline-block; opacity:0.9; width: 100%; height:30px;	 }

		.no-js #main-nav li:hover > ul { top: 62px; }

}