/*
     FILE ARCHIVED ON 7:19:46 Feb 8, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:16:36 Mar 9, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ------------------------------------------------------------
SpinXpress.com
Designed by Michael Verdi
last update: Mar 08, 2007
Copyright 2007, Outhink, Inc.
----------------------------------------------------------- */

/* Let's set stuff up ------------------------------------- */

/* Zero the defaults */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Our defaults */
body {
	font-size: 100.01%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	background-image:url(/web/20140208071946/http://spinxpress.com/images/grad_bkd1.png);
	background-repeat:repeat-x;
	background-color:#b2ef0b;
}

/* Jello - This centers a fixed-width design */
#wrapper {
	width:750px;
	margin-left: auto;
	margin-right: auto;
}

img {
	border:none;
}

.icon {
	margin-right:4px;
	border:1px solid #333333;
}

.icon a {
	border:1px solid #adcf00;
}

.functions {
	margin-left:5px;
	margin-right:5px;
}

/* Typography */

a {
	color:#0066FF;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#0066FF;
	text-decoration:underline;
}


h1 {
	font-size:200%;
	font-weight:bold;
	margin:5px 15px 3px 15px;
}

h2 {
	font-size:115%;
	font-weight:bold;
	margin:5px 15px 3px 15px;
}

h3 {
	font-size:100%;
	font-weight:bold;
	margin:5px 15px 3px 15px;
}

h4 {
	font-size:90%;
	font-weight:bold;
}

p {
	padding:0 15px 15px 15px;
}

em {
	font-weight:bold;
	font-style:normal;
}
.private a {
	color:#aa0000;
}


.fineprint {

	font-size:70%;
}

.lineout {
	text-decoration:line-through;
}

/* End of Typography */

/* Done setting stuff up ----------------------------------- */



/* Layout -------------------------------------------------- */

/* Header - logo, nav, login, and system messages */
#header {
	position:relative;
	top:0;
	width:750px;
}

#id {
	position:absolute;
	top:0;
	width:358px;
}

#login {
	position:absolute;
	top:0;
	left:640px;
	width:110px;
	height:83px;
	background-image:url(/web/20140208071946/http://spinxpress.com/images/loginbkd1.gif);
	background-repeat:no-repeat;
}

#loginform {
	position:absolute;
	top:21px;
	left:2px;
}

#loggedin {
	position:relative;
	top:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:80%;
}

#loggedin a {
	color:#333333;
}

#loggedin a:hover {
	color:#CCFF00;
}


.loginform {
	font-size:70%;
	height:12px;
	margin:0 5px 0 5px;
}

.loginbutton a {
	display:block;
	width: 30px;
	height:47px;
	position:absolute;
	top:17px;
	left:75px;
	background:url(/web/20140208071946/http://spinxpress.com/images/loginbutton.gif) 0 -47px no-repeat;
}

.loginbutton a:hover { 
	background-position: 0 0;
	background-color:transparent;
}

.downloadit a {
	display:block;
	width: 266px;
	height:83px;
	position:absolute;
	top:0;
	left:358px;
	background:url(/web/20140208071946/http://spinxpress.com/images/downloadit2.gif) 0 -83px no-repeat;
}

.downloadit a:hover { 
	background-position: 0 0;
	background-color:transparent;
}

/* These are the nav tabs with rollovers. Absolute positioning used for IE6 */
.home a {
	display:block;
	width:108px;
	height:20px;
	position:absolute;
	top:74px;
	left:25px;
	background:url(/web/20140208071946/http://spinxpress.com/images/home1.gif) 0 -20px no-repeat;
}

.home a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.homedown {
	display:block;
	width:108px;
	height:20px;
	position:absolute;
	top:74px;
	left:25px;
	background:url(/web/20140208071946/http://spinxpress.com/images/home1.gif) 0 0 no-repeat;
}


.getmedia a {
	display:block;
	width:100px;
	height:20px;
	position:absolute;
	top:74px;
	left:133px;
	background:url(/web/20140208071946/http://spinxpress.com/images/getmedia1.gif) 0 -20px no-repeat;
}

.getmedia a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.getmediadown {
	display:block;
	width:100px;
	height:20px;
	position:absolute;
	top:74px;
	left:133px;
	background:url(/web/20140208071946/http://spinxpress.com/images/getmedia1.gif) 0 0 no-repeat;
}

.marketplace a {
	display:block;
	width:180px;
	height:20px;
	position:absolute;
	top:74px;
	left:233px;
	background:url(/web/20140208071946/http://spinxpress.com/images/marketplace.gif) 0 -20px no-repeat;
}

.marketplace a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.hookupdown {
	display:block;
	width:100px;
	height:20px;
	position:absolute;
	top:74px;
	left:233px;
	background:url(/web/20140208071946/http://spinxpress.com/images/hookup1.gif) 0 0 no-repeat;
}

.videoblog a {
	display:block;
	width:100px;
	height:20px;
	position:absolute;
	top:72px;
	left:368px;
	background:url(/web/20140208071946/http://spinxpress.com/images/videoblog1.gif) 0 -20px no-repeat;
}

.videoblog a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.videoblogdown {
	display:block;
	width:100px;
	height:20px;
	position:absolute;
	top:72px;
	left:368px;
	background:url(/web/20140208071946/http://spinxpress.com/images/videoblog1.gif) 0 0 no-repeat;
}

.whatisspinxpress a {
	display:block;
	width:180px;
	height:20px;
	position:absolute;
	top:74px;
	left:413px;
	background:url(/web/20140208071946/http://spinxpress.com/images/whatisspinxpress2.gif) 0 -20px no-repeat;
}

.whatisspinxpress a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.whatisspinxpressdown {
	display:block;
	width:180px;
	height:20px;
	position:absolute;
	top:74px;
	left:413px;
	background:url(/web/20140208071946/http://spinxpress.com/images/whatisspinxpress2.gif) 0 0 no-repeat;
}

.aboutus a {
	display:block;
	width:79px;
	height:20px;
	position:absolute;
	top:72px;
	left:522px;
	background:url(/web/20140208071946/http://spinxpress.com/images/aboutus.gif) 0 -20px no-repeat;
}

.aboutus a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.aboutusdown {
	display:block;
	width:79px;
	height:20px;
	position:absolute;
	top:72px;
	left:522px;
	background:url(/web/20140208071946/http://spinxpress.com/images/aboutus.gif) 0 0 no-repeat;
}
/* End of the nav tabs */

/* This is for System Messages */
#system {
	position:absolute;
	top:65px;
	width:100px;
	font-size:65%;
	color:white;
	text-align:center;
}
#system a {
	color:white;
}

.bottomlink {
	font-size:8pt;
	text-align:center;
}


/* End of Header */

/* Main Content */
#maincontentwrapper {
	position:relative;
/*	top:105px;*/
	left:0px;
	width:750px;
}
#bottomwrapper {
	position:relative;
	clear:both;
	left:0px;
}

/* SpinSidebar */
#spinsidebar {
	width:110px;
	float:right;
	margin-bottom:50px;
}

#spinsidebartop a:hover {
	background-color:transparent;
}

.searchform {
	font-size:90%;
	height:12px;
	width:63px;
	margin:0px;
}

#spinsidebarmid {
	background-image:url(/web/20140208071946/http://spinxpress.com/images/sidebarsides1.gif);
	font-size:70%;
	padding-left:8px;
	padding-right:8px;
	line-height:150%;
}


.sidebarheadtop {
	border:none;
}

.sidebarhead {
	border:none;
	margin-bottom:4px;
}

.sidebartext {
	top:-4px;
	position:relative;
}
/* End of SpinSidebar */

.singleclear {
	width:624px;
	float:left;
}

/* End of Main Content */
	
/* End of Layout ------------------------------------------- */