/* FORMATTING */ 

.leftside {
width:300px;
float:left;
}

.rightside {
position:relative; left:2px;
width:100%;
margin:2px 2px;
clear:right;
}

/* FONT EMBEDDING */ 

@font-face {
	font-family: 'sevenmonkey';
	src: url('http://www.blamgraphics.com/fonts/sevenmonkey.eot');
	src: local('sevenmonkey'), url('http://www.blamgraphics.com/fonts/sevenmonkey.ttf') format('truetype');
}

@font-face {
	font-family: 'shanghai';
	src: url('http://www.blamgraphics.com/fonts/shanghai.eot');
	src: local('shanghai'),  url('http://www.blamgraphics.com/fonts/shanghai.ttf') format('truetype');
}

@font-face {
	font-family: 'wonton';
	src: url('http://www.blamgraphics.com/fonts/wonton.eot');
	src: local('wonton'), url('http://www.blamgraphics.com/fonts/wonton.ttf') format('truetype');
}

/* THE USUAL TAGS */ 

html{
padding:0px;
margin:0px;
}

body {
background:url(images/nt/Deathdealer675.jpg) no-repeat fixed left;
background-color:black;
scrollbar-base-color:green;
}

i {
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 0.8em; 
color: #D00000;
background-color:black;
}

iframe {
scrollbar-base-color:green;
}

h1 {  
font-family: 'shanghai', Arial, Helvetica, san-serif; 
font-size: 1.2em; 
font-style: normal; 
color: #FF0000;
background-color:black;
padding:0px;
margin:0px;
}

hr {
color:green;
}

p {  
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 0.9em; 
font-style: normal; 
color: #D00000;
background-color:black;
}

/* SPECIAL TEXTS  OR ID'S */ 

.disclaimer {
text-transform:uppercase;
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 0.6em; 
font-style: normal; 
color: #D00000;
background-color:black;
}

/* newpic is really the Name of each picture's text */
.newpic {
align:top;
text-transform:uppercase;
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 1.2em; 
font-style: normal; 
color: #FF0000;
background-color:black;
}

.ntitembox {
float:left;
width:270px;
background-color:black;
border: 4px outset green;
padding: 2px 4px;
margin:0px 4px 5px 0px;
}

.ntitembox img{
padding: 2px 2px;
}

.ntitembox strong{
clear:left;
}

.ntitembox table{
text-transform:uppercase;
text-indent:30px;
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 0.6em; 
font-style: normal; 
color: #D00000;
}

.ntmainbox {
background-color:black;
width:100%;
border:4px outset green;
padding:2px 4px;
margin:0px 5px 5px 0px;
font-family: Geneva, Arial, Helvetica, san-serif; 
font-style: normal; 
color: #D00000;
}

.ntmainbox a {  
font:1.1em;
color:#FF0000;
}

.ntmainbox a:hover {  
color:white;
text-decoration:none;
}

.ntmainbox img {  
border: 2px outset green;
}

.ntmainbox p {  
text-indent:20px;
padding: 0px;
margin:0px;
}

.ntmainbox h1 {  
text-transform:uppercase;
font-family: 'shanghai', Geneva, Arial, Helvetica, san-serif; 
font-size: 1.5em; 
padding: 0px;
margin:2px;
background-color:black;
}

.ntmainbox h2 {  
text-transform:uppercase;
font-family: 'shanghai', Geneva, Arial, Helvetica, san-serif; 
font-size: 1.2em; 
padding: 0px;
margin:2px;
background-color:black;
}

.ntmainbox .scalernt{
float:right;
}

.ntmainbox ul.enemies {list-style:none; list-style-type:none; padding:0; margin:0;}
.ntmainbox ul.enemies li {display:block; border:1px solid green; clear:both;}
.ntmainbox ul.enemies li h2 {font: 1.3em  'shanghai', Geneva, Arial, san-serif; font-weight:normal; letter-spacing: 0;}
.ntmainbox ul.enemies li img {float:left; width:200px;  margin:0px 10px 10px 0px;}
.ntmainbox ul.enemies li b {font: 0.9em  Geneva, Arial, san-serif; font-weight:normal; letter-spacing: 0;}
.ntmainbox ul.enemies li .smallimgcast {display:inline;}
.ntmainbox ul.enemies li img.smallimg {width:100px; padding:0; margin:0px 0px 10px 3px;}

.ntmainbox ul.allies {list-style:none; list-style-type:none; padding:0; margin:0;}
.ntmainbox ul.allies li {display:block; border:1px solid green; clear:both;}
.ntmainbox ul.allies li h2 {font: 1.3em  'shanghai', Geneva, Arial, san-serif; font-weight:normal; letter-spacing: 0;}
.ntmainbox ul.allies li img {float:left; width:200px; margin:0px 10px 10px 0px;}
.ntmainbox ul.allies li b {font: 0.9em  Geneva, Arial, san-serif; font-weight:normal; letter-spacing: 0;}
.ntmainbox ul.allies li .smallimgcast {display:inline;}
.ntmainbox ul.allies li img.smallimg {width:100px; padding:0; margin:0px 0px 10px 3px;}

.ntpricesbox {
background:url(images/nt/NTGroupPicInvertRed.jpg) repeat;
border: 4px outset green;
padding: 2px 4px;
margin:0px 4px 5px 0px;
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 0.8em; 
font-style: normal; 
}

.ntpricesbox strong{
clear:left;
font-family: 'shanghai', Geneva, Arial, Helvetica, san-serif; 
font-size: 1.3em;
color: black;
background-color:green; 
}

.ntpricelistbottombox {
clear:left;
padding: 2px;
border: 4px outset green;
}

.orderbox {
clear:both;
width:50%;
background-color:black;
border: 2px outset green;
padding: 2px;
}

.thesmallprint {
text-transform:uppercase;
text-align:right;
font-family: 'sevenmonkey', Geneva, Arial, Helvetica, san-serif; 
font-size: 1em; 
color:green;
background-color:black;
}

.title {
text-transform:uppercase;
text-align:center;
font-family: 'shanghai', Geneva, Arial, Helvetica, san-serif; 
font-size: 2.8em; 
font-weight:bold;
color:black;
background-color:green;
width:300px;
}

.title a {
color:black;
text-decoration:none
}

.title a:hover {
color:white;
text-decoration:none
}

.slogan {
text-transform:uppercase;
text-align:center;
font-family: 'shanghai', Geneva, Arial, Helvetica, san-serif; 
font-size: 1.2em; 
color:black;
background-color:green;
width:300px;
}

/* gallery container for picture viewing - by CSS Play*/ 

#gallery {width:650px; height:550px; padding:10px; border: 4px outset green; background: black; position:relative; margin-bottom:20px;}
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; height:450px; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:red; font-family:Geneva, Arial, Helvetica, san-serif; font-weight:bold; font-size:1em; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:green; background:red;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:black; z-index:20;}
#gallery ul li a:hover span {display:block; color:red; font-family:Geneva, Arial, Helvetica, san-serif; font-weight:bold; font-size:1em; width:400px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:450px; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:white;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:black; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:red; font-family:Geneva, Arial, Helvetica, san-serif; font-weight:bold; font-size:1em; width:400px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}