/* ---------CSS Document----------- */

#loadnow {
	height: 1px;
	width: 1px;
	left: -9999px; 
	top: -9999px;
	position: absolute;
	overflow:hidden;
	visibility:hidden;
	background-repeat: no-repeat; 
	}

img .load { 
		background: url(ajaxloader.gif) no-repeat center;
		height: 32px;
		width: 32px;
		}

#preloadafter {
	width: 1;
	height: 1;
	position: absolute;
	visibility:hidden;
	overflow:hidden;
	background-repeat: no-repeat; 
	background-position: -9999px -9999px; 
	background-image: url(images/stripe2.png);	
    background-image: url(images/muscle.jpg);
    background-image: url(images/bgpsticker.png);
    background-image: url(images/merchtable.jpg);	  
    background-image: url(images/logoalone.png);
    background-image: url(images/chickshirt.jpg);
    background-image: url(images/stylefile.png);
    background-image: url(images/cranktee.png);
    background-image: url(images/stripe2.png);	
	}


/* ------------------------MAIN CONTENT STYLING-------------------- */

body {
	background-color: #d4ecfb;
	font: lighter 1em "Trebuchet MS", Verdana, Arial, sans-serif; 
	letter-spacing: 0.2em;
	color:#f00;
	padding:0px;
	margin:0px;
	border: 0px;
	list-style:none;
	background-image: url(images/stripe2.png);	
	}
	


/* ----------container to center the layout---------- */
#container {
	width: 900px;
	height: 580px;
	position: fixed;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-left: 50px;
	
	border:0px;
	
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 50px 75px;
	background-image: url(images/designback.jpg);
	background-color: #fff;
	float: left;
	overflow-x: hidden; 
	overflow-y: hidden; 
	} 



	

	
 /* ---------------copyright footer--------------------- */
#footer {
	padding:0px;
	margin:0px;
	border: 0px;
	position: relative;
	left: -40px;
	width: auto;
	top: 560px;
	float: left;
	height: auto;
	white-space: nowrap;
	} 
	
	
  /* ----------formats the copyright footer text---------- */	
  
span.footer {
	font-size:0.6em;
	font-weight: lighter;	
	padding: 0px 0px 0px 0px;
	margin:0px;
	text-align:right;
	letter-spacing: 0.1em;
	color: #666;
	}
			
	


/* ----------important, this holds the nav and info areas.-------------- */
#rightbar {
	width:100%;
	float:left;
	position:fixed;
	height: 800px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	left: 55px;
	top: 10px;
	}
	 
	 
	 
/* ----------the main links-------------- */

#nav {
	width: 250px;
	height: 230px;	
	border: 0px;
	margin: 0px;
	position: absolute;
	float: left;
	top: 75px;
	left: 0px;
	padding: 0px;
	white-space: nowrap;
	letter-spacing: 0.15em;
	line-height:130%;
	font-size: 1.15em;	
	text-align:left;
	background-color: transparent;
	}	

#nav a:link {
	font-weight:lighter;
	position:relative;	
	color: #999;
	padding: 0px;
	text-decoration:none;
	font-style:normal;
	outline-style: none;
	}

#nav a:visited {
	font-weight: lighter;
	color: #999;
	outline-style: none;
	text-decoration:none;
	}

#nav a:hover {
	font-weight: normal;
	color: #c00;
	text-decoration:none; 
	outline-style: none;
	}
	 	 
#nav a:active {
	font-weight: lighter;
	color: #999;
	outline-style: none;
	text-decoration:none;
	}



	
	
/*--------------------------TEXT STYLING---------------------------------*/	

	
h1 {
	font-size:1.1em;
	font-weight: lighter;
	letter-spacing: 0.2em;
	color: #f00;
	font-style:normal;
	text-align:left;
	text-decoration:none;
	line-height:115%;
	} 


/*---caps header text format---*/	
.subtitles {
	color: #c00;
	font-size:1.1em;
	letter-spacing:0.2em;
	text-transform:uppercase;
	}	
/*---end caps header text format---*/		


#links{
	width: 250px;
	height: 90px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
	float: left;
	top: 380px;
	left: 0px;
	font-size:0.95em;
	white-space: nowrap;
	letter-spacing: 0.1em;
	line-height:80%;
	text-align: left;
	background-color: transparent;
	text-decoration:none;
	outline-style:none;
	font: lighter 0.95em "Trebuchet MS", Verdana, Arial, sans-serif; 
	letter-spacing: 0.175em;
	line-height:80%;
	}		

#links a:link {
	outline-style:none;
	font-weight: lighter;
	position:relative;	
	color: #000;
	padding: 0px;
	text-decoration:none;
	font-style:normal;
	left: 0px;
	}
	
#links a:visited {
	font-weight: lighter;
	color: #000;
	outline:none;
	text-decoration:none;
	}

#links a:hover {
	font-weight: normal;
	color: #c00;
	outline-style:none;
	text-decoration:none;
	}				
	
#links a:active {
	font-weight: lighter;
	color: #999;
	outline-style:none;
	text-decoration:none;
	}	


	
/*-------------IMAGE SCROLLBAR STYLING-------------*/
#scroller {
	list-style: none;
	
	width:95%;
	height: 585px;
	margin: 0px;	
	
	position: fixed;
	border: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin-left: -100%;	
	float: left;
	white-space: nowrap; 
	display: inline;
	overflow:auto;
	overflow-x: scroll; 
	overflow-y: hidden; 
	top:70px;
	right:-350px;
	font-size:0.8em;
	line-height:150%;
	letter-spacing:0.01em;
	background-color: #fff;
	}

#scroller li {
	list-style: none;
	display: table-cell;
	height: 402px;
	padding-top: 75px;
	padding-right: 60px;
	padding-bottom: 80px;
	padding-left: 60px;
	border: 0px;
	text-align: left;
	background-color: #fff;

	}

#scroller img {
	border-style: none;
	display: inline;
	white-space: nowrap;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-color: #fff;
	}


#scroller a:link img {
	font-weight:lighter;
	position:relative;	
	padding: 0px;
	text-decoration:none;
	font-style:normal;
	outline-style: none;
	border-style:solid;
	border-width:3px;
	border-color: #ddd;
	}

#scroller a:visited {
	font-weight: lighter;
	border-color: #ddd;
	outline-style: none;
	text-decoration:none;
	}

#scroller a:hover img {
	font-weight: normal;
	text-decoration:none; 
	outline-style: none;
	border-style:solid;
	border-color: #f00;
	border-width:3px;
	}
	 	 
#scroller a:active {
	font-weight: lighter;
	color: #999;
	outline-style: none;
	text-decoration:none;
	}

			
/*---scroller text format---*/

span.identify {
	letter-spacing:0.08em;
	color:#212121;
	}
	
span.itals {
	font-style:italic;
	font-weight:lighter;
	}	
/*---end scroller format---*/

/*---stupid purple link things next to images---*/
a:link {
	font-weight: lighter;
	color: #ddd;
	outline-style: none;
	text-decoration:none;
	}

a:visited {
	font-weight: lighter;
	color: #ddd;
	outline-style: none;
	text-decoration:none;
	}
	
	
	
/* end CSS Document */