/*+++ basic layout +++*/
/*+++ color codes: blue #0C1C8C
		orange #EF6B00
		gray # +++*/
html  {height: 100%;}/* footer placement from http://www.themaninblue.com/writing/perspective/2005/08/29/ */
body {
	font-family:"Times New Roman", Times, serif;
	font-size: 99%;
	margin: 0;
	border: 0;
	padding: 0;
height: 100%;}
#all {
	position: relative;
	min-height: 100%;
	font-size: 1em;
	border: 0;
	padding: 0;
	text-align: left;
}
* html #all {height: 100%;}
		/* +++ utilities +++ */

.clear {clear: both;
display:none;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    overflow: hidden;
}

.alert {color: red;}

.centertext {text-align: center;}
.rightjust {text-align: right;}
.leftjust {text-align: left;}
.floatleft {float: left;}
.floatright {float:right;}
IMG.addy {/* image of email address */
	vertical-align: bottom;
}
.emphasis {font-style:italic;font-weight:bold;}
.super {vertical-align: 33%;font-size:75%;}
.smaller {font-size: smaller;}
h1, h2 {font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {text-transform:uppercase;}

		/*+++ image replacement +++*/
.replace { 
	position: relative; 
	margin: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
} 

.replace span, .replace a { 
	display: block; 
	position: absolute; 
	top:0px; left:0px; 
	z-index:1; /* for Opera 5 and 6 */ 
}
h1.replace, h1.replace span, h1.replace a {
	width: 425px; 
	height: 153px;
}
h2.replace, h2.replace span, h2.replace a {
height: 80px;
width: 350px;
}
#single, #single span {
	background: transparent url(../pix/logo425.png) center 3px no-repeat;
}
#maxim, #maxim span {
	background: transparent url(../pix/maximlogosm.png) no-repeat;
}
#torrent, #torrent span {
	background: transparent url(../pix/torrentlogosm.png) no-repeat;
}

		/*+++ standard  +++*/

h3 {margin: .5em 1.5em;}
h4 {font-size: 1em;
	text-align: left;
margin: .5em 1em .5em 2em;
}
p {padding: .5em 1.2em;
}
		/*+++ top stuff  +++*/
#topbox{



/*position:relative;
top:0px;
left:0px;*/
}
#topanimation {
position:absolute;
top:0px;
left:3px;
height:286px;
width:400px;
border: 3px solid #0c1c8c;
overflow:hidden;
margin: 0;
padding: 0;
}
#logobox {position:absolute;
top:0px;
left:410px;
}

#logobox table.addy {
width: 430px;
margin-left: 50px;
margin-top: ;
}

h2.sublogo {
position:relative;
top: -50px;
left: 185px;
text-align:left;
font-size: 14px;
	z-index:10;
width: 370px;
}

		/*+++ text +++*/

#bluebox {
position:absolute;
top: 293px;
left:3px;
color: white;
background: #0C1C8C;
width: 406px;
height: 545px;
padding: 0px;
margin:0;
font-family:"Times New Roman", Times, serif;
font-size: 1.2em;}

		/*+++ navigation +++*/

#navblock {
position:absolute;
top: 293px;
left:410px;
	overflow: hidden;
	text-align: left;
	width: 492px;
	height: 408px;
	overflow:hidden;
background: white url(../pix/navblock.jpg) no-repeat;
}
#navblock ul, #navblock li {
    margin: 0; 
    padding: 0;
    list-style: none;
	display:block;
}
#navblock li {
width: 160px;
margin: 0px auto;
	color: black;
	text-decoration: none;
	font-size: 14px;
	font-weight: bolder;
	display:block;
}
#navblock a {
padding-top: 4px;
padding-left: 10px;
width: 150px;
float:none;
position: absolute;}
.border1 li, .border1 a {
height: 236px;}
.border2 li, .border2 a {
height: 156px;}

.border1 a {border: 2px solid #EF6B00;}
.border1 a:hover,.border2 a:hover {border: 2px solid black;}
.border2 a {border: 2px solid #0C1C8C;}
#navblock a:hover {
	color: blue;
	text-decoration: none;
}
#navblock #link1 a {top: 0px; left:0px;}
	#navblock #link1 a:hover {background: transparent url(../pix/navblock.jpg) -494px -2px no-repeat;}
#navblock #link2 a {top: 0px; left:164px;}
	#navblock #link2 a:hover {background: transparent url(../pix/navblock.jpg) -658px -2px no-repeat;}
#navblock #link3 a {top: 0; left:328px;}
	#navblock #link3 a:hover {background: transparent url(../pix/navblock.jpg) -822px -2px no-repeat;}
#navblock #link4 a {top: 245px; left:0px;}
	#navblock #link4 a:hover {background: transparent url(../pix/navblock.jpg) -494px -247px no-repeat;}
#navblock #link5 a {top: 164px; left:164px;}
	#navblock #link5 a:hover {background: transparent url(../pix/navblock.jpg) -658px -166px no-repeat;}
#navblock #link6 a {top: 245px; left:328px;}
	#navblock #link6 a:hover {background: transparent url(../pix/navblock.jpg) -822px -247px no-repeat;}

			/*+++ on inside pages +++*/
#sidenav {
position: absolute;
top: 180px;
left: 0px;
width: 165px;
padding: 25px 10px 25px 25px;
margin: 0 0 0 0;
border-right: 2px solid #0C1C8C;
}
#sidenav ul {
list-style:none;
font-family:"Times New Roman", Times, serif;
font-size: 1em;
color: black;
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
line-height: 1em;
}
#sidenav li {
margin: 1em 0;
padding: 0;}
#sidenav li a {
text-decoration: none;
color:black;}
#sidenav li a:visited {color: gray;}
#sidenav li a:hover {color:#0C1C8C;}
.inner #toplogo {
padding: 0;
text-align:left;
position: absolute;
top: 10px;
left: 0px;
margin: 0;
width: 100%;
height: 153px;
}
#toplogo img {
display:block;
float:left;}
#toplogo h1 {
margin:0 0 0 150px;
height:103px;
float:left;
position: relative;}
#toplogo h1 span {
position: absolute;
bottom: 0;}
#maintext {
position:relative;
/*top: 180px;*/
left: 0px;
margin-right: 4em;
padding: 200px 6em 5em 220px;
}
#maintext p {
line-height: 1.3em;
}
.textend {
}
#footer {
text-align:center;
position:relative;
margin-top: -4em;
}
.biglist {
text-align:center;
line-height: 1.5em;
margin-bottom:2em;
}
.piccaption {/*picture (thumbnail) plus caption */
border: 1px solid gray;
text-align:center;
width: 270px;
margin: 10px;
padding-top: 10px;
}
.piccaption.floatleft {
margin-right: 20px;
}
.piccaption.floatright {
margin-left: 20px;
}
#newslink {position:absolute;
top: 710px;
left: 410px;
	width: 482px;	border-bottom: 2px solid #0C1C8C;
}
#newslink2 {position:absolute;
top: 840px;
left: 20%;
width: 60%;
	text-align:center;
	font-weight:normal;}

h3 {margin-top: 10px;
margin-left: 40px;}

		/*+++ on upgrade page +++*/
.prodname {/* product name (e.g. MAXIM)*/
font-style:italic;
font-weight:bold;
color: #0C1C8C;
font-family: Arial, Helvetica, sans-serif;}
.boldlist {
font-weight:bold;
line-height: 1.5em;
padding-left: 20px;
}
.boldlist li { margin-left: 30px;}
FORM table {}
table.outer {width: 500px; 
border: 2px solid #EF6B00;
padding: 10px 20px;}
FORM table td.w200 {width: 200px; font-weight:bold}
FORM table td.w50 {width: 50px;
text-align:right;}
tr.midheader {
font-weight:bold;
line-height:1.6em;}
INPUT.button {color: black;
background:#EF6B00;
font-weight: bold;}