/* CSS Document */

* {
text-decoration : none;
}



/* main page body */

body {
background : url(../graphics/layout/back.gif);
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : center;
}



/* header */

#header {
background : #000 url(../graphics/layout/header.gif) 50% 0 no-repeat;
}

	#header h3 {
	background : url(../graphics/layout/logo.gif) no-repeat;
	margin : 0 auto;
	text-align : right;
	text-indent : -1000em;
	width : 760px;
	}
	
		#header h3 span {
		display : none;
		}



/* navigation */

#navigation {
background : #fff;
border-bottom : 1px solid #000;
clear : both;
* width : 100%;
}

#nav {
list-style : none;
height : 29px;
margin : 0 auto;
* margin : 0;
padding : 0;
width : 760px;
}

	#nav li {
	display : inline;
	float : left;
	margin : 0 0 0 26px;
	}
	
	#nav a {
	display : block;
	height : 29px;
	float : left;
	text-indent : -1000em;
	}
	
		/* navigation links */
		
		#nav a#home {
		background : url(../graphics/layout/nav/home.gif);
		width : 43px;
		}
		
			#nav a#home:hover {
			background : url(../graphics/layout/nav/over/home.gif);
			}
		
		#nav a#faq {
		background : url(../graphics/layout/nav/faq.gif);
		width : 37px;
		}
		
			#nav a#faq:hover {
			background : url(../graphics/layout/nav/over/faq.gif);
			}
		
		#nav a#purchase {
		background : url(../graphics/layout/nav/purchase.gif);
		width : 68px;
		}
		
			#nav a#purchase:hover {
			background : url(../graphics/layout/nav/over/purchase.gif);
			}
		
		#nav a#about {
		background : url(../graphics/layout/nav/about.gif);
		width : 69px;
		}
		
			#nav a#about:hover {
			background : url(../graphics/layout/nav/over/about.gif);
			}
		
		#nav a#contact {
		background : url(../graphics/layout/nav/contact.gif);
		width : 54px;
		}
		
			#nav a#contact:hover {
			background : url(../graphics/layout/nav/over/contact.gif);
			}



/* content area */

#content {
clear : both;
font-size : 1.2em;
margin : auto;
overflow : auto;
padding : 50px 0;
text-align : left;
width : 650px;
}

	#content-main {
	background : #fff;
	border : 1px solid #000;
	float : left;
	margin : 0 20px 0 0;
	padding : 0 0 15px 0;
	width : 477px;
	}
	
		#content-main h1 {
		background : #000;
		color : #fff;
		font-size : 1.2em;
		letter-spacing : -1px;
		margin : 0;
		padding : 6px 20px;
		}
		
		#content p {
		margin : 0px;
		padding : 15px 17px 0 17px;
		}
	
	#content-right {
	background : #fff;
	border : 1px solid #000;
	float : left;
	width : 149px;
	}

/* Right Column */

#flashbox {
width: 149px;
height: 121px;
padding: 0;
margin: 0;
background: transparent url(/graphics/layout/refresh.jpg) top left no-repeat;3
}


/* spider links */

p#spiders {
background : #626262;
border-top : 1px solid #000;
clear : both;
color : #fff;
font-size : 1.1em;
font-weight : bold;
margin : 0;
padding : 7px;
text-align : center;
}

	p#spiders a {
	color : #fff;
	}
	
		p#spiders a:hover {
		background : #fff;
		color : #626262;
		}
		
	#skeleton {
	display : none;
	}