/*
	Redefine html-tags
*/

a {
	text-decoration: none;
	color: #FFFFFF;
}
body {
	background-image: url(images/body.gif);
	background-attachment: fixed;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #A48665;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
img {
	border: none;
}





/*
	Define ie_bonus, this div is only used to get the design properly in IE and everything is hidden to other browsers
*/

#ie_bonus {
	_position: absolute;
	_background-color: #A48665;
	_height: 100%;
	_width: 700px;
	_margin-left: 15px;
	_z-index: -100;
}





/*
	Define container
*/

#container {
	width: 700px;
	margin: 0px auto;
	padding: 0px 15px;
	min-height: 100%;
	height: auto;
	background-image: /**/ url(images/container.png);
	/* IE-specific, only applied in IE to get the transparency in the png-image working properly */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/container_ie.png');
	/* IE-specific, since IE doesn't understand min-height */
	_height: 100%;
}





/*
	Define container2
*/

#container2 {
	/* IE-specific, fix the broken linking in IE caused by the transparency in #container */
	_position: relative;
	width: 100%;
	_height: 90%;
	background-color: #A48665;
	background-image: url(images/container2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#container p {
	text-align: left;
}





/*
	Define header
*/

#header {
	padding-top: 25px;
}
#header h1 {
	margin: 0px;
	padding: 0px;
}
#header h1 a {
	display: block;
	text-indent: -999em;
	margin: 0px 349px 25px 126px;
	width: 225px;
	height: 125px;
}





/*
	Define topnavigation
*/

#topnavigation {
	width: 448px;
	/* IE-specific, width */
	_width: 450px;
	height: auto;
	margin: 0px auto;
	padding-right: 1px;
}
#topnavigation .level1 {
	height: 51px;
}
#topnavigation .level1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#topnavigation .level1 li {
	margin-left: 1px;
	width: 63px;
	float: left;
}
#topnavigation .level1 a {
	padding-top: 17px;
	display: block;
	height: 33px;
	/* IE-specific, must be hidden in IE to get the transparency in the png-image working properly */
	background-image: /**/ url(images/topnavigation-a.png);
	/* IE-specific, only applied in IE to get the transparency in the png-image working properly */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/topnavigation-a.png');
	/* IE-specific, the above filter causes IE to not display a hand as cursor and it should of course be a hand */
	_cursor: hand;
}
#topnavigation .level1 a:hover {
	/* IE-specific, must be hidden in IE to get the transparency in the png-image working properly */
	background-image: /**/ url(images/topnavigation-a-hover.png);
	/* IE-specific, only applied in IE to get the transparency in the png-image working properly */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/topnavigation-a-hover.png');
}
#topnavigation .level1 a.active,
#topnavigation .level1 a.activeParent,
#topnavigation .level1 a.parent {
	/* IE-specific, must be hidden in IE to get the transparency in the png-image working properly */
	background-image: /**/ url(images/topnavigation-a-active.png);
	/* IE-specific, only applied in IE to get the transparency in the png-image working properly */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/topnavigation-a-active.png');
}
#topnavigation .level1 a.activeParent,
#topnavigation .level1 a.parent {
	height: 34px;
}
#topnavigation .level2 {
	height: 15px;
	width: 447px;
	margin-left: 1px;
	font-size: 9px;
	/* IE-specific, must be hidden in IE to get the transparency in the png-image working properly */
	background-image: /**/ url(images/topnavigation-a.png);
	/* IE-specific, only applied in IE to get the transparency in the png-image working properly */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/topnavigation-a.png');
}
#topnavigation .level2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#topnavigation .level2 li {
	float: left;
}
#topnavigation .level2 a {
	display: block;
	padding: 2px 16px;
	color: #E8E1D8;
	/* IE-specific, fix the broken linking in IE caused by the transparency filter in #content */
	_position: relative;
}
#topnavigation .level2 a:hover {
	/* IE-specific, IE doesn't like transparency so hide it from IE */
	background-image: /**/ url(images/topnavigation-a-hover.png);
	/* IE-specific, since IE refuses to display transparency with the filter we simply use a similar background colour instead */
	_background-color: #3D3833;
}
#topnavigation .level2 a.active {
	/* IE-specific, IE doesn't like transparency so hide it from IE */
	background-image: /**/ url(images/topnavigation-a-hover.png);
	/* IE-specific, since IE refuses to display transparency with the filter we simply use a similar background colour instead */
	_background-color: #3D3833;
}





/*
	Define content
*/

#content {
	width: 427px;
	padding: 10px;
	margin: 25px auto 0px;
	/* IE-specific, must be hidden in IE to get the transparency in the png-image working properly */
	background-image: /**/ url(images/content.png);
	/* IE-specific, only applied in IE to get the transparency filter in the png-image working properly */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/content.png');
	min-height: 244px;
}
#content a {
	color: #E1D7CC;
	/* IE-specific, must be hidden in IE because IE can't view it properly  */
	border-bottom-width: /**/ 1px;
	border-bottom-style: /**/ dotted;
	border-bottom-color: /**/ #E1D7CC;
}
#content a:hover {
	color: #FFFFFF;
	/* IE-specific, must be hidden in IE because IE can't view it properly  */
	border-bottom-width: /**/ 1px;
	border-bottom-style: /**/ dotted;
	border-bottom-color: /**/ #FFFFFF;
	/* IE-specific, underline instead of the above in IE  */
	_text-decoration: underline;
}
#content h2 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}
#content h3 {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#content p {
	line-height: 18px;
	margin: 0px 0px 18px 0px;
	padding: 0px;
}
/* IE-specific, fix the broken linking in IE caused by the transparency in #content */
* #content2 {
	position: relative;
}





/*
	Define bottom, footer. IE-specific: bottom is only used in ie
*/

/* IE-specific, only applied in IE */
#bottom {
	height: 13px;
	_height: 20px;
}
/* IE-specific, hide from IE */
#footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 25px;
}
/* IE-specific, only applied in IE */
#footer {
	_margin: 0px auto;
	_width: 700px;
	_height: 20px;
	_margin-top: -20px;
	_background-color: #A48665;
}
/* IE-specific, hide from IE */
#footer > #footer2 {
	width: 700px;
	position: relative;
	height: 20px;
	background-color: #A48665;
	padding-top: 5px;
	margin: 0px auto;
}





/*
	Categories
*/

#index2 #container2 {
	background-image: url(images/container2-home2.jpg);
}
#index3 #container2 {
	background-image: url(images/container2-home3.jpg);
}
#Biography #container2 {
	background-image: url(images/container2-biography.jpg);
}
#Charts #container2 {
	background-image: url(images/container2-charts.jpg);
}
#DJ-mixes #container2 {
	background-image: url(images/container2-dj-mixes.jpg);
}
#Schedule #container2 {
	background-image: url(images/container2-schedule.jpg);
}
#Contact #container2 {
	background-image: url(images/container2-contact.jpg);
}
#Links #container2 {
	background-image: url(images/container2-links.jpg);
}