/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ol, dl, address {
        margin: 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
		padding: .5em;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}


/* 21cp Styling */
body {
background-color:#000;
color: #FFF;
}

a:link, a:visited {
font-size: 12px;
color: #ff9900;
text-decoration: none
}

a:hover, a:active {
font-size: 12px;
color: #009900;
text-decoration:underline;
}


#content-top {
diplay: block;
background-color:#333;
width: 100%;
margin-top: 0px;
}

#nav {
diplay: block;
background-color:#333;
width: 720px;
background-image:url(css-imgs/top-back.jpg);
background-repeat:no-repeat;
margin: auto;
margin-top: 0px;
}

.menu {
height: 48px;
margin-top: 5px;
}

		/* SUB-NAVIGATION BUTTONS */
			.cssnav	{
						position:relative;
						font-family: arial, helvetica, sans-serif;
						background-image:  url(css-imgs/overbtn.gif);
						background-repeat: no-repeat;
						white-space: nowrap;
						display: block;
						width: 174px;
						height: 33px;
						margin: 0; 
						padding: 0; 
			}
			.cssnav a {
						display: block;
						color: #FFF;
						font-size: 12px;
						width: 174px;
						height: 33px;
						display: block;
						float: left; 
						text-decoration: none;
			}

			.cssnav img {width: 174px; height: 33px; border: 0;}
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
						position: absolute;
						left: 12px;
						top: 9px;
						margin: 0px;
						padding: 0px;
						cursor: pointer;
						width: 149px;
						height: 14px;
						text-align: left;
						color: #FFF;
			}
			/* END OF SUB - NAVIGATION */

.pfa {
margin-bottom: 8px;
}

/*START THE BLACK BOX */ 

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(css-imgs/img.php.png) no-repeat bottom right} 

.cssbox{ 
/* intended total box width - padding-right(next) */ width:689px !important; 
/* IE Win = width - padding */ width: 674px; 
/* the gap on the right edge of the image (not content padding) */ padding-right:15px; 
/* use to position the box */ margin:0px auto; height: 20px;}

 /* set the top-right image */ 
.cssbox_head{
background-position:top right; 
/* pull the right image over on top of border */ margin-right:-15px; 
/* right-image-gap + right-inside padding */ padding-right:40px !important;
/* IE6 Hack */ padding-right:9px;
} 

/* set the top-left image */ 
.cssbox_head h2{ 
background-position:top left; margin:0; 
/* reset main site styles*/ border:0; 
/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:6px 0 0px 7px; 
height:auto !important; height:1%} /* IE Hack */ 

/*FINISHED WITH THE BLACK BOX */ 


#content-bottom {
diplay: block;
background-color:#000;
width: 100%;
margin-top: 0px;
}

#bottom-container {
diplay: block;
width: 720px;
margin: auto;
margin-top: 0px;
}

.rom-buttons {
width: 690px;
margin: 0px auto;
}

td.whiteround {
background-image:url(css-imgs/ROM-background.jpg);
background-repeat: no-repeat;
height: 99px;
color: #000;
font-size: 11px;
font-family: Helvetica, Arial, sans-serif;
line-height: 13px;
padding-left: 10px;
padding-top: 8px;
padding-right: 10px;
}

td.whiteround strong {
color: #009900;
font-weight: bold;
}

.learn {
padding-left: 20px;
padding-top: 2px;
}

.sitemap {
width: 690px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
font-size: 11px;
line-height: 15px;
}

.insidesm {
margin-top: 0x;
z-index: 100;
}

ul.bullet {
list-style-type:disc;
list-style-image:none;
margin-top: 10px;
margin-bottom: 3px;
}

li.bullet {
list-style-type:disc;
list-style-image:none;
margin-top: 3px;
margin-bottom: 3px;
}

ul {
margin-top: 0px;
padding-left: 0px;
margin-left: 18px;
}

li {
list-style-image:url(css-imgs/arrow.gif);
padding-left: 0px;
margin-left: -2px;
}



.sitemap a:link, .sitemap a:visited {
font-size: 11px;
color: #FF9900;
text-decoration: none
}

.sitemap a:hover, .sitemap a:active {
font-size: 11px;
color: #FFF;
text-decoration:underline;
}

.footer {
border-top: 1px #009900 solid;
width: 680px;
margin: 15px auto;
padding: 10px;
text-align: center;
font-size: 13px;
line-height: 22px;
}

.name {
font-size: 14px;
}

.pipe {
color:#009900;
}

.footer a:link, .footer a:visited {
font-size: 10px;
color: #FF9900;
text-decoration: none
}

.footer a:hover, .footer a:active {
font-size: 10px;
color: #FFF;
text-decoration:underline;
}

td.text-top {
background-image:url(css-imgs/inside-box-head.gif);
background-repeat: no-repeat;
height: 45px;
}

td.text {
background-image:url(css-imgs/Inside-Box-Mid.gif);
background-repeat:repeat-y;
color: #000;
padding-left: 20px;
padding-right: 20px;
}

td.text a:link, td.text a:visited {
color: #009900;
}

td.text a:hover, td.text  a:active {
color: #FF9900;
text-decoration: none;
}

td.text p {
padding-top: 8px;
}

img.righttext {
margin-left: 20px;
margin-bottom: 10px;
}

img.lefttext {
margin-right: 20px;
margin-bottom: 10px;
}

img.screenshot {
margin-top: 10px;
margin-bottom: 10px;
}

td.text-bottom {
background-image:url(css-imgs/Inside-Box-bottom.gif);
background-repeat: no-repeat;
background-position:bottom;
height: 15px;
}

.features {
background-color: #ffcc66;
margin-left: 14px;
padding: 10px;
}

td.text a.boxed:link, td.text a.boxed:visited {
color: #009900;
font-weight: bold;
}

td.text a.boxed:hover, td.text a.boxed:active {
color: #000000;
font-weight: bold;
}

img.zoom {
margin-right: 5px;
margin-top: 5px;
margin-bottom:5px;
}

a.zoom {
cursor: url('css-imgs/zoom.cur'),-moz-zoom-in;
}

h1 {
font-size: 14px;
margin-top: 10px;
font-weight: bold;
}

.divHide   {display:none;}
.divShow   {display:block;}
.spacebf {margin-right: 5px;}
dt {
 margin-bottom: 5px;
 }
 
 dd {
 margin-left: 12px;
 }
 
 p.nomarg {
 margin: 0px;
 }
 
 .compare {
 padding-left: 5px;
 }
 
 .inthenews {
background-color: #ffcc66;
padding: 5px;
display: block;
}x;
display: block;
}}