@import url("reset.css");

#dilworth	{
	position: 			relative;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			62.5%;
	line-height: 		1.2;
	background-color: 	#fff;
	color: 			#000;
	margin: 			46px 0 0 37px;
	width:			875px;
}

#dilworth.contact	{
	width:			349px;
	margin: 			57px 0 0 37px;
	padding:			109px 0 0;
}

#dilworth.contact h2,	
#dilworth.detail #picturelist,
#dilworth.detail #navigation,
#dilworth.category ul li h3,
#dilworth.start h3,
#dilworth.detail h2,
#dilworth.detail h3,
#dilworth.start h2	{
	display: 			none;
}

#dilworth h1	{
	position: 			absolute;
	top:				11px;
	left:				0;
	width:			330px;
	background-position: 	top left;
	background-repeat: 	no-repeat;
	background-color: 	transparent;
	z-index: 			5;
}

#dilworth.category h1,
#dilworth.start h1	{
	height: 			54px;
	background-image: 	url(../img/start_joedilworth.jpg);
}

#dilworth.detail h1	{
	height: 			89px;
	background-image: 	url(../img/detail_joedilworth.jpg);
}

#dilworth.contact h1	{
	top:				0;
	height: 			67px;
	background-image: 	url(../img/contact_joedilworth.jpg);
}

#dilworth h1 a:link, #dilworth h1 a:visited, #dilworth h1 a, #dilworth h1 a:active, #dilworth h1 a:hover,
#dilworth h1 a:link, #dilworth h1 a:visited, #dilworth h1 a, #dilworth h1 a:active, #dilworth h1 a:hover      {
      display:                block;
      width:                  330px;
	text-indent: 		-9999px;
}

#dilworth.category h1 a:link, #dilworth.category h1 a:visited, #dilworth.category h1 a, #dilworth.category h1 a:active, #dilworth.category h1 a:hover,
#dilworth.start h1 a:link, #dilworth.start h1 a:visited, #dilworth.start h1 a, #dilworth.start h1 a:active, #dilworth.start h1 a:hover      {
	height: 			54px;
}

#dilworth.contact h1 a:link, #dilworth.contact h1 a:visited, #dilworth.contact h1 a, #dilworth.contact h1 a:active, #dilworth.contact h1 a:hover,
#dilworth.detail h1 a:link, #dilworth.detail h1 a:visited, #dilworth.detail h1 a, #dilworth.detail h1 a:active, #dilworth.detail h1 a:hover      {
	height: 			67px;
}


#dilworth.category h2	{
	position: 			absolute;
	top:				0px;
	left:				436px;
	color: 			#fff;
	font-size: 			1.5em;
	height:			109px;
	width: 			182px;
	text-align: 		center;
	background-color:       transparent;
	background-position: 	top left;
	background-repeat: 	no-repeat;
	padding:			73px 0 0 0;
	font-weight: 		normal;
	text-transform: 		uppercase;
	z-index: 			2;
	cursor:                 pointer;
}

#dilworth.main h2	{
	padding:			82px 0 0 0 !important;
	height: 			100px;
	cursor:                 default;
}

#dilworth.category h3	{
	position: 			absolute;
	top:				91px;
	left:				436px;
	width: 			182px;
	font-style: 		italic;
	font-weight: 		normal;
	color: 			#999;
	font-size: 			1.5em;
	text-align: 		center;
	z-index: 			3;
}

#dilworth.start h3 {
	display:			none;
}

#dilworth #navigation		{
	position: 			absolute;
	top:				65px;
	left:				0;
	width: 			330px;
	height:			100px;
	z-index: 			5;
}

#dilworth #navigation li	{
	display: 			block;
	width:			330px;
	height: 			auto;
}

#dilworth #navigation li a:link,
#dilworth #navigation li a:visited,
#dilworth #navigation li a:active,
#dilworth #navigation li a:hover,
#dilworth #navigation li a	{
	display: 			block;
	width:			330px;
	background-position: 	top left;
	background-repeat: 	no-repeat;
	background-color: 	transparent;
	text-indent: 		-9999px;
}

#dilworth #navigation li a#pictures	{
	background-image: 	url(../img/start_pictures.jpg);
	height:			64px;
}

#dilworth #navigation li a#contact	{
	background-image: 	url(../img/start_contact.jpg);
	height:			36px;
}

#dilworth #picturelist {
	position: 			absolute;
	top:				0px;
	left:				0px;
	width:			875px;
	z-index:			1;
}

#dilworth #picturelist li	{
	display:			block;
	float:			left;
	width:			182px;
	height:			281px;
	margin:			0 36px 0 0;
	text-align: 		center;
	font-size:			1.5em;
}

#dilworth.start #picturelist > li:first-child	{
	margin: 			0 36px 0 436px;
}


#dilworth.start #picturelist li.last-child ul,
#dilworth.start #picturelist li.last-child {
	width:			654px;
	margin:			0 218px 0 0;
}

#dilworth.category #picturelist > li:first-child	{
	margin: 			0 36px 0 654px;
}


#dilworth.category #picturelist li.last-child ul,
#dilworth.category #picturelist li.last-child {
	width:			436px;
	margin:			0 872px 0 0;
}

#dilworth #picturelist li a:link,
#dilworth #picturelist li a:visited,
#dilworth #picturelist li a:active,
#dilworth #picturelist li a:hover,
#dilworth #picturelist li a	{
	display: 			block;
	width:			182px;
	height:			182px;
	text-decoration: 		none;
	text-indent: 		-9999px;
	background-repeat: 	no-repeat;
	background-position: 	center bottom;
	margin:			0 0 14px 0;
}

#dilworth #picturelist li p.more a:link,
#dilworth #picturelist li p.more a:visited,
#dilworth #picturelist li p.more a	{
	display: 			inline;
	text-decoration: 		none;
	text-indent: 		0;
	color:			#999;
}

#dilworth #picturelist li p.more a:active,
#dilworth #picturelist li p.more a:hover {
	color:			#000;
}

#dilworth #picturelist li h4	{
	font-weight: 		normal;
}

#dilworth.detail #imagedetail p,
#dilworth #picturelist li p	{
	font-style:			italic;
	color: 			#999;
}

#dilworth #picturelist li p	{
	padding:			0 20px;
}

#dilworth #picturelist li ul li	{
	color: 			#999;
	font-size: 			1.0em;
	font-style: 		italic;
	height:			109px;
	vertical-align: 		middle;
	text-align: 		center;
	background-position: 	top left;
	background-repeat: 	no-repeat;
	padding:			73px 0 0 0;
}

#dilworth.category h2#project,
#dilworth #picturelist li ul li#project	{
	background-image: 	url(../img/start_project_button.jpg);
}

#dilworth.category h2#band,
#dilworth #picturelist li ul li#band	{
	background-image: 	url(../img/start_bands_button.jpg);
}

#dilworth.category h2#recordsleeves,
#dilworth #picturelist li ul li#recordsleeves	{
	background-image: 	url(../img/start_records_button.jpg);
}

#dilworth #picturelist li ul li a:link,
#dilworth #picturelist li ul li a:visited,
#dilworth #picturelist li ul li a	{
	color: 			#fff;
	background-color:       transparent;
	display:			block;
	text-transform: 		uppercase;
	font-style: 		normal;
	height:			auto;
	width: 			auto;
	margin:			auto;
	text-indent: 		0px;
}

#dilworth #picturelist li ul li a:active,
#dilworth #picturelist li ul li a:hover	{
	color: 			#999;
}

#dilworth.detail #imagedetail {
      position:               absolute;
      top:                    89px;
      left:                   0;
	font-size:			1.5em;
	padding:                0 0 57px 0;
}

#dilworth.detail #imagedetail p,
#dilworth.detail #imagedetail h4    {
      position:               relative;
      background-color:       transparent;
      z-index:                7;
}

#dilworth.detail #imagedetail p     {
      padding:                0px 0 0 29px
}
#dilworth.detail #imagedetail h4    {
      font-weight:            normal;
      padding:                11px 0 0 29px
}

#dilworth.detail #imagedetail a     {
      display:                block;
      position:               absolute;
      top:                    0;
      width:                  50%;
      height:                 90%;
      text-indent: 		-9999px;
      z-index:                50;
}

#dilworth.detail #imagedetail a#next     {
      right:                  0;
}

#dilworth.detail #imagedetail a#prev     {
      left:                  0;
}

#dilworth.detail #imagedetail a#next:hover   {
      background:       	transparent url(../img/detail_pfeil_rechts.png) 90% 50% no-repeat;
}

#dilworth.detail #imagedetail a#prev:hover   {
      background:       	transparent url(../img/detail_pfeil_links.png) 10% 50% no-repeat;
}

#dilworth.contact #email {
	width:			342px;
	height:			150px;
	background: 		transparent url(../img/contact_mail.jpg) top left no-repeat;
	text-indent: 		-9999px;
	margin:			0 0 56px 0;
}

#dilworth.contact #tel {
	width:			349px;
	height:			308px;
	background: 		transparent url(../img/contact_tel.jpg) top left no-repeat;
	margin:			0 0 136px 0;
}

#dilworth.contact #tel span {
	display: 			none;
}

#dilworth.contact #creators li {
	display: 			block;
	text-align: 		center;
	font-size: 			1.5em;
	line-height:		1.2em;
}

#dilworth.contact #creators li a:link, 
#dilworth.contact #creators li a:visited,
#dilworth.contact #creators li a {
	color:			#000;
}

#dilworth.contact #creators li a:active,
#dilworth.contact #creators li a:hover {
	color:			#999;
	text-decoration: 		none;
}