@charset "UTF-8";
/* CSS Document */

body {
	background-color:#e6e7e1; color:#000; text-align:center; margin: 0 auto; width:600px;
}

/******************   MAIN DIVS   ********************/

#container {
	width: 780px; /*--Specify Width 600--*/
	height: 440px; /*--Specify Height 300--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -220px 0 0 -390px; /*--Set negative top/left margin-150 0 0 -300--*/
	background:#fff url(images/f_22.gif) top left no-repeat;
	overflow:hidden;
	text-align:left;
}
#footer{
	position:absolute; left:0; bottom:0; width:780px; height:50px; background:#000; z-index:0; overflow:hidden;
}
#menu{
	position:absolute; left:70px; top:-35px; width:620px; height:33px; z-index:1;
}

/******************   CONTENT   ********************/
ul, li, blockquote {margin:0;padding:0;}
ul, li { list-style:none;}
a.more {font:11px Geneva, Arial, Helvetica, sans-serif;}
#container a:hover{color:#000;}
h2 {font:14px normal Geneva, Arial, Helvetica, sans-serif; }

#items{
	margin:0; padding:0; position:absolute; left:450px; top:152px; width:180px; height:150px; z-index:1; background-color: #fff; 
}
#items2{
	margin:0; padding:0; position:absolute; left:470px; top:120px; width:180px; height:174px; z-index:1; background-color: #fff; 
}

#items li, #items2 li{
	display:block; width:100%; height:36px;
}
#items li a, #items2 li a{ color:#333; text-decoration:none; font:14px Geneva, Arial, Helvetica, sans-serif; display:block; border:1px solid #fff; padding:6px; background:#fff; }
#items li a:hover, #items2 li a:hover{ color:#333; text-decoration:none; border:1px solid #333;}

#Layer2 {position:absolute; left:41px; top:140px; width:209px; height:77px; z-index:2; background-color: #fff; visibility: inherit;}
#Layer2 p {font:10px Verdana, Arial, Helvetica, sans-serif; color:#999;}

#links { position:absolute; left:-720px; top:121px; width:701px; height:204px; z-index:1;padding:20px;}
#block1, #block2, #block3 { width:250px; float:left;font:10px Verdana, Arial, Helvetica, sans-serif;}

.next { position:absolute;width:600px; top:170px; left:20px; clear:both; z-index:1; font:11px Geneva, Arial, Helvetica, sans-serif;}

/******  ARTS PG  ******/
#indexbtn{position:absolute; left:851px; top:125px; width:140px; height:30px; z-index:1;}
#pdfbtn{position:absolute; left:851px; top:125px; width:100px; height:30px; z-index:2;}
#stafbtn{position:absolute; left:851px; top:125px; width:100px; height:30px; z-index:3;}
#introbtn{position:absolute; left:850px; top:125px; width:90px; height:30px; z-index:4;}
#emailbtn{position:absolute; left:850px; top:125px; width:100px; height:30px; z-index:5;}
#index {position:absolute; width:150px; height:200px; z-index:6; left: 290px; top: 145px; font:10px Verdana, Arial, Helvetica, sans-serif;}
#index td{background:#fff; text-align:center;}
#pdfs {position:absolute; width:60px; height:80px; z-index:6; left: 515px; top: 155px; }
#staf{position:absolute; width:450px; height:140px; z-index:6; left: 43px; top: 155px; }
#intro{position:absolute; left:43px; top:155px; width:701px; height:122px; z-index:5; overflow: visible; }
 #index p, #staf p, #intro p, #pdfs p {font:10px Verdana, Arial, Helvetica, sans-serif; color:#000;}

/******************   ROADRUNNERS INDEX PG  ********************/

#roadrunner { position:absolute; left:-100px; top:136px; width:81px; height:85px; z-index:3; }
#text1 { position:absolute; left:846px; top:261px; width:367px; height:36px; z-index:1 }
#text2 { position:absolute; left:-260px; top:-7px; width:260px; height:90px; z-index:2 }
#hola { position:absolute; left:20px; top:20px; width:313px; height:76px; z-index:4; font:12px Verdana, Arial, Helvetica, sans-serif; }