@font-face {
    font-family: 'century';
    src: url('gothic.ttf') format('truetype');
	src: url('gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*-------- Menu -------*/

#menu {
	list-style:none;
	width:1100px;
	margin:0;
	height:57px;
	padding:8px 0 0 40px;
	font-family: 'century';
	text-transform:uppercase;
	font-size:22px;
	color:#FFFFFF;
	font-weight:500;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 8px 9px 8px 9px;
	margin-right:30px;
	margin-top:7px;
	border:none;
}

#menu li:hover, #menu li.active {
	border: 1px solid #777777;
	padding: 8px 8px 8px 8px;
	
	/* Background color and gradients */
	
	background: #f6f6e9;
	background: -moz-linear-gradient(top, #f6f6e9, #f6f6e9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6e9), to(#f6f6e9));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#menu li a {
	display:block;
	outline:0;
	text-decoration:none;
	color:#FFFFFF;
}

#menu li:hover a, #menu li.active a {
	color:#161616;
}

#menu li.active a.drop {
	color:#161616;
	background:url(../images/drop-h.png) no-repeat right 7px;
}

#menu li .drop {
	padding-right:21px;
	background:url(../images/drop.png) no-repeat right 8px;
}

#menu li:hover .drop {
	background:url(../images/drop-h.png) no-repeat right 7px;

}

.dropdown_2columns, .dropdown_1column  {
	margin:2px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#f6f6e9;
	background: -moz-linear-gradient(top, #f6f6e9, #f6f6e9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6e9), to(#f6f6e9));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	z-index:100000000;
}

.dropdown_2columns {width: 700px;}
.dropdown_1column {width: 610px;}


.col_1 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	width:600px;
	z-index:5000;
}



#menu li:hover .dropdown_2columns, #menu li:hover .dropdown_1column {
	left:-1px;
	top:auto;
}


#menu li:hover div a {
	font-size:14px;
	color:#990000;
	background-image:none;
}
#menu li:hover div a:hover {
	color:#fff;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}

#menu li ul li {
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:220px;
	font-family: 'Lato', 'sans-serif';
	font-weight:bold;
	text-align:center;
}


#menu li ul li:hover {
	background: url(../images/tab_current.png) no-repeat 100% center;
	border:none;
	padding:0;
	margin:0;
}

#menu li ul.single li {
	line-height:24px;
	position:relative;
	padding:0;
	margin:10px 0 10px 0;
	float:none;
	text-align:left;
	width:600px;
	font-weight:bold;
	display:block;
}

#menu li ul.single li:hover {
	border:none;
}




ul, ol{list-style:none;}
a {text-decoration: none;}
.text-center {text-align: center; padding: 10px 0;}
h2 {margin-bottom: 30px;}
.wrap {width: 653px; margin: 0 auto;}
.clear {clear: both;}

/* Tutorial CSS */
#menu-slider {
padding: 0px; 
margin-bottom: 0px;
}

/* Required */
#list-images, #list-images li {
height: 400px; 
width: 400px; 
display: block;
}

#list-images {
background:url(../images/menu/sub-menu-bg.jpg) no-repeat;
}

#list-images {
float: right; 
overflow: hidden; /* Required to hide the inactive slides */
border: 1px solid #ccc;
}
#list-images li {
position: relative;
}

#list-images li img {
background:none;
position: absolute; 
top: 0; 
left: 0;
}

/* Image captions */
#list-images li span {
background:#f8981d; 
position: absolute; 
bottom: 0; 
left: 0; 
width: 362px; 
display: block; 
padding: 14px 20px; 
font-family: 'Lato', 'sans-serif';
color: #161616; 
height: 20px; 
line-height: 20px;
font-size:20px;
}

/* Menu text links */
#list-links {
width: 220px; 
float: left;
}
#list-links li {
padding: 0 15px 0 0;
}
#list-links li a {
font-family: 'Lato', 'sans-serif';
color: #222; 
padding: 8px 5px 8px 8px; 
border-bottom: 0px solid #ccc; 
font-weight: bold; 
font-size: 12px; 
display: block;
}
#list-links li.hover {
background: url(../images/tab_current.png) no-repeat 100% center;
}
#list-links li.hover a, #list-links li.hover a:hover {
color: #fff; 
background: none; 
border-bottom: none; 
padding-bottom: 9px;
}
#list-links li.last a {
border-bottom: none;
}