HTML { margin: 0px; height: 100%; }

HTML, BODY { margin: 0px; background-color: #FFF; font-family: "Helvetica", "Arial"; line-height: 14px; font-size: 10px; color: #666666; }

BODY { min-height: 100%; }

A, IMG, INPUT { outline: none; }

INPUT { cursor: default; }

A:visited {

	color: #00AEEF;
	text-decoration: none;

}

A {

	color: #00AEEF;
	text-decoration: none;

}

A:hover {

	color: #999999;
	text-decoration: underline;

}

A IMG {

	border-width: 0px;
	cursor: pointer;

}

div.clearer {

	clear: both; 
	line-height: 0px; 
	height: 0px;
	font: normal 0px "Helvetica", "Arial"; 
	margin: 0px;
	padding: 0px;
	border: 0px solid black;

}

/*////////////////////////////////////////*/

HR {

	border-top: 0px solid red;
	border-left: 0px solid red;
	border-right: 0px solid red;
	border-bottom: 1px solid black;
	margin: 20px 0px;

}

.genericContainer {

	width: 800px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;

}

.footer {

	border: 0px solid red; 
	color: #000; 
	width: 900px; 
	text-align: right; 
	margin-left: auto; 
	margin-right: auto; 
	text-transform: uppercase; 
	color: #666; 
	margin-top: -15px;

}

.genericInner {

	margin: 0px 75px;
	
}

.blackhouse {

	background-color: #000;
	padding-top: 15px;

}

.blackhouse .genericInner {

	margin: 0px 40px;

}

.blackhouse HR {

	border-bottom: 1px solid #666;

}


#main-menu {

	height: 37px;

}

#main-menu ul { 

	padding: 0px;
	margin: 0px;

}
		
 #main-menu li { 

	line-height: 0; /* fixes "stair-step" effect in IE */ 
	display: block;
	float: left;
	padding-left: 0;
	height: 37px; 
	text-indent: -9999px;
	font-size: 0px;
	background-position: 0 0;

} 

*html #main-menu li { height: 37px; }

 #main-menu li a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%;

}

 #main-menu li.active { 

	background-position: 0px -39px;

}
			
 #main-menu li:hover { 

	background-position: 0px -39px;

}

#home { background: url(../images/menu/home.gif) no-repeat; width: 213px; }

#print { background: url(../images/menu/print.gif) no-repeat; width: 135px; }

#sketch { background: url(../images/menu/sketch.gif) no-repeat; width: 78px; }

#tanktheory { background: url(../images/menu/tanktheory.gif) no-repeat; width: 109px; }

#shop { background: url(../images/menu/shop.gif) no-repeat; width: 64px; }

#info { background: url(../images/menu/info.gif) no-repeat; width: 54px; }

#news { background: url(../images/menu/news.gif) no-repeat; width: 59px; }

#zachjohnsen { background: url(../images/menu/zachjohnsen.gif) no-repeat; width:160px; }

#cart { background: url(../images/menu/cart.gif) no-repeat; width: 126px; }

.gallery_image { opacity: 0; filter: alpha(opacity=0); }

#gallery_container {

	background: url(images/spinner.gif) no-repeat;
	background-position: center center;
	width: 680px; 
	height: 685px;
	text-align: left; 
	overflow: hidden; 
	display: block; 
	position: relative; 
	margin-top: 5px;
	margin-left: auto; 
	margin-right: auto; 
	border-top: 1px solid black; 
	border-bottom: 1px solid black;

}

#gallery_contents {

	display: block; 
	height: 100%; 
	position: relative;

}

#gallery_caption, #gallery_counter {

	width: 450px; 
	height: 50px; 
	text-align: left; 
	overflow: hidden; 
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	text-transform: uppercase;
	margin-top: 5px;

}

#gallery_caption { height: 25px; }

.detailIndex {

	text-align: center; 
	padding: 4px; 
	border-top: 1px solid #333; 
	border-bottom: 1px solid #333; 
	margin-top: 15px; 
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #999;

}

.detailIndex A { color: #999; }

.inactive { color: #CCC; }

#counter_container {

	width: 450px; 
	margin-left: auto; 
	margin-right: auto;

}

#gallery_counter {

	float: left; 
	width: 325px; 
	font: bold 14px "Arial"; 
	color: #00AEEF;

}

#gallery_index {

	float: left; 
	margin-left: auto; 
	width: 125px; 
	padding-top: 3px;

}

#gallery_index SPAN {

	display: block;
	float: left;
	cursor: pointer;
	height: 18px;
	text-indent: -9999px;

}

#gallery_next {

	width: 44px;
	background: url(../images/prevnex.gif) no-repeat;
	background-position: -80px 0px;


}

#gallery_next:hover {

	background-position: -80px -18px;


}

#gallery_back {

	width: 80px;
	background: url(../images/prevnex.gif) no-repeat;
	background-position: 0px 0px;

}

#gallery_back:hover {

	background-position: 0px -18px;

}

.shopContainer { 

	width: 450px; 
	margin: 0px auto;
	color: #FFF;
	
}

.priceContainer { 

	width: 100px; 
	height: 80px; 
	float: left; 
	background: url(../images/price_burst.gif) no-repeat;
	
}

.priceInner {  

	text-align: center; 
	font-size: 24px; 
	margin-top: 35px; 
	margin-left: 0px; 
	color: #FFF; 
	width: 70px;
	
}

*html .priceInner { line-height: 24px; }

.shopTitle {

	width: 270px; 
	float: left; 
	text-align: left; 
	text-transform: none;
	
}

.purchaseContainer {

	width: 80px; 
	padding-top: 10px; 
	float: left;
	border: 0px solid red;
	
}

.zoomContainer {

	text-align: right; 
	padding-right: 70px; 
	text-transform: none;
	color: #00aaaa;

}

.zoomContainer A {

	color: #00aaaa;

}

.cart_button {

	/*text-indent: -99999px;
	background: url(../images/add_cart.gif) no-repeat;*/
	width: 78px;
	height: 27px;
	border: 1px solid #000;
	font-weight: bold;
	text-align: center;
	cursor: pointer; 

}

/**html .cart_button {
	
	text-align: center;
	background: none;
	width: 78px;
	height: 27px;
	border: 0px solid red;
	background-color: #FFF;
	color: #000;
	text-transform: uppercase;
	padding: 0px;
	cursor: pointer;
	border: 1px solid red; 

}*/

.cart_button:hover {

	background-color: #000;
	border-color: #FFF;
	color: #FFF;

}

.blogContainer {

	margin: 5px 100px; 
	border-top: 1px solid #555; 
	border-bottom: 1px solid #555; 
	padding: 7px 0px 10px 0px; 
	text-transform: none;
	color: #FFF;
	text-align: left;

}

.macroContainer { text-align: center; }

/*.blogContainer INPUT { margin-left: auto; margin-right: auto; }*/

.blogContainer A { color: #00aaaa; }

.blogHead {

	text-align: left; 
	margin-bottom: 15px;

}

.blogTitle {

	font-size: 16px; 
	color: #FFF;

}

.blogBackNext {

	padding: 10px 0px;

}

.blogBackNext A {

	color: #FFF;

}

.home {

	margin-top: 15px; 
	width: 910px;

}

.homeNews {

	width: 490px; 
	float: left; 
	padding-top: 0px;

}

.homeNews .blogContainer {

	margin: 5px 30px; 
	border-top: 1px solid #555; 
	border-bottom: 1px solid #555; 
	padding: 7px 0px 10px 0px; 
	text-transform: none;

}

.homeSpacer {

	width: 20px; 
	float: left;

}

.homePromos {

	width: 400px; 
	float: left; 
	text-align: left;

}

.promoBlock {

	margin-bottom: 15px;

}

.infoHeader {

	text-align: center; 
	border-bottom: 1px solid #666; 
	padding-bottom: 8px;

}

.infoBody {

	margin: 20px 40px; 
	min-height: 350px; 
	color: #FFF; 
	font-size: 11px;

}

.infoBody A { color: #666; }

.infoLinks {

	float: left; 
	width: 26%; 
	margin-right: 15px; 
	min-height: 150px;

}

.teaserTag, .shopTag { 


font-family: Arial; 
font-size: 14px; 
text-transform: uppercase; 
color: #00AEEF; 
line-height: 14px;
display: block;
margin-top: 6px;
margin-bottom: 0px; 

}

.infoTag { 


font-family: Arial; 
font-size: 12px; 
text-transform: uppercase; 
color: #666666; 
line-height: 14px;
display: inline;
margin-top: 0px;
margin-bottom: 0px; 

}

.blogTitle { 


font-family: Arial; 
font-size: 16px; 
text-transform: uppercase; 
color: #00AEEF; 
line-height: 12px;
display: block;
margin-top: 0px;
margin-bottom: 0px; 

}