/****************
 * Max's Kansas City CSS - Warhol Poster
 * 5/29/08
 ****************/
 
body{
	font:14px "Courier New", Courier, monospace;
}

div.shim{
	width:2386px;
	height:3398px;
	position:relative;
	background:#190707 url(images/bg.jpg) top left no-repeat;
	overflow:hidden;
}

a, a:link, a:visited{
	font-weight:bold;
	color:#ec008c;
	text-decoration:underline;
}

a:hover{
}

a.next{
	text-transform:uppercase;
	background-color:#ecd9d9;
	display:block;
	padding:10px 15px;
	width:50px;
	text-align:center;
	cursor:pointer;
	color:#000;
	text-decoration:none;
}

a.next:visited{
	color:#000;
	text-decoration:none;
}



h1{
	margin:0;
	color:#e3e3e3;
	position:absolute;
	top:-900px;
}


/******* navigation **********/


/* poster nav */
#thenav ul{
	width:200px;
	height:93px;
	padding-top:22px;
	background:url(images/nav_this_bg.png) top left no-repeat;
}

#thenav h2{
	background:url(images/nav_this_poster.gif) top left no-repeat;
}


#thenav li a{
	width:200px;
}

#thenav li.i1 a{
	background:url(images/nav_1.png) top left no-repeat;
}

#thenav li.i2 a{
	background:url(images/nav_2.png) top left no-repeat;
}

#thenav li.i3 a{
	background:url(images/nav_3.png) top left no-repeat;
}

#thenav li.i4 a{
	background:url(images/nav_4.png) top left no-repeat;
}

#thenav li.i5 a{
	background:url(images/nav_5.png) top left no-repeat;
}

#thenav li.i6 a{
	background:url(images/nav_6.png) top left no-repeat;
}

#thenav li.i7 a{
	background:url(images/nav_7.png) top left no-repeat;
}


#thenav li.i1 a.visited{
	background-image:url(images/nav_1-2.png);
}

#thenav li.i2 a.visited{
	background-image:url(images/nav_2-2.png);
}

#thenav li.i3 a.visited{
	background-image:url(images/nav_3-2.png);
}

#thenav li.i4 a.visited{
	background-image:url(images/nav_4-2.png);
}

#thenav li.i5 a.visited{
	background-image:url(images/nav_5-2.png);
}

#thenav li.i6 a.visited{
	background-image:url(images/nav_6-2.png);
}

#thenav li.i7 a.visited{
	background-image:url(images/nav_7-2.png);
}

#thenav li a:hover{
	background-position:bottom left;
}


/* end nav */


div#section1, div#section2, div#section3, div#section4, div#section5, div#section6{
	position:absolute;
	width:1024px;
	height:768px;
}

div.content{
	width:1024px;
	height:768px;
	position:relative;
}

div.text{
	display:block;
	color:#bc005e;
	width:353px;
	background-color:#ecd9d9;
	padding:5px 10px;
	margin:0;
}

.content .text h2{
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	padding:0;
	margin:0 0 15px 0;
	font-size:14px;
	line-height:14px;
	display:block;
}

.text p{
	margin:0;
	padding:0;
	margin:15px 0px 3px;
	line-height:16px;
}

.slideshow_container p.caption{
	background-color:#ecd9d9;
	font-weight:bold;
	color:#ec008c;
	
	
	background-color:#000;
}

/********** Section 1 *************/
div#section1{
	top:87px;
	left:160px;
}

#section1 div.text{
	margin:18px 0 0px 80px;
	width:340px;
}

#section1 a.next{
	margin:15px 0px 0px 360px;
}

/********** Section 2 *************/
div#section2{
	left:185px;
	top:950px;
}

#section2 div.video_container{
	margin:20px 0px 0px 20px;
}

#section2 div.text{
	width:695px;
	margin:15px 0 0 20px;
}

#section2 a.next{
	margin:15px 0px 0px 655px;
}

/********** Section 3 *************/
div#section3{
	left:1250px;
	top:400px;
}

#section3 div.text{
	margin:10px 0 15px 10px;
	width:335px;
	float:left;
}

#section3 a.next{
	clear:both;
	display:block;
	margin:15px 0px 0px 283px;
}

#section3 div.slideshow_container{
	float:right;
	margin:10px 0px 0px 0px;
}

/********** Section 4 *************/
div#section4{
	left:1220px;
	top:2330px;
}

#section4 div.audio_container{
	margin:25px 0px 0px 25px;
}

#section4 div.text{
	margin:25px 0px 0px 25px;
	width:700px;
}

#section4 a.next{
	margin:15px 0px 0px 665px;
}

/********** Section 5 *************/
div#section5{
	left:170px;
	top:2330px;
}

#section5 div.text{
	margin:25px 0 0 0px;
	width:850px;
}

#section5 div.slideshow_container{
	float:left;
	margin:25px 0 0 0;
}

#section5 a.next{
	margin:20px 155px 0 0px;
	float:right;
}

/********** Section 6 *************/

div#section6{
	left:1240px;
	top:1385px;
}

#section6 div.text{
	margin:25px 0 0 20px;
	width:845px;
}

#section6 div.slideshow_container{
	float:left;
	margin:40px 0 0 20px;
}

#section6 a.next{
	margin:10px 140px 0 0px;
	float:right;
}