@charset "utf-8";

/*********************************************
*	Stylesheet for assignment 6
*	Author: Blair Altman
*	Creation Date: Nov 12 2008 
**********************************************/

/* the following Reset CSS was modified from Eric Meyer's v1.0 | 20080212 */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address,
em, img, strong,
dl, dt, dd, ol, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}

body {
line-height: 1;
}
/* End of Eric Meyer's Reset CSS */


/*Start HTML and BODY Styles*/
html, body {
	height: 100%;
}
/*End HTML and BODY Styles*/


/*Start BODY Style*/
body {
	color: #000;
	background-color: #000001;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image: url("css_images/mesh.jpg");
	background-repeat: repeat-y;
	background-position: center top;
	z-index: 0;
	line-height: 1.1em;
}
/*End BODY Style*/


/*Start PAPER Styles*/
/*this is the background paper image*/
#paper {
	position:absolute;
	background-image: url("css_images/contentbackground.png");
	background-repeat: repeat-y;
	background-position: center 200px;
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 1;
}
/*End PAPER Styles*/


/*Start CHAINBACKGROUND Styles*/
/*this is the chain background that gets z-indexed behind the content and paper*/
#chainbackground {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: auto;
	min-height: 100%;
	background-image: url("css_images/chain.png");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	z-index: 0;
}
/*End CHAINBACKGROUND Styles*/


/*Start WRAPPER Style*/
/*wrapper for all of the content*/
#wrapper{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 780px;
	z-index: 4;
	height: auto;
}
/*End WRAPPER Styles*/


/*Start HEADER Styles*/
#header {
	position: relative;
	width: 780px;
	height: 200px;
	background-image: url("css_images/headerbackground.png");
	background-repeat: no-repeat;
	background-position: center top;
}
/*End Header Styles*/

	/*Start LOGO Styles*/
	/*positions logo*/
	#logo {
		position: absolute;
		top: 50px;
		left: 20px;
		height: 115px;
		width: 257px;
		background-image: url("css_images/logo.png");
		background-repeat: no-repeat;
	}
	/*End LOGO Styles*/

/*End HEADER Styles*/

/*Start CONTENTAREA Styles*/
/*This contains anything that isn't header or footer aka the nav and content*/
#contentarea {
	position: relative;
	width: 780px;
	z-index: 6;
	margin-bottom: 50px;
}
/*End CONTENTAREA Styles*/

	/*Start NAV Styles*/
	#nav{
		float:left;
		width: 95px;
		margin-left: 20px;
		padding-top: 30px;
		padding-right: 10px;
		background-image: url("css_images/part_number.png");
		background-repeat: no-repeat;
		border-right: 1px solid #000;
		}
		
		#nav ul {
			padding-top: 10px;
			list-style: none;
		}
		
		#nav li {
			padding-bottom: 4px;
			padding-top: 4px;
			border-bottom: 1px solid #000;
		}
		
		#nav li a{
			font-size: .8em;
			font-weight: bold;
			text-align: center;
			display: block;
			height: 16px;
			width: 80px;
			background-color: #d2cab6;
			color: #cd6e21;		
			padding: 7px;
			border: 1px dashed #000;
			text-decoration: none;
		}
		
		#nav li a:hover{
			border: 1px solid #000;
			color: #cd6e21;
			background-color: #ccc1a6;
			text-decoration: underline;
		}
	/*End NAV Styles*/
				
				
	/*Start CONTENT Styles*/			
	#content{
		float:left;
		width: 610px;
		padding: 30px 30px 10px 10px;
		margin-bottom: 50px;
		border-left: 1px groove #000;
		background-image: url("css_images/description.png");
		background-repeat: no-repeat;		
	}
	
		/*Start Styles for individual content tags*/	
		#content p {
			padding-top: 5px;
			padding-left: 20px;
		}
		
		#content h2 {
			font-size: 1.1em;
			padding-top: 15px;
		}
		
		#content h3 {
			font-size: 1.0em;
			padding-top: 15px;	
		}
		
		#content ul{
			list-style: none;
			padding-top: 5px;
			padding-left: 20px;
		}
		
		#content address {
			font-style: normal;
			padding-top: 5px;
			padding-left: 20px;
		}
		
		#content dt {
			padding-top: 15px;
			font-weight: bold;
		}
		
		#content dd {
			padding-left: 15px;	
		}
		/*End Styles for individual content tags*/
		
		/*Start Styles for content classes*/
			/*Start Styles for lists of links*/
			.linklist {
				background-color: #d2cab6;
				color: #cd6e21;
				width: auto;
				border: 1px solid #000;
				margin-top: 5px;
				padding: 5px 20px;
			}
			
			.linklist li {
				padding: 0px 0px 5px 0px;
				list-style: none;
				background-color: #d2cab6;
				color: #cd6e21;
			}
			
			.linklist a {
				display: block;
				height: 1.1em;
				width: auto;
				background-color: #d2cab6;
				color: #000;
				text-decoration: none;
			}
			
			.linklist a:hover {
				display: block;
				height: 1.1em;
				width: auto;
				background-color: #ccc1a6;
				color: #cd6e21;
				text-decoration: underline;
			}
			/*Start Styles for lists of links*/
			
			/*Start styles for lists of images*/
			.imagelist {
				list-style: none;
				padding-top: 5px;
				padding-left: 10px;	
			}
			
			.imagelist li {
				padding-bottom: 15px;	
			}
			
			.imagelist img {
				border: 1px solid #000;	
			}
			/*End styles for lists of images*/
			
			/*Start styles for product list images*/
			.productlist {
				list-style: none;
				padding-top: 30px;
				padding-left: 10px;	
			}
			
			.productlist li {
				display: inline;
				padding-right: 15px;
				padding-bottom: 15px;	
			}
			/*End styles for lists of images*/
					
			/*Start styles for articles*/
			.articleitem {
				border-bottom: 1px solid #000;
				padding: 5px 5px;
				min-height: 125px;
				margin: 10px 0px;
			}
			
			.articleimage {
				float: right;
				border: 1px solid #000;
				margin-left: 10px;
				margin-bottom: 10px;
			}
			
			.articleitem a {
				color: #cd6e21;
				background-color: #e2dac7;
			}
			
			.articleitem a:hover {
				color: #cd6e21;
				background-color: #ccc1a6;
			}
						
			/*End styles for articles*/
		/*End Styles for content classes*/

	/*End CONTENT Styles*/

/*Start FOOTER Styles*/
#footer {
	position: absolute;
	margin: 0;
	text-align:center;
	width:100%;
	height: 50px;
	padding: 0;
	bottom:0;
	z-index:5;
}

	/*Start FOOTERCONTENT Styles*/
		/*centers and aligns the stuff in the footer within the FOOTER div which spans the entire screen width*/
		#footercontent{
			position: relative;
			margin: 0 auto;
			text-align: left;
			width: 740px;
			height: 39px;
			padding: 5px 0px;
			border-top: 1px solid #000;
			font-size: .9em;
		}
	
		#footercontent p {
			padding-bottom: 4px;
		}
		
		/*makes the shop address different from the rest of the footer*/
		#info {
			font-weight: bold;	
		}
		
		/*for the link to my website*/
		#blairlink {
			color: #cd6e21;
			background-color: #e2dac7;
			text-decoration: none;
		}
	/*End FOOTERCONTENT Styles*/
	
/*End FOOTER Styles*/	
	
	
/*Start MISCELLANEOUS Styles*/	
/*hides headers or whatever I don't want visible */
.hide {
	display: none;	
}

/*positions the skip to content link*/
#skipnav {
	position: absolute;
	top: 76px;
	left: 650px;
	width: 7em;
	color: #000;
	background-color: #e2dac7;
	text-decoration: none;
	font-size: .8em;
}

/*positions the return to navigation link*/
#gotonav {
	position: absolute;
	top: 5px;
	left: 630px;
	width: 7.5em;
	color: #000;
	background-color: #e2dac7;
	text-decoration: none;
	font-size: .9em;
}

/*modifies a character in certain links that are used as the accesskey letter*/
.accesskey {
	text-decoration: underline;	
}
/*Start MISCELLANEOUS Styles*/