/*  
Description: BDF Custom navibar
Version: 1.0
Author: Petri Sandholm
*/

/* HTML Elements */

* {
	margin:0;
	padding:0;
	}
	
*:focus { 
	outline: none;
	}
	
body,html {	
	min-height:100%;
	}
	
body {
	background: #4d4d4d;
	color: #f3f3f3;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}

body, select, input, textarea {
	font: 11px Arial, Sans-Serif;
	letter-spacing:0px;
	text-indent:0px;
	word-spacing:3px;
	font-weight:none;
	}
img{
	margin: 2px 4px 2px 4px;

	}
p {
	font: 12px Arial, Sans-Serif;
	letter-spacing:0px;
	text-indent:0px;
	word-spacing:3px;
	font-weight:none;
	}

a, a:visited {
	color: #d18b1d;
	text-decoration:underline;
	}

a:hover {
	color:#ff6600;
	text-decoration:underline;
	}
a:active {
	color:#ff9000;
	text-decoration:underline;
	}

h1 {
	margin:0 auto;
	display:block;
	color:#ffffff;
	font:2.8em Georgia, "Times New Roman", Times, serif;
	padding-top:36px;
	text-align:left;
	font-weight:bold;
	float:left;
	}

h2 {
	margin:0 auto;
	display:block;
	color:#ffffff;
	font:1.8em Georgia, "Times New Roman", Times, serif;
	padding-top:36px;
	text-align:left;
	font-weight:bold;	
	}


#logo {
	background: #34383d url(images/bdf_logo.jpg) repeat-x;
	height:142px;
	width:900px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#corners {
	border: 1px solid #c6820d;
	
}


/* DOJO IMAGE */


#dojo {
	background: url(images/dojo.png) repeat-x;
	position: absolute;	
	float:left;
	height:289px;
	width:351px;
	top:130px;
	left:450px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* GALLERIA */


ul#galleria_archive {
	z-index: 2000;
	width:100%;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 10px 30px;
	position: relative;
	float: left;
}

ul#galleria_archive li {
    list-style:none;
	position: relative;
	float: left;
    width:100px;
	display: block;
	line-height: 12px;

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul#galleria_archive li a {
	font: 14px Arial, Sans-Serif;
	display: block;
	color: #d18b0e;
	text-decoration: none;	
	text-align: left;
	color:#ffffff;

}
ul#galleria_archive li a:hover {
	color:#ffffff;
	text-decoration: underline;	
}

ul#galleria {
	z-index: 3000;
	width:100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	float: left;
	height:100%;
}

ul#galleria li {
    list-style:none;
	position: relative;
	float: left;
    width:10%;
	display: block;
	line-height: 12px;

	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
}

ul#galleria img{
    width:80px;
	height:90px;
	display: block;
}

/* NAVBAR */

#navigation ul#nav {
	z-index: 5000;
	background: #df870a;
	font:11px Arial, Sans-Serif;
	font-weight:bold;
	height:20px;
	width:900px;
	position: relative;
	border-top: 1px solid #1e1e1e;
	padding: 0px 0px 0px 0px;

}

#navigation ul#nav li {
    list-style:none;
	position: relative;
	float: left;
	text-align: left;
	line-height: 12px;
    width:100px;
}

#navigation ul#nav li a {
	height:23px;
	display: block;
	padding: 7px 4px 7px 4px;
	color: #d18b0e;
	text-decoration: none;
	border-bottom: 2px solid #2e2e2e;
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
	text-align: center;
	vertical-align:middle;
    background:#363636;
}

/*#navigation ul#nav li a span {
	padding: 0 10px 0 10px;
}*/

#navigation ul#nav  li ul {
    display: block;
    position: absolute;
    left: -999em;
    width:100px;
    padding: 1px 1px 1px 1px;
    background:#363636;
	border-bottom: 1px solid #1e1e1e;
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
}

#navigation ul#nav li:hover ul,
#navigation ul#nav li.over ul /* This is for Internet Explorer 6  */
{
    display: block;
    left: 0;
    top: 100%;
    position: absolute;
    z-index: 4000;
    width: 100px;

}

#navigation ul#nav li ul li {
    width: 100px;
    height: auto;
    background: transparent;
    text-indent: 0;
    padding: 0;
}

#navigation ul#nav  li:hover ul li a,
#navigation ul#nav  li.over ul li a {
    display: block;
    width: 80px;/*this is to adjust if used some background image for dropdown */
    background: transparent;
    padding: 10px 10px 7px 10px;
    text-decoration: none;
    margin: 0;
    color: #d18b0e;
    text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}

#navigation ul#nav li ul li a:hover {
    color: #d18b0e;
    background:#7f5916;

}

#navigation ul#nav li.active a,
#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li.over a {
    background: #7f5916;
}

#footer {
	background: #343434;
	width:882px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
	position: relative;
	border-top: 1px solid #2e2e2e;
	text-align:center;
}

/* content */
#content{
	width:878px;
	background: #363636;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	text-align:left;
}

/* page body + border */
#page_body{
	width:902px;
	background: #363636;
	border: 1px solid #2e2e2e;
}

#page_body table{
	 color: #ffffff;
}

#language a{
	 position: relative;
	 top:116px;
	 left:430px;
	 z-index: 5000;
}