* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background: black url(../images/interface/dirtbag_background_repeat.gif) repeat-y top center;
}

span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clear_both {
	clear: both;	
}

/* container */
#container {
	margin: 0 auto;
	width: 800px;
}
	
	/* header */
	#header {
		background: url(../images/interface/header.jpg) no-repeat top left;
		display: block;
		float: left;
		height: 101px;
		position: relative;
		overflow: hidden;
		width: 800px;
	}
	
		#header h1 a {
			display: block;
			height: 101px;
			text-indent: -9999px;
			width: 800px;
		}
		
		/* cart */
		ul#cart {
			background: url(../images/interface/header_shopping_cart_background.gif) no-repeat top left;
			height: 35px;
			right: 10px;
			position: absolute;
			top: 10px;
			width: 182px;
		}
		
			ul#cart li {
				display: inline;
				list-style: none;
				list-style-type: none;
			}
			
				ul#cart li a {
					display: block;
					float: left;
					height: 34px;
					margin-top: 0px;
					position: relative;
				}
				
					ul#cart li.cart_account a {
						width: 97px;
					}
				
					ul#cart li.cart_view_cart a {
						margin-left: 2px;
						width: 83px;
					}
			
			ul li.cart_view_cart {
				text-indent: 15px;
			}
				
		/* nav */
		ul#nav {
			
		}
		
			ul#nav li {
				list-style: none;
				list-style-type: none;
			}
			
				ul#nav li a {
					height: 26px;
					position: absolute;
					top: 74px;				
				}
			
				ul#nav li.nav_computer_covers a {
					left: 322px;
					width: 126px;
				}
			
				ul#nav li.nav_faq a {
					left: 450px;
					width: 37px;
				}
			
				ul#nav li.nav_testimonials a {
					left: 489px;
					width: 93px;
				}
			
				ul#nav li.nav_installation a {
					left: 584px;
					width: 92px;
				}
			
				ul#nav li.nav_about a {
					left: 678px;
					width: 55px;
				}
			
				ul#nav li.nav_contact a {
					left: 735px;
					width: 65px;
				}
				
	/* slideshow */
	ul#slideshow,
	ul#slideshow_single_img {
		display: block;
		float: left;
		height: 322px;
		width: 800px;
	}
	
		ul#slideshow li,
		ul#slideshow_single_img {
			list-style: none;
			list-style-type: none;
		}

	/* subnav */
	ul#subnav {
		background: url(../images/interface/subnav_background_repeat.jpg) repeat-y top left;
		_background: #8F8E8E;
		_border: 1px solid #6C6C6C;
		display: block;
		float: left;
		height: 44px;
		width: 800px;
		_width: 798px;
	}
	
		ul#subnav li {
			display: block;
			float: left;
			list-style: none;
			list-style-type: none;
		}
		
			ul#subnav li.subnav_list_phrase {
				margin: 7px 30px 0 10px;
				_margin-left: 5px;
				width: 170px;
			}
		
			ul#subnav li a {
				display: block;
				background: url(../images/interface/subnav_button_background.png) no-repeat top left;
				_background: url(../images/interface/subnav_button_background_ie6.jpg) no-repeat top left;
				height: 34px;
				margin: 5px 10px 5px 0;
				position: relative;
				width: 137px;
			}
			
				ul#subnav li a:hover {
					background: url(../images/interface/subnav_button_background.png) no-repeat 0 -34px;
					_background: url(../images/interface/subnav_button_background_ie6.jpg) no-repeat 0 -34px;
				}
				
	/* content page subnav */
	ul#subnav_sidebar {
		display: block;
		float: left;
		width: 180px;
	}
	
		ul#subnav_sidebar li {
			display: block;
			float: left;
			list-style: none;
			list-style-type: none;
		}
		
			ul#subnav_sidebar li a {
				display: block;
				background: url(../images/interface/content_page_button_background.gif) no-repeat top left;
				height: 37px;
				margin: 0 0 7px 10px;
				position: relative;
				width: 153px;
			}
			
				ul#subnav_sidebar li a:hover {
					background: url(../images/interface/content_page_button_background.gif) no-repeat 0 -37px;
				}
				
	ul#subsubnav_sidebar li {
		list-style: none;
		list-style-type: none;
		margin: 0 0 4px 10px;
	}
	
	/* content */
	#content {
		background: white;
		display: block;
		float: left;
		padding: 10px 0 0;
		width: 800px;
	}
	
		#content #content_sidebar {
			float: left;
			padding: 0 10px;
			width: 180px;
		}
	
		#content #content_sidebar img {
			margin-left: 10px;
		}
		
		#content #content_main {
			float: left;
			border-left: 2px solid #ddd;
			padding: 0 10px;
			width: 578px;
		}
		
		#content #content_main img {
			margin: 0 0 10px 0;
		}
		
		#content #content_additional {
			background: #D8D8D8;
			float: left;
			margin: 10px 0 0 0;
			padding: 10px;
			width: 780px;
		}
		
		#content .content_text_block {
			margin: 0 10px 10px 0;
			width: 270px;
		}
		
			#content #content_additional img {
				margin: 0 10px 0 0;
			}
			
		#content #content_main ol li {
			list-style: decimal;
			list-style-type: decimal;
		}
			
	/* additional bottom content and sizing */
	#content_additional .text {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		width: 280px;
	}
	
	#content_additional .charts {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		width: 190px;
	}
	
	#content_additional .order {
		border: 1px solid #666;
		display: block;
		float: left;
		margin: 0;
		width: 288px;
		_width: 278px;
	}
	
		#content_additional .order table {
			margin: 0 10px 10px 10px;
		}
		
			#content_additional .order table td {
				padding: 0 5px 5px 0;
			}
		
				#content_additional .order table td.order_width {
					width: 300px;
				}
	
		#content_additional .order h2 {
			background: #B8B8B8;
			padding: 10px;
			width: 268px;
			_width: 258px;
		}
		
		#content_additional .order select {
			width: 70px;
		}
	
		#content_additional .order input {
			border: 1px solid #666;
			height: 20px;
			width: 80px;
		}
		
		#content_additional .charts img {
			border: 1px solid #666;
			padding: 0;
		}
		
		#content_additional .special_offer {
			display: block;
			background: white;
			border: 1px solid #666;
			margin: 10px 0 0;
			padding: 5px;
			width: 178px;
		}
		
			#content_additional .special_offer p {
				margin: 0;
			}
		
	/* footer */
	#footer {
		background: url(../images/interface/footer_repeat.jpg) repeat-y top left;
		display: block;
		float: left;
		height: 26px;
		margin-bottom: 100px;
		padding: 0 10px;
		width: 780px;
	}
	
	/* formatting styles */
	.hidden {
		display: none;
	}
	
	.left {
		float: left;
	}
	
		.left_margins,
		#content #content_main img.left_margins {
			margin: 0 10px 10px 0;
		}
	
	.right {
		float: right;
	}
	
	.profile_pic {
		margin: 0 0 10px 10px;
	}
	
	.product_preview {
		margin: 0 10px 10px 0;	
	}
	
	.quote {
		/* could have cool quote graphic here */
	}
	
	.detailed_installation li {
		clear: both;
		display: block;
	}
		
		.detailed_installation li img {
			padding-left: 10px;
		}
		
	.border {
		border: 1px solid #78A712;
	}