/* CSS Document */

html, body { 
background-color: #000000;
	}

H1 {
	color: #000000;
	font-size: 22px;
	}
	
H2 {
	color: #000000;
	font-size: 18px;
}

H3 {
	color: #000000;
	font-size: 16px;
}

H4 {
	color: #000000;
	font-size: 14px;
}



#container { 
	position: absolute;
	height: 460px;
	left: 0px;
	width: 780px;
	top: 0px;
	background:  url('images/bckgrndlogo.jpg') no-repeat top left;
	z-index: 1
	}

/*index page*/

#skip {
position: absolute;
left: 630px;
top: 480px;
z-index: 10;
background: transparent;
border: 0px red solid;
}

#skip a {
color: #ffffff;
font-size: 12px;
font-family: ariel, verdana, sans-serif;
}

	
#home{
	position:absolute;
	left: 390px;	
	top: 14px;
	border: 0px solid green;
	z-index: 100;
}

#home a:link img{
	background: url('images/homedark.gif') no-repeat left;
	z-index: 100
}

#home a:visited img{
	background: url('images/homelite.gif') no-repeat left;
	z-index: 100
}

#home a:hover img{
	background: url('images/homedark.gif') no-repeat left;
	z-index: 100
}

#home a:active img {
	background: url('images/homelite.gif') no-repeat left;
	z-index: 100
}

#about {
	position:absolute;
	left:473px;	
	top: 17px;
	border: 0px solid red;
	z-index: 100;
}

#about a:link img {
	background: url('images/aboutdarkcrp.gif') no-repeat left;
}

#about a:visited img {
	background: url('images/aboutlightcrp.gif') no-repeat left;
}

#about a:hover img  {
	background: url('images/aboutdarkcrp.gif') no-repeat left;
}

#about a:active img  {
	background: url('images/aboutlightcrp.gif') no-repeat left;
}

#whatsnew  {
	position:absolute;
	left:569px;	
	top: 43px;
	border:0px solid blue;
	z-index: 100;
}

#whatsnew  a:link  img  {
	background: url('images/whatsnewdarkcrp.gif') no-repeat left;
}

#whatsnew  a:visited  img {
	background: url('images/whatsnewlightcrp.gif') no-repeat left;
}

#whatsnew  a:hover  img {
	background: url('images/whatsnewdarkcrp.gif') no-repeat left;
}

#whatsnew  a:active img  {
	background: url('images/whatsnewlightcrp.gif') no-repeat left;
}

#contact {
position:absolute;
	left:685px;	
	top: 75px;
	border: 0px solid yellow;
	z-index: 100;	
}

#contact a:link  img {
	background: url('images/contactdarkcrp.gif') no-repeat left;
}

#contact a:visited  img {
	background: url('images/contactlightcrp.gif') no-repeat left;
}

#contact a:hover  img {
	background: url('images/contactdarkcrp.gif') no-repeat left;
}

#contact a:active img  {
	background: url('images/contactlightcrp.gif') no-repeat left;
}

/*Home Page*/

#containertext {
position: absolute;
	left:300px;
	top: 100px;
	width: 290px;
	height: 200px;
	text-align: center;
	font-family: ariel, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: none;
}

#context1 {
position: relative;
left: 0px;
top: 10px;
}

#context2 {
position: relative;
left: 50px;
top: 20px;
width: 370px;
}

#televisions {
position: absolute;
	left:220px;
	top: 200px;
	height: 250px;
	width: 500px;
	border: 0px solid red;
	background-color: none;
	
}

/*GLASS KISS*/
#TV1 {
	position: absolute;
	left:0px;
	top: 0px;
	width: 100px;
	border: 0px solid green;
	background-color: none;
	}
	
#glasskiss {
position: absolute;
	left:3px;
	top: 4px;
	border: 0px solid blue;
	width: 100px;
	background-color: none;
}	

#popup { 
	color: #000; 
	background-color: none; 
	}

#popup a:link, #popup a:visited {
	position: relative;
	display: block;
	width: 100px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	border: 0px solid red; 
	text-decoration: none;
	font-size: 12px; /*title and hover text*/
	font-weight: bold; /*title and hover text*/
	color: #ffffff;
	font-family: arial;
	background-color: none;
}

#popup a span {
	display: none;
	background-color: none;	
	}
	

#popup a:hover { 
	background-color: none; 
	}

/* the IE correction rule */
#popup a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup a:active {
background-color: none;
}

#popup a:hover span{
	display: block;
	position: absolute;
	left:-220px;	
	top:-270px;
	width:200px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background-color: #000000;
	text-align: left;
	border: 0px solid red;
}

#popup a {
background-color: none;
}

/*BENCHED*/

#TV2 {
	position: absolute;
	left:160px;
	top: 0px;
	width: 100px;
	border: 0px solid red;
	}
	
#benched {
position: absolute;
	left:2px;
	top: 4px;
}


#popup2 { 
	color: #000; 
	background-color: #c0c0c0; }

#popup2 a, #popup2 a:visited {
	position: relative;
	display: block;
	width: 100px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	border: 0px solid #ffffff; 
	text-decoration: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px; /*title and hover text*/
	font-weight: bold; /*title and hover text*/
}

#popup2 a span {
	display: none;
	}

#popup2 a:hover { 
	background-color: none; }

/* the IE correction rule */
#popup2 a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup2 a:hover span{
	display: block;
	position: absolute;
	left:-380px;	
	top: -270px;
	width: 200px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background: #000000;
	text-align: left;
	border: 0px solid #666;
}

/*FROTTAGE REPORTS*/

#TV3 {
	position: absolute;
	left: 320px;
	top: 0px;
	width: 100px;
	border: 0px solid blue;
	}
	
#frottage {
position: absolute;
	left:3px;
	top: 3px;
}

#popup3 { 
	color: #000; 
	background-color: #c0c0c0; }

#popup3 a, #popup3 a:visited {
	position: relative;
	display: block;
	width: 100px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	border: 0px solid #ffffff; 
	text-decoration: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px; /*title and hover text*/
	font-weight: bold; /*title and hover text*/
}

#popup3 a span {
	display: none;}

#popup3 a:hover { 
	background-color: none; }

/* the IE correction rule */
#popup3 a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup3 a:hover span{
	display: block;
	position: absolute;
	left:-540px;	
	top:-270px;
	width:200px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background: #000000;
	text-align: left;
	border: 0px solid #666;
}


/*DOCUMENTARIES*/


#TV4 {
	position: absolute;
	left: 270px;
	top: 119px;
	width: 130px;
	border: 0px solid green;
	}
	
#docu {
position: absolute;
	left:3px;
	top: 4px;
}

#popup4 { 
	color: #000; 
	background-color: #c0c0c0; }

#popup4 a, #popup4 a:visited {
	position: relative;
	display: block;
	width: 103px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	border: 0px solid #ffffff; 
	text-decoration: none;
	color: #ffffff;
	font-family: arial;
	font-size: 12px; /*title and hover text*/
	font-weight: bold; /*title and hover text*/
}

#popup4 a span {
	display: none;}

#popup4 a:hover { 
	background-color: none; }

/* the IE correction rule */
#popup4 a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup4 a:hover span{
	display: block;
	position: absolute;
	left:-490px;	
	top:-390px;
	width:200px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background: #000000;
	text-align: left;
	border: 0px solid #666;
}


#maintext {
	position:absolute;
	left:30px;	
	top: 80px;
	}

#text1 {
	position:absolute;
	left:270px;	
	top: 20px;
	width:300px;
	height: 50px;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	text-align: justify;
	}
	
#text2 {
	position:absolute;
	left:210px;	
	top: 100px;
	width:420px;
	height: 50px;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	text-align: justify;
	}
	
#listtext {
	position:absolute;
	left: 440px;	
	top:270px;
	width:240px;
	height: 120px;
	color: #ffffff;
	font-family: arial;
	font-size: 10px;
}

#context {
	position:absolute;
	left:350px;	
	top:150px;
	width:300px;
	height: 120px;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
}

.hhp {
color: #FFFF99;
font-size: 16px;
font-weight: bold;
font-family: Gill;
}

#context a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
}

#context a:hover{
color:  #FFFF99;
font-size: 12px;
text-decoration: none;
}


/*Whats New*/

#whatsnewcont {
	position: absolute;
	left:280px;
	top: 120px;
	width: 370px;
	height: 220px;
	border: 0px solid green;
}



#textcenter {
	position: absolute;
	left:300px;
	top: 80px;
	width: 300px;
	text-align: center;
	font-family: ariel, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}


#TV1n {
	position: absolute;
	left:0px;
	top: 0px;
	width: 100px;
	z-index: 20;
	border: 0px solid green;
	}
	
#queen {
	position: absolute;
	left:2px;
	top: 4px;
	width: 90px;
	border: 0px solid red;
	}

#popup5 { 
	color: #000; 
	background-color: none; 
	}

#popup5 a:link, #popup5 a:visited {
	position: relative;
	display: block;
	width: 100px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	border: 0px solid red; 
	text-decoration: none;
	font-size: 12px; /*title and hover text*/
	font-weight: bold; /*title and hover text*/
	color: #ffffff;
	font-family: arial;
	background-color: none;
}

#popup5 a span {
	display: none;
	background-color: none;	
	}
	

#popup5 a:hover { 
	background-color: none; 
	}

/* the IE correction rule */
#popup5 a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup5 a:active {
background-color: none;
}

#popup5 a:hover span{
	display: block;
	position: absolute;
	left:-280px;	
	top:-120px;
	width:240px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background-color: #000000;
	text-align: left;
	border: 0px solid red;
	padding: 10px;
}
	
/*other */

#ingred {
	position: absolute;
	left:0px;
	top: 150px;
	width: 100px;
	border: 0px solid blue;
	z-index: 500;
	}

#popup6 { 
	color: #000; 
	background-color: none; }

#popup6 a, #popup6 a:visited {
	position: relative;
	display: block;
	width: 100px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	border: 0px solid #ffffff; 
	text-decoration: none;
	font-size: 12px; /*title and hover text*/
	color: #ffffff;
	font-family: arial;
	font-weight: bold; /*title and hover text*/
}

#popup6 a span {
	display: none;
	}

#popup6 a:hover { 
	background-color: none; }

/* the IE correction rule */
#popup6 a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup6 a:hover span{
	display: block;
	position: absolute;
	left:-280px;	
	top: -270px;
	width:240px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background: #000000;
	text-align: left;
	border: 0px solid #666;
}


#gentle {
	position: absolute;
	left:220px;
	top: 30px;
	width: 130px;
	font-size: 14px;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	}

#popup7 { 
	color: #000; 
	background-color: none; }

#popup7 a, #popup7 a:visited {
	position: relative;
	display: block;
	width: 100px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	border: 0px solid #ffffff; 
	text-decoration: none;
	font-size: 12px; /*title and hover text*/
	color: #ffffff;
	font-family: arial;
	font-weight: bold; /*title and hover text*/
}

#popup7 a span {
	display: none;
	}

#popup7 a:hover { 
	background-color: none; }

/* the IE correction rule */
#popup7 a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup7 a:hover span{
	display: block;
	position: absolute;
	left:-500px;	
	top: -150px;
	width:240px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background: #000000;
	text-align: left;
	border: 0px solid #666;
}

#TV3n {
	position: absolute;
	left:220px;
	top: 120px;
	width: 100px;
	z-index: 20;
	border: 0px solid green;
	}
		
#winter {
	position: absolute;
	left: 3px;
	top: 4px;
}


#popup8 { 
	color: #000; 
	background-color: none; }

#popup8 a:link, #popup8 a:visited {
	position: relative;
	display: block;
	width: 100px;
	line-height: 14px; /*title and hover text*/
	text-align: center; /*title*/
	padding: 0 0px;
	margin: 0;
	text-decoration: none;
	font-size: 12px; /*title and hover text*/
	color: #ffffff;
	font-family: arial;
	font-weight: bold; /*title and hover text*/
}

#popup8 a span {
	display: none;
	background-color: none;
	}

#popup8 a:hover { 
	background-color: none; }

/* the IE correction rule */
#popup8 a:hover	{
	color: #ffffff; 
	background-color: none;
	text-indent: 0; /* added the default value */
}

#popup8 a:hover span{
	display: block;
	position: absolute;
	left:-500px;	
	top: -240px;
	width:240px;
	height:440px;
	margin: 0px;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
	background: #000000;
	text-align: left;
	border: 0px solid #666;
}


.notjustify {
text-align: left;
}

/*Queen of the Road page*/

#queencontainer { 
	position: absolute;
	height: 460px;
	left: 0px;
	width: 780px;
	top: 20px;
	background:  url('images/queenofroadbkgrnd.jpg') no-repeat top left;
	z-index: 1
	}

#covertext {
position: absolute;
	top: 130px;
	left: 590px;
width: 175px;
color: #ffffff;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
text-align: justify;
}

#rlores {
	position: absolute;
	top: 150px;
	left: 620px;
color: #ffffff;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
text-align: center;
	}

#rhires {
	position: absolute;
	top: 250px;
	left: 620px;
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	}

#rback {
	position: absolute;
	top:370px;
	left: 645px;
z-index: 200;
}

#rback a:link img {
	background: url('images/backdark.gif') no-repeat left;
}

#rback a:visited img {
	background: url('images/backlight.gif') no-repeat left;
}

#rback a:hover img {
	background: url('images/backdark.gif') no-repeat left;
}

#rback a:active img {
	background: url('images/backlight.gif') no-repeat left;
}




#llores {
	position: absolute;
	top: 190px;
	left: 60px;
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	}
	
#llores a {
color: #ffffff;
}

#lhires {
	position: absolute;
	top: 310px;
	left: 60px;
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	}
#lback {
	position: absolute;
	top:370px;
	left: 90px;
	z-index: 200;
}

#lback a:link img {
	background: url('images/backdark.gif') no-repeat left;
}

#lback a:visited img {
	background: url('images/backlight.gif') no-repeat left;
}

#lback a:hover img {
	background: url('images/backdark.gif') no-repeat left;
}

#lback a:active  img{
	background: url('images/backlight.gif') no-repeat left;
}





/*Dead of Winter page*/

#wincontainer { 
	position: absolute;
	height: 500px;
	left: 0px;
	width: 950px;
	top: 20px;
	background:  url('images/dowbkgrnd.jpg') no-repeat top left;
	z-index: 1
	}


#desc{
	position: absolute;
	display:block;
	padding: 5px;
	position:absolute;
	left: 10px;	
	top:100px;
	width:180px;
	height: 120px;	
	color:#ffffff;
	background-color: transparent;
	text-align: justify;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;	
}

#title {
	position: absolute;
	left: 470px;
	top: 0px;
	z-index: 500;
}


#trback {
	position: absolute;
	top:0px;
	left: 700px;
	z-index: 700;
}

#trback a:link  img{
	background: url('images/backdark.gif') no-repeat left;
}

#trback a:visited img {
	background: url('images/backlight.gif') no-repeat left;
}

#trback a:hover img {
	background: url('images/backdark.gif') no-repeat left;
}

#trback a:active img {
	background: url('images/backlight.gif') no-repeat left;
}


#montcontainer { 
	position: absolute;
	height: 460px;
	left: 20px;
	width: 780px;
	top: 20px;
	background:  url('images/montage.jpg') no-repeat top left;
	z-index: 1
	}
	
#contcontainer { 
	position: absolute;
	height: 460px;
	left: 0px;
	width: 780px;
	top: 0px;
	background:  url('images/contcontainer3.jpg') no-repeat top left;
	z-index: 1
	}

#email {
position: absolute;
top: 290px;
left: 284px;
z-index: 60;
}

#email a:link img {
background:  url('images/email1.gif') no-repeat top left;
}

#email a:visited img {
background:  url('images/email1.gif') no-repeat top left;
}

#email img a:hover {
background:  url('images/email2.gif') no-repeat top left;
}

#email a:active img {
	background: url('images/email2.gif') no-repeat left;
}


#pshowreel {
position: absolute;
top: 190px;
right: -100px;
z-index: 60;
}

#cshowreel {
position: absolute;
top: 290px;
right: -100px;
z-index: 60;
}


#teaser {
position: absolute;
top: 150px;
left: 510px;
z-index: 90;
}


#trailer {
position: absolute;
top: 150px;
left: 40px;
z-index: 60;
}



#mont {
position: absolute;
top: 160px;
right: 270px;
z-index: 60;
text-align: center;
}


#wtitle {
position: absolute;
top: 10px;
width: 250px;
left: 230px;
right: 100px;
z-index: 60;
text-align: center;
font-family: arial;
font-size: 15px;
color: #ffffff;
}


#dowback {
	position: absolute;
	top:370px;
	left: 40px;
	z-index: 200;
}

#dowback a:link img {
	background: url('images/backdark.gif') no-repeat left;
}

#dowback a:visited img {
	background: url('images/backlight.gif') no-repeat left;
}

#dowback a:hover img {
	background: url('images/backdark.gif') no-repeat left;
}

#dowback a:active  img{
	background: url('images/backlight.gif') no-repeat left;
}

#native 
{
	position: absolute;
	top:300px;
	left: 50px;
	z-index: 200;
	
}