
HTML, BODY { height: 100%; }

BODY {

	background: url(../images/bg_tile.jpg); 
	margin: 0px;
	background-color: #333;

}

.pop {

color: ;

}

.base {

color: ;

}

A:visited {

	color: #CC0000;
	text-decoration: none;

}

A {

	color: #CC0000;
	text-decoration: none;

}

A:hover {

	color: #333;
	text-decoration: none;

}

A.active {

	color: #FFF;
	text-decoration: none;

}

TD {

color: #FFF;

}


DIV {

	font: normal 12px Courier; 
	color: #666;
	line-height: 15px;
	border: 0px solid red;

}

div.clearer {

	clear: both; 
	line-height: 0px; 
	height: 0px;
	font: normal 0px "Helvetica", "Arial"; 
	margin: 0px;
	padding: 0px;
	border: 0px solid black;

}

/************************/



 
 #main-menu {
 
	float: left; 
	margin-left: 47px; 
	width: 100px; 
	height: 230px; 
	border: 0px solid red; 
	margin-top: 50px;
 
 }
 
 *html #main-menu { margin-left: 25px; }
		
 #main-menu DIV { 

	line-height: 0; /* fixes "stair-step" effect in IE */ 
	display: block; 
	height: 24px; 
	margin-right: 0px; 
	margin-top: 0px;
	text-indent: -9999px; 
	padding-left: 0;
	background-position: -98px 0px;

} 

 #main-menu DIV a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

 #main-menu DIV.active { 

	background-position: 0px 0px; 

}
			
 #main-menu DIV:hover { 

	background-position: 0px 0px; 

}



#main-menu DIV.social-share, #main-menu DIV.social-share:hover {
background: url(../images/menu/social-share.png) no-repeat 0 0; 
height: 54px;
margin:3px 0 0 7px;
}
#main-menu DIV.social-share a {
display:block;
float:left;
width:25px;
margin:0 3px 0 0;
}
			
#homebase { 

 
	background: url(../images/menu/homebase.png) no-repeat; 

}
			
#collection { 

 
	background: url(../images/menu/collection.png) no-repeat; 

}
			
#story { 

 
	background: url(../images/menu/story.png) no-repeat; 

}
			
#stores { 

 
	background: url(../images/menu/stores.png) no-repeat; 

}
			
#press { 

 
	background: url(../images/menu/press.png) no-repeat; 

}
			
#contact { 

 
	background: url(../images/menu/contact.png) no-repeat; 

}

#top-map {

	width: 490px; 
	height: 976px; 
	position: absolute; 
	background: url(../images/map_big.png) no-repeat; 
	margin-left: 455px; 
	margin-top: 55px;

}

#top-label {

	width: 222px; 
	height: 328px; 
	position: absolute; 
	background: url(../images/top_label.png) no-repeat; 
	margin-left: 820px;

}

#main-container {

	background: url(../images/background_full.jpg) no-repeat;
	background-position: top left; 
	width: 1040px;
	/*min-height: 1080px;*/
	border: 0px solid red;
	
}

*html #main-container { height: 1080px; }

#underthings {

	background: url(../images/under.png) no-repeat; 
	min-height: 930px; 
	border: 0px solid blue; 
	background-position: -12px 400px; 
	padding-top: 75px;
 
 }
 
 *html #underthings { height: 930px; }
 
 
 #paper-top {
 
	margin-left: 150px; 
	margin-right: 130px; 
	border: 0px solid green; 
	background: url(../images/paper_bg_top.png) no-repeat; 
	background-position: -13px -24px;
 
 }
 
 #paper-bottom {
 
/*<!-- paper bottom: min height 709px; -->*/
	/*min-height: 709px; */
	border: 0px solid purple; 
	background: url(../images/paper_bg_bottom.png) no-repeat; 
	background-position: -12px bottom;
 
 }
 
 #paper-bottom DIV.inner {
 
	padding: 15px; 
	font: normal 12px Courier; 
	color: #666;
 
 }
 
#groundwave {

position: absolute;
left: 920px;
height: 400px;

}

#groundwave a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

a.collection_link {
color: #666;
font-decoration:none;
}

a.collection_link:hover {
color: #CC0000;
font-decoration:none;
}


