/*
www.thewolf.nl
@author: Bernhard Verkade (bernhard@yes2web.nl)
@version: 20090415-01

Colors:

navigation link: #4077ac;
*/

body, #publerBody {
	background: #515050;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
}

#container {
	background: url(../../images/thewolf/background/container-bg.jpg) top left repeat-y;
	margin: 8px auto 0 auto;
	position: relative;
	text-align: left;
	width: 941px;
}

#header {
	background: url(../../images/thewolf/background/sprite.png) 0 0 no-repeat;
	height: 72px;
	padding: 30px 0 0 45px;
}

div#main{
	margin-top: 23px;
	width: 100%;
	padding: 0 4px;
}

div#contents{
	margin: 0;
	padding: 34px 30px 0 40px;
}

/* Navigation */
ul#navigation{
	background: url(../../images/thewolf/background/navigation-bg.png) top left repeat;
	height: 23px;
	margin: 0 0 0 4px;
	padding: 0;
	position: absolute;
	padding-left: 20px;
	top: 102px;
	width: 913px;
	}
	ul#navigation li{
		float: left;
		list-style: none;
		}
		ul#navigation li a{
			background: url(../../images/thewolf/background/navigation.png) top right no-repeat;
			color: #4077ac;
			line-height: 2em;
			text-decoration: none;
			font-weight: bold;
			font-size: 0.94em;
			height: 23px;
			display: block;
			_display: inline-block;
			padding-left: 20px;
			padding-right: 20px;
			text-align: center;
		}
		ul#navigation li a:hover, ul#navigation li.selected a{
			color: #FFF;
			background-position: bottom right;
		}
	ul#navigation li.last a{
		background-position: top left;
	}
	ul#navigation li.last a:hover, body.contact ul#navigation li.last a{
		background-position: bottom left;
	}
/* Header */
div#slider{
	width: 903px;
	height: 160px;
	padding: 20px 0 0 40px;
	position: relative;
}
	div#slider h2,
	div#slider p{
		color: #FFF;
		font-family:  "Trebuchet", sans-serif;
	}
	div#slider h2{
		font-size: 20px;
		margin-bottom: 5px;
	}
	div#slider p{
		line-height: 18px;
		width: 326px;
	}
	div#slider ul,
	div#slider ul li{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#wrapper-intro{
		float: left;
		width: 326px;
	}
		div.intro,
		div.intro ul li{
			width: 326px;
			height: 75px;
			margin: 0;
		}
	div#wrapper-photo{
		position: absolute;
		right: 54px;
		_right: 53px;
		top: 33px;
	}
	 div.photo,
	 div.photo ul li{
		width: 494px;
		height: 138px;
		margin: 0;
	 }
	
	div#slider p.btn-text{
		color: #004990;
		margin: 12px 0 11px 0;
		float: left;
		clear: left;
	}
	
	body div#slider{
		background: url(../../images/thewolf2/header/header-0.jpg) no-repeat;
	}
	
body.header-0 div#slider{
	background: url(../../images/thewolf2/header/header-0.jpg) no-repeat;
}
body.header-1 div#slider{
	background: url(../../images/thewolf2/header/header-1.jpg) no-repeat;
}
body.header-2 div#slider{
	background: url(../../images/thewolf2/header/header-2.jpg) no-repeat;
}	
body.header-3 div#slider{
	background: url(../../images/thewolf2/header/header-3.jpg) no-repeat;
}	
body.header-4 div#slider{
	background: url(../../images/thewolf2/header/header-4.jpg) no-repeat;
}	
body.header-5 div#slider{
	background: url(../../images/thewolf2/header/header-5.jpg) no-repeat;
}	
body.header-6 div#slider{
	background: url(../../images/thewolf2/header/header-6.jpg) no-repeat;
}	

/* Login */
form#login{
	position: absolute;
	top: 16px;
	left: 666px;
	width: 268px;
	}
	form#login label{
		color: #4077ac;
		text-align: right;
		width: 80px;
		line-height: 2em;
	}
	form#login input{
		background: url(../../images/thewolf/background/sprite.png) 0 -122px no-repeat;
		border: none;
		color: #8d8d8d;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 0.9em;
		height: 15px;
		width: 133px;
		margin: 0 0 8px 7px;
		padding: 4px 6px 3px 6px;
	}
	form#login button{
		background: url(../../images/thewolf/background/sprite.png) -148px -122px no-repeat;
		border: none;
		height: 25px;
		text-indent: -6666px;
		width: 29px;
		font-size: 0;
		margin: 0 0 8px 0;
		*margin: 0 0 6px 2px;
	}
	form#login a.lost-pass{
		font-size: .9em;
		text-decoration: underline;
		position: relative;
		top: -5px;
		left: 10px;
	}
	form#login a.lost-pass:hover{
		text-decoration: none;
	}
div#footer{
	text-align: center;
	background: url(../../images/thewolf/background/sprite.png) 0 -93px no-repeat;
	clear: left;
	height: 18px;
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
}