@charset "utf-8";
/* CSS Document */


		header, a, img, li, #navigation{
			transition: all 1s;
			-moz-transition: all 1s; /* Firefox 4 */
			-webkit-transition: all 1s; /* Safari and Chrome */
			-o-transition: all 1s; /* Opera */
		}

		/* Basic layout */

		header ul{
			list-style-type: none;
			float: right;
            list-style: none;
		}

		header li{
			display: inline;
			float: left;
		}
		
		header ul li:before
       {
           content: '';
           margin: 0em;    /* any design */
       }

		img.logo{
			float: left;
		}


		nav{
			width: 960px;
			margin: 0 auto;
		}

		section.stretch{
			float: left;
			height: 1500px;
			width: 100%;
		}

			section.stretch p{
				font-family: 'Amaranth', sans-serif;
				font-size: 30px;
				color: #969696;
				text-align: center;
				position: relative;
				margin-top: 250px;
			}

			section.stretch p.bottom{
				top: 100%;
			}


		header{
			background: #FFFFFF;
			border-bottom: 1px solid #aaaaaa;
			float: left;
			width: 100%;
			position: fixed;
			z-index: 99999;
		}

			header a{
				color: #969696;
				text-decoration: none;
				font-family: 'Amaranth', sans-serif;
				text-transform: uppercase;
			}

			header a.active, header a:hover{
				color: #3d3d3d;
			}

			header li{
				margin-right: 30px;
			}

			/* Sizes for the bigger menu */
			header.large{
				height: 100px;
			}

			header.large img{
				width: 150px;
			}

			header.large li{
				margin-top: 45px;
	
			}

			header.large #navigation {
				margin-top: 35px;
	
			}


			/* Sizes for the smaller menu */
			header.small{ 
				height: 70px; 
			}

			header.small img{ 
				width: 100px; 
			}

			header.small li{ 
				margin-top: 17px; 
			}

			header.small #navigation { 
				margin-top: 17px; 
			}
			
			
			
/* ---------- Navigation ---------- */

#navigation, 
#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}

#navigation:after {clear:both;}

#navigation {
	z-index:202;
	zoom:1;
}

#navigation li {
	float:left;
	position:relative;
	z-index:203;
}

#navigation a {
	text-decoration:none;
	float:left;
	z-index:204;
    transition:none;
    -moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    -ms-transition:none;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

#navigation > li.drop > a {
	background-image:url(../images/nav_arrow.png);
	background-position:right 18px;
	background-repeat:no-repeat;
}

#navigation > li > a {
	border-left:1px solid #ececec;
	font-size:15px;
	line-height:15px;
	height:20px;
	padding:11px 60px 0 10px;
	margin-right:-30px;
}

#navigation > li {margin:0;}

#navigation > li > a > span {padding-bottom:1px; }

#navigation > li.current_page_item > a > span, 
#navigation > li > a:hover > span {border-bottom:1px solid;}

#navigation ul {
	padding-top:10px;
	margin:20px 0 0 0;
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:0;
	top:31px;
	z-index:9999;
	-webkit-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-ms-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	transition:opacity .2s ease-in-out, margin .2s ease-in-out;
}

#navigation li:hover > ul {
	opacity:1;
	visibility:visible;
	margin:0;
}

#navigation ul ul {
	padding-left:1px;
	margin:0 0 0 20px;
	padding-top:0;
	top:-1px;
	left:190px;
}

#navigation ul li:first-child ul {top:0;}

#navigation ul li {
	border:0;
	display:block;
	float:none;
	margin:0;
}

#navigation ul li a {
	border:1px solid #ececec;
	border-top:none;
	font-size:13px;
	line-height:20px;
	display:block;
	width:167px;
	float:none;
	padding:6px 5px 6px 18px;
}

#navigation ul > li:first-child > a {border-top:1px solid #ececec;}

select.resp_navigation {
	border:1px solid #e1e1e1;
	background-color:#ffffff;
	display:none;
	width:100%;
	height:38px;
	padding:9px;
	cursor:pointer;
}

select.resp_navigation option {
	padding:5px;
	cursor:pointer;
}

select.resp_navigation option.main_item {font-weight:bold;}

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

/* ---------------------------------------------- Navigation Color */

#navigation li > a {color:#686868;}

#navigation ul li.current_page_item > a, 
#navigation ul li a:hover {color:#ffffff;}

#navigation ul li a {background-color:#ffffff;}

#navigation ul li.current_page_item > a, 
#navigation ul li a:hover {background-color:#f4733a;}

#navigation > li.current_page_item > a > span, 
#navigation > li > a:hover > span {border-color:#771516;}