
 
HTML{		
margin: 0px;
padding: 0px;}

BODY {					
background-color:#060606; 
background-image:url(images/bg-tryst6.jpg); 
background-position:top Center; 
background-attachment:fixed ; 
background-repeat: repeat-y; 
border-width:0px; 
border-style:Solid; 
height: 100%;		
margin: 0px;
padding: 0px;
text-align: center; margin-left: auto; margin-right: auto; 
color:#000000; font: verdana, sans-serif; font-size: 10px;
}

BODY.Shadowbox{
BACKGROUND-COLOR: #000005;
background-image: url()
}

 /*CONTAINERS*/

#wrapper{	
width:765px;
height: 600px;
margin-left: auto; 
margin-right: auto;  
margin-top: 0px; 
margin-bottom: 0px;
text-align: left; 
padding-top: 30px;
background: transparent url(images/tryst-intro.png) no-repeat 0px 30px;
border: solid red 0px;
}


#banner{ 
position: relative;
z-index:-1;
width: 760px;
height:200px;	
background: transparent url(images/banner2.png) no-repeat 5px 0px;
margin: 0px auto 0px auto;
padding:0px;
border: solid 0px red;
}

#linksdiv{
position:relative;
z-index:1;
height:30px;
margin-top:0px;
margin-left:-70px; 
margin-right:auto;  
border: solid 0px; 
border-color: yellow;
padding:2px 0px 1px 0px;
background: transparent url(mages/alpha-black.png) repeat;
text-align:center 
}


#lamp{	
width:400px;
position: relative;
z-index:0;
margin:-60px 0px 2px -200px;
padding:0px; 
padding-top: 0px;
padding-bottom:0px;
border: 0px red solid;
background: transparent url() repeat-y 0px 0px;
}
 
 
#ShadowboxLamp{	
z-index:0;
float: left;
margin-right: -50px;
margin-left: -80px;
margin-top: -70px;
padding:0px; 
padding-top: 0px;
padding-bottom:0px;
border: 0px red solid;
}

#ShadowboxDiv{
padding-bottom: 40px;
background: transparent url(images/tryst-ob.png) no-repeat 420px 0px;
border: solid 0px green
}



.mediadiv{
float:right;
z-index:2;
width:150px;
height: 300px;
margin-top:-400px;
margin-left:0px; 
margin-right:-60px; 
padding:30px 0px 0px 0px;
border: solid 1px; 
border-color: black;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;	
-moz-box-shadow:inset 0 0 30px #000000;
-webkit-box-shadow:inset 0 0 30px #000000;
box-shadow:inset 0 0 30px #000000;
background: transparent url(mages/AlphaRed.png) repeat; 
text-align:center
}

.mediacontent{
z-index:2;
width:140px;
margin-top:20px;
margin-left:auto; 
margin-right:auto; 
padding:0px;
border: solid 0px; 
border-color: #303030;
background: transparent url() no-repeat; 
}


 /*TEXT*/

H1 { 
color: #a0a0ff; 
font-family: "times new roman", serif;
font-size: 10pt;
font-weight: bold; 
letter-spacing: 3px;
line-height: 20px;
text-align: LEFT;
width: 426px;
margin: 20px; 
margin-bottom: -60px;
padding: 10px;
border: 0px solid;
background: transparent url(); 
}
 
H1.hidden{
visibility: hidden;
font-size: 1%
}

H2 { 
color:#9090b0;
font-family: verdana, sans-serif;  
font-size: 8pt; 
font-weight: bold;
letter-spacing: 6px;
line-height: 9px;
text-align: center; 
width: 430px;
margin: 20px 0px 10px -7px; 
padding: 4px ; 
border-width: 0px 0px 0px 0px; 
border-style: solid; 
border-color:#401020;
background: #303030 url(images/alpha-red.png); 

 }
 

 
H2.hidden { 
position:fixed;
visibility: hidden;
font-size: 1%;
 }
 
 
H3 { 
color:#c0c0ff;
font-family: verdana, sans-serif;  
font-size: 7pt; 
font-weight: bold;
letter-spacing: 4px;
line-height: 9px;
text-align: left; 
margin: 30px 0px -5px 5px; 
padding: 4px ; 
border-width: 0px 0px 1px 0px; 
border-style: solid; 
border-color:#401020;
background: transparent url(); 
}

H4 { 
color:#a0a0ff;
font-family: verdana, sans-serif;  
font-size: 7pt; 
font-weight: bold;
letter-spacing: 1px;
line-height:10px;
text-align: left; 
margin: 7px 0px -5px 5px; 
padding: 4px ; 
border-width: 0px 0px 0px 0px; 
border-style: solid; 
border-color:#401020;
background: transparent url(); 
}


p{
color: #d0d0ff; 
font-family: verdana, sans-serif; 
font-size: 10px;
font-weight: normal;
letter-spacing:0px;
line-height: 15px; 
text-align: left;  
margin:20px 40px 20px 30px;

}

p.inline {
display: inline;  
font-size: 8px;
line-height: 15px; 
text-align: center;
margin: 20px; 
margin-bottom:30px; 
margin-left: 10px; 
background-image: url("");
background-repeat: repeat-x; 
}

p.shadowboxtext{
padding-top: 40px;
margin-right: 200px;
}

 
p.indent { 
color: #c0c0c0
font-size:10px;
font-weight: bold; 
line-height:14px ;
margin: 10px 80px 10px 80px; }
  
p.center {
text-align: center; }
 
p.hidden{
visibility: hidden;
font-size: 1%
}


 /*SPACING DIVS*/
.spacer1 {height:25px}
.spacer2 {height: 50px}
.spacer3 {height: 75px}
.spacer4 {height: 100px}
.spacer5 {height: 150px}
.spacer6 {height: 200px}
.spacer7 {height: 250px}
.spacer8 {height: 300px}




 /*LISTS*/
LI {
list-style: square outside; 
color:#909090; 
text-align: left;
margin-bottom: 10px; 
margin-top: 10px }

LI.inline {
 display: inline; 
list-style: square inside; 
color:#909090;
 text-align: left; 
 margin-bottom: -20px; 
 margin-left: 10px; }
   

 
 
  /*BUTTONS*/
 
.scribble a {
display: block;
color: #908080;
font: 9px  verdana, sans-serif;
font-weight: bold; 
letter-spacing: 0px;
text-align: left;
border-width: 1px; 
border-style: solid; 
border-color: #202020 ;
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px;
padding:6px;
border: 0px;
background-image: url();
background-repeat: no-repeat;
} 

.scribble a:hover, a:active{
width:120px;
color: #606060; 
background: transparent 
url("images/scribble.png") 
 no-repeat 0px 8px 
} 


.scribble2enter a {
width: 90px;
height:30px;
display: inline;
color: #908080;
font: 9px  verdana, sans-serif;
font-weight: bold; 
letter-spacing: 0px;
text-align: left;
border-width: 0px; 
border-style: solid; 
border-color: red ;
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px;
padding:20px 10px 10px 0px;
background-image: url();
background-repeat: no-repeat;
} 


.scribble2enter a:hover, a:active{
width:180px;
color: #606060; 
background: transparent 
url("images/scribble2enter.png") 
 no-repeat -3px 0px 
} 


 .scribble2story a {
display: inline;
color: #908080;
font: 9px  verdana, sans-serif;
font-weight: bold; 
letter-spacing: 0px;
text-align: left;
border-width: 0px; 
border-style: solid; 
border-color: red ;
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px;
padding:20px 10px 0px 0px;
background: transparent 
url() 
 no-repeat 1px 1px 
} 

.scribble2story a:hover, a:active{
color: #606060; 
background: transparent 
url("images/scribble2story.png") 
 no-repeat -1px -3px 
}


.scribble2prodinfo a {
display: inline;
color: #908080;
font: 9px  verdana, sans-serif;
font-weight: bold; 
letter-spacing: 0px;
text-align: left;
border-width: 0px; 
border-style: solid; 
border-color: red ;
margin-top: 0px; 
margin-left: 0px; 
margin-right: 10px; 
margin-bottom: 0px;
padding:20px 10px 0px 0px;
background-image: url();
background-repeat: no-repeat;
} 

.scribble2prodinfo a:hover, a:active{
color: #606060; 
background: transparent 
url("images/scribble2prodinfo.png") 
 no-repeat 3px  0px 
}


 .scribble2reviews a {
display: inline;
color: #908080;
font: 9px  verdana, sans-serif;
font-weight: bold; 
letter-spacing: 0px;
text-align: left;
border-width: 0px; 
border-style: solid; 
border-color: red ;
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px;
padding:20px 10px 0px 0px;
background-image: url();
background-repeat: no-repeat;
} 

.scribble2reviews a:hover, a:active{
color: #606060; 
background: transparent 
url("images/scribble2reviews.png") 
 no-repeat -3px 0px
}
 .scribble2buytickets a {
display: inline;
color: #908080;
font: 9px  verdana, sans-serif;
font-weight: bold; 
letter-spacing: 0px;
text-align: left;
border-width: 0px; 
border-style: solid; 
border-color: red ;
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px;
padding:20px 10px 0px 0px;
background-image: url();
background-repeat: no-repeat;
} 

.scribble2buytickets a:hover, a:active{
color: #606060; 
background: transparent 
url("images/scribble2buy-tickets.png") 
 no-repeat -3px  -3px
}



 .scribble2home a {
display: inline;
color: #908080;
font: 9px  verdana, sans-serif;
font-weight: bold; 
letter-spacing: 0px;
text-align: left;
border-width: 0px; 
border-style: solid; 
border-color: red ;
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px;
padding:20px 10px 0px 0px;
background-image: url();
background-repeat: no-repeat;
} 

.scribble2home a:hover, a:active{
color: #606060; 
background: transparent 
url("images/scribble2home.png") 
 no-repeat 0px 0px
}

 /*LINKS*/ 
   
   
a:link {
color: #e0e0ff;
font-family: verdana, sans-serif;  
font-size: 9px;  
font-weight: bold;
font-style: normal; 
letter-spacing: 2px; 
background: none; 
 }

a:visited {
color: #e0e3ff;
font-size: 9px;  
font-weight: bold;
font-style: normal; 
letter-spacing: 2px; 
background: none; 
 }

a:hover {
color: #ffffff;
font-size: 9px;
font-weight:bold
}
 
a:active {
color: #e0e0ff;
font-size: 9px;
font-weight:bold 
}
 
 
 /*IMAGES*/


.image{ 
margin: 0px 0px 5px -30px; 
border: none;}


img.inline{ 
display:inline
margin-top: 0px;
margin-left:auto 
margin-right: auto; 
margin-bottom: 0px;
padding: 0px; 
border-width: 0px; 
border-style: solid; 
border-color: yellow
}


img.scribble{ 
margin-top: 0px;
margin-left:0px; 
margin-right: 0px; 
margin-bottom: 0px;
padding: 0px; 
border-width: 0px; 
border-style: solid; 
border-color: yellow
}

img.border{
display;block;
margin: 0px 0px 5px 10px; 
border-style: solid; 
border-width: 2px; 
border-color: #010101  #606060 #606060 #010101;
padding: 0px;text-align: left;}
 
img.border2{
margin:0px; 
border-style: solid; 
border-width: 2px; 
border-color: #010101 #606060 #606060 #010101; 
padding: 0px;}


img.floatleft{
float:left;
margin: 10px 5px 5px 5px; 
border: none; padding: 0px;}

img.floatleft2{
float:left;
margin: 20px 50px 5px 5px; 
border-style: solid; 
border-width: 2px; 
border-color: #a09080  #e0e0d0 #e0c0b0 #a09080; 
padding: 0px;}

img.floatright{
float:right;
margin-top: 30px; 
margin-right: 5px;
margin-left: 5px; 
margin-bottom: 0px; 
border: none; 
padding: 0px 0px 0px 20px;
}
 
img.floatright2{
float:right;
margin: 20px 10px 5px 5px;
border-style: solid; 
border-width: 2px; 
border-color: #a09080 #e0e0d0 #e0c0b0 #a09080; 
padding: 0px;}


