/* PHAT CYCLES (SPEC SHEET) - _style_spreads.css - Updated: 01.05.09 */


/*---------------PAGE LOOK & FORMAT---------------*/

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color: #000000;
	color: #FFFFFF;
	padding: 3px;
	z-index: 1;
	margin: 0;
	padding: 0;
	text-align: center; /* For IE*/
/*	background-image: url(http://www.phatcycles.com/_css/background_spreads.png);
	background-repeat: repeat-x;
	background-position: top;*/
	}

a{outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }
	
/*---------------TEXT STYLES-----------------*/	
div.container {
	position:absolute;
	top: 15px;
	width: 100%;
	height: 600px;
	height: auto; /*ie7 */	
	z-index: 5;
}

#div.spread-top-bar {
	position:absolute;
/*	left: 50%;*/
	top: 5px;
	width: 765px;
	height: 30px;
	height: auto; /*ie7 */
/*	margin-left: -382px;
	margin: 0 auto;*/
	z-index: 5;
	}

#div.spread-main {
	position:absolute;
/*	left: 50%;*/
	top: 30px;
	width: 763px;
	height: 498px;
	min-height: 498px; /*ff*/
	height: auto; /*ie7 */	
	margin-left: -382px;
	margin: 0 auto;
	z-index: 5;
	}

#div.spread-bottom-bar {
	position:absolute;
/*	left: 50%;*/
	top: 498px;
	width: 763px;
	height: 46px;
	height: auto; /*ie7 */	
	margin-left: -382px;
	margin: 0 auto;
	z-index: 5;
	}

#div.copyright {
	position:absolute;
/*	left: 50%;*/
	top: 598px;
	margin-left: 71px;
	color: #666666;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: right;
	word-spacing: normal;
	height: auto /*ie7 */	
}

div.copyright {
	position: absolute;
	left: 50%;
	top: 600px;
	margin-left: 32px;
	color:#666666;
	font-size: 10px;
	}
	
div.facebook {
	position:absolute;
	left: 50%;
	top: 596px;
	z-index:  3;
	height: 35px;
	margin-left: 350px;
}

span.copyright {
	position:absolute;
	left: 50%;
	top: 598px;
	margin-left: 71px;
	color: #666666;
	font-size: 10px;
}


span.homepage-image-spread {
	position:absolute;
	left: 50%;
	top: 15px;	
	width: 765px;
	height: 576px;
	margin-left: -382px;
	z-index: 2;
	}


span.homepage-image-main {/*rotatingimages*/
	position:absolute;
	left: 50%;
	top: 39px;	
	width: 765px;
	height: 576px;
	margin-left: -382px;
	z-index: 2;
	}


span.homepage-top-bar {
	position:absolute;
	left: 50%;
	top: 5px;
	width: 765px;
	height: 28px;
	margin-left: -382px;
	z-index: 15;
	}
	
div.homepage-top-bar {
	position:absolute;
	left: 50%;
	top: 5px;
	width: 765px;
	height: 28px;
	margin-left: -382px;
	z-index: 15;
	background-color: #000000;	
}

span.homepage-bottom-bar {
	position:absolute;
	left: 50%;
	top: 545px;
	width: 765px;
	height: 31px;
	margin-left: -382px;
	z-index: 15;
	}

div#ss{
	padding-top: 50px;
	padding-bottom: 10px;
	margin: 0 auto 0 auto;
	}

#ss IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#ss IMG.active {
    z-index:10;
    opacity:1.0;
}

#ss IMG.last-active {
    z-index:9;
}

div.copy-invisible {
	position: absolute;
	left: 50%;
	top: 630px;
	height: 100px;
	width:765px;
	margin-left: -382px;
	padding: 0px;
	overflow: visible;
	color: #000000;
	font-size: 10px;
	visibility: visible; /*invisible text*/
	}

/*span.image-main {
	position:absolute;
	left: 50%;
	top: 15px;
	width: 763px;
	height: 576px;
	margin-left: -382px;
	z-index: 4;
	}*/